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

Presented at Responsive Field Day and Velocity Amsterdam

Transcript

1. Designing for a Global Audience Sophie Shepherd @sophshepherd
8. “ Any techies out there willing to do a mashup of where the violence and destruction is occurring using Google Maps? ORY OKOLLOH
10. 2015 SEVEN YEARS LATER
11. 2015 SEVEN YEARS LATER
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
20. Atomic Design http:/ /bradfrost.com/blog/post/atomic-web-design/
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
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
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
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