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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Sophie Shepherd Sophie Shepherd
November 04, 2015
Design
1
420

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
910

Other Decks in Design

See All in Design
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.2k
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
5
8.1k
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
730
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.1k
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
290
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
280
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
580
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
27k
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
1
710
デザインするために「多様性」について考える
Avatar for なつ iflection
0
230
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
750
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
300

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
780
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.4k
How to make the Groovebox
Avatar for あそなす asonas
2
2k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
47k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
190
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
250
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k

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