Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design for a Global Audience (and how a pattern...

Avatar for Sophie Shepherd Sophie Shepherd
November 04, 2015
Design
1
410

Design for a Global Audience (and how a pattern library can help!)

Presented at Responsive Field Day and Velocity Amsterdam

Avatar for Sophie Shepherd

Sophie Shepherd

November 04, 2015
Tweet

More Decks by Sophie Shepherd

See All by Sophie Shepherd
Wrangling GitHub's Brand
Avatar for Sophie Shepherd sophshep
2
900

Other Decks in Design

See All in Design
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
100
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
130
mento Design Team Portfolio
Avatar for mento _official mento0fficial
1
1.1k
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
890
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.5k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
360
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
830
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
250
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
970
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
2.3k
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
950
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
210

Featured

See All Featured
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
118
20k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
4.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.6k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.2k

Transcript

  1. Designing for a Global Audience Sophie Shepherd @sophshepherd

  2. None

  3. 2008

  4. 2008

  5. 2008

  6. 2008

  7. None

  8. “ Any techies out there willing to do a mashup

    of where the violence and destruction is occurring using Google Maps? ORY OKOLLOH
  9. None

  10. 2015 SEVEN YEARS LATER

  11. 2015 SEVEN YEARS LATER

  12. None

  13. Tianjin China Motorola Workers Strike in Tianjin

  14. Dadaab Kenya Corrupt Police man forced me to send him

    airtime

  15. Rio de Janeiro Brazil Mangrove restoration in Guanabara Bay

  16. Aruba Chicken Breasts Very Expensive in main town of Aruba

  17. Edmonton Canada Skier Triggers Avalanche and Rides it Out

  18. Different situations devices connections data types needs experiences languages

  19. None

  20. Atomic Design http:/ /bradfrost.com/blog/post/atomic-web-design/

  21. None
  22. None
  23. None
  24. None

  25. PATTERN CHECKLIST 1. Language

  26. Language “ We should start with language, not interfaces. ALLA

    KHOLMATOVA The Language of Modular Design, A List Apart

  27. Language “ Sets ” “ Smart Sets ” “ Alerts

    ” Collections Saved Searches Notifications
  28. None

  29. transifex.com/ushahidi Language 76 Languages

  30. Don’t Be Witty :( Language

  31. No Wit No Slang No Regional Terms Language

  32. Reading Direction Language

  33. PATTERN CHECKLIST 1. Language 2. Context

  34. “ If it works in Africa, it will work anywhere.

    ERIK HERSMAN Context

  35. Usage NYTIMES.COM Calais, France

  36. “ I would never have been able to arrive at

    my destination without my smartphone THE NEW YORK TIMES Context A 21st-Century Migrant’s Essentials: Food, Shelter, Smartphone
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None

  43. DESIGN PROCESS RESPONSIVE FIELD DAY 2015 Ethan Marcotte

  44. 1. Language 2. Context PATTERN CHECKLIST 3. Personalization

  45. 1. Language 2. Context PATTERN CHECKLIST 3. Personalisation

  46. Personalization

  47. None

  48. Personalization https://medium.com/@ImJasonLi/around-the-world-with-uber-1246b0bb796d

  49. Naked Pizza Kenya Personalization

  50. DESIGN PROCESS Define Build Them Up + + Add Functionality

  51. Thank You! Sophie Shepherd @sophshepherd