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
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
250
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
Avatar for Kota SAITO kotasaito_cnt
0
920
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
250
Edmonton River Slidedeck
Avatar for Edmonton River edmontonriver
0
370
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
970
TOPOSTOPOS
Avatar for Shohei Yoshida shoheyey
0
220
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
2
1.4k
noteらしさを織り込むハーネスエンジニアリング
Avatar for uto usui uto
0
1.8k
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
1.1k
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
150
Design dependencies
Avatar for Teba_eleven teba_eleven
0
170
開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～
Avatar for yomogi_sakura yamasaku
0
230

Featured

See All Featured
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
1k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
440
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
510
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.2k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
320
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.4k

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