Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

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

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

More Decks by Sophie Shepherd

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

Other Decks in Design

See All in Design
HeartLanguage - DesignProcess
Avatar for HeartLanguage heartlanguage
0
220
デザなに#1「問いのデザイン」の紹介LT
Avatar for @Garyuten garyuten
0
150
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.6k
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
Avatar for sugiyama sugiyama_sukedachi
0
140
Look Dev Meetup #50
Avatar for Baku Hashimoto baku89
1
520
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
Avatar for Findy findyinc
14
150k
SERVICE PAMPHLET
Avatar for M-HAND,Inc. mhand01
0
6.2k
RawrXD: The Sword
Avatar for Sean Natarajan seanvraj_arts
0
180
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
250
Jun Wei | Information Design & Presentation Portfolio
Avatar for Wong Jun Wei wjw100788
PRO
0
160
Navigating the journey into design leadership - Hatch Atelier, Berlin, 2026
Avatar for Andy Polaine apolaine
0
120
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
880

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
990
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
53
4k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
750
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
710
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
360
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.3k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k

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