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

Slide 1

Slide 1 text

Designing for a Global Audience Sophie Shepherd @sophshepherd

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

2008

Slide 4

Slide 4 text

2008

Slide 5

Slide 5 text

2008

Slide 6

Slide 6 text

2008

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

“ Any techies out there willing to do a mashup of where the violence and destruction is occurring using Google Maps? ORY OKOLLOH

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

2015 SEVEN YEARS LATER

Slide 11

Slide 11 text

2015 SEVEN YEARS LATER

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Tianjin China Motorola Workers Strike in Tianjin

Slide 14

Slide 14 text

Dadaab Kenya Corrupt Police man forced me to send him airtime

Slide 15

Slide 15 text

Rio de Janeiro Brazil Mangrove restoration in Guanabara Bay

Slide 16

Slide 16 text

Aruba Chicken Breasts Very Expensive in main town of Aruba

Slide 17

Slide 17 text

Edmonton Canada Skier Triggers Avalanche and Rides it Out

Slide 18

Slide 18 text

Diﬀerent situations devices connections data types needs experiences languages

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Atomic Design http:/ /bradfrost.com/blog/post/atomic-web-design/

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

PATTERN CHECKLIST 1. Language

Slide 26

Slide 26 text

Language “ We should start with language, not interfaces. ALLA KHOLMATOVA The Language of Modular Design, A List Apart

Slide 27

Slide 27 text

Language “ Sets ” “ Smart Sets ” “ Alerts ” Collections Saved Searches Notiﬁcations

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

transifex.com/ushahidi Language 76 Languages

Slide 30

Slide 30 text

Don’t Be Witty :( Language

Slide 31

Slide 31 text

No Wit No Slang No Regional Terms Language

Slide 32

Slide 32 text

Reading Direction Language

Slide 33

Slide 33 text

PATTERN CHECKLIST 1. Language 2. Context

Slide 34

Slide 34 text

“ If it works in Africa, it will work anywhere. ERIK HERSMAN Context

Slide 35

Slide 35 text

Usage NYTIMES.COM Calais, France

Slide 36

Slide 36 text

“ 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

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

DESIGN PROCESS RESPONSIVE FIELD DAY 2015 Ethan Marcotte

Slide 44

Slide 44 text

1. Language 2. Context PATTERN CHECKLIST 3. Personalization

Slide 45

Slide 45 text

1. Language 2. Context PATTERN CHECKLIST 3. Personalisation

Slide 46

Slide 46 text

Personalization

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

Personalization https://medium.com/@ImJasonLi/around-the-world-with-uber-1246b0bb796d