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

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

2aa005d5fe6ed3daed0b657ab0f7ebcb?s=47 Sophie Shepherd
November 04, 2015
Design
1
210

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

Presented at Responsive Field Day and Velocity Amsterdam

2aa005d5fe6ed3daed0b657ab0f7ebcb?s=128

Sophie Shepherd

November 04, 2015
Tweet

More Decks by Sophie Shepherd

See All by Sophie Shepherd
2aa005d5fe6ed3daed0b657ab0f7ebcb?s=48 sophshep
2
350

Other Decks in Design

See All in Design
92fccf6caea24341b74dfbd9509edb34?s=48 aaronimation
0
300
0d4a75741aaeeabfabc890d186698ed2?s=48 noelledeeartist
0
210
F0584c26e28e55aa1918bfa7b24eab77?s=48 kargs
0
140
128d92bf74fbf395ac55960f19f92176?s=48 anamisanga
0
150
67bb04388b20ebce98dc19667a2d0010?s=48 sergkuniva
0
620
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
240
8ee9e902fd961b903fc052644b5883ec?s=48 ymdsko
2
4.9k
2481158a72219f42b701cf0fcef12971?s=48 rvillarreal
0
120
250494d00b2f0fdc10fb4a02f01fc7e5?s=48 tamadama
0
250
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
460
9105c959cc559664a1c2a506cac28070?s=48 ajanart
1
630
49d2208d5092ac4ea8764f6d34484e8b?s=48 hsmtyshs
PRO
1
420

Featured

See All Featured
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
652
110k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
287
110k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
4
550
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
116
4.8k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
19
800
A9704266587836f7e784235e5073b93e?s=48 jmmastey
9
540
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
62
3.5k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.6k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4.1k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
56
5.4k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
775
200k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
6
340

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