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
220

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
450

Other Decks in Design

See All in Design
879fd79c46ae1e48906fa37ba32015e0?s=48 shigalg
0
170
15da9fc679a095a86bd46a422773c25e?s=48 salvemaria
0
110
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
1
290
8d2b874afba472afdf9d74be9bec4a8c?s=48 agaitond
0
340
Ad2d57797361b8523636679a0e756216?s=48 iosipratama
1
690
Cdf97a1b1b132c56582773c3ba09a3a6?s=48 rakus_dev
0
3.4k
D61f44a8b9fc51da30e971bb741705e7?s=48 rjkroeplin
0
200
943de1602aad3d297dbe74de4890b886?s=48 mrmiguelart
2
110
25448e5eb61d4fd7b35ed73d722f9ad9?s=48 sawa_zen
2
600
C9b13030657cff75ef421db51c6f021c?s=48 sylvaingrisot
0
650
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
0
360
F0599a99680784b73c427e0e2df14ae6?s=48 a_yajima
0
2.7k

Featured

See All Featured
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
56
4.1k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
656
120k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
308
33k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
990
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
337
30k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
830
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
241
23k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
20k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
56
3.6k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
6
1k

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