Build bridges, not walls—Design for users across cultures

A presentation at Smashing Conference in June 2019 in Toronto, ON, Canada by Jenny Shen

Slide 1

Slide 1

@JennyShen .. Build bridges, not walls Design for users across cultures Jenny Shen | Smashing Conference | June 2019

Slide 2

Slide 2

@jennyshen

Slide 3

Slide 3

Travelled to Lived in Worked with Users from countries countries clients countries 52 6 20+ 28 @jennyshen

Slide 4

Slide 4

@jennyshen

Slide 5

Slide 5

@jennyshen

Slide 6

Slide 6

@jennyshen

Slide 7

Slide 7

@jennyshen

Slide 8

Slide 8

number one What is culture? @jennyshen

Slide 9

Slide 9

Cultural Dimensions hofstede-insights.com/product/compare-countries @jennyshen

Slide 10

Slide 10

@JennyShen

Slide 11

Slide 11

What does it mean for designers & developers? @jennyshen

Slide 12

Slide 12

“ It is no longer enough to simply offer a product translated in ten to twenty different languages. Users also want a product that acknowledges their unique cultural characteristics and business practices. —Elisa del Galdo and Jakob Nielsen, International User Interfaces @jennyshen

Slide 13

Slide 13

number two Culture affects product design @jennyshen

Slide 14

Slide 14

hofstede-insights.com/product/compare-countries @jennyshen

Slide 15

Slide 15

Dutch culture: • Pragmatic nature • Encourage thrift and efforts in modern education as a way to prepare for the future • Strong propensity to save and invest, thriftiness and perseverance in achieving results hofstede-insights.com/product/compare-countries @jennyshen

Slide 16

Slide 16

@jennyshen

Slide 17

Slide 17

transavia.com/en-NL @jennyshen

Slide 18

Slide 18

hofstede-insights.com/product/compare-countries @jennyshen

Slide 19

Slide 19

German culture: • The systematic overview has to be given in order to proceed. This is also reflected by the law system. • Details are equally important to create certainty that a certain topic or project is well-thought-out. hofstede-insights.com/product/compare-countries @jennyshen

Slide 20

Slide 20

booking page NL v.s. DE @jennyshen

Slide 21

Slide 21

@jennyshen

Slide 22

Slide 22

@jennyshen

Slide 23

Slide 23

dangrover.com/blog/2016/01/31/more-chinese-mobile-ui-trends.html @jennyshen

Slide 24

Slide 24

@jennyshen

Slide 25

Slide 25

mozilla.com @jennyshen

Slide 26

Slide 26

mozilla.com.cn @jennyshen

Slide 27

Slide 27

@jennyshen

Slide 28

Slide 28

@jennyshen

Slide 29

Slide 29

@jennyshen

Slide 30

Slide 30

“ Typing Chinese takes a long time and finding the precise word isn’t easy. Search sucks, so optimize for browsing. —Bram Pitoyo, Design Strategist at Mozilla @jennyshen

Slide 31

Slide 31

Hypotheses: • Different interpretation of personal space: In Chinese culture, people are more used to crowded places and images. • Users like more choices on display. • Older generation are not familiar with the hidden keys or links and prefer direct visual information. @jennyshen

Slide 32

Slide 32

number three Quantitative data can give you clues about culture @jennyshen

Slide 33

Slide 33

@jennyshen

Slide 34

Slide 34

@jennyshen Not the real heat map. Mockup created for illustrative purpose

Slide 35

Slide 35

Hypotheses: • Users would like to know who Deskbookers is before using the service → lack of trust • Not enough information on the homepage, so users click into help to get more information, before using the application → lack of information @jennyshen

Slide 36

Slide 36

Star ratings Logos of German customers Reviews from German customers Local payment methods Company description with German address & email Trust logos @jennyshen

Slide 37

Slide 37

number four Conduct research to understand cultural nuances @jennyshen

Slide 38

Slide 38

Research Hofstede Country Comparison Tool Hofstede Insights @jennyshen

Slide 39

Slide 39

Research Secondary Research Google Scholar Internations Wikipedia Statista Pro tip: Research in the local language instead of English or your own language @jennyshen

Slide 40

Slide 40

Research Primary Research Ethnography study In-person user interviews Remote UX research @jennyshen

Slide 41

Slide 41

Research Informational Interviews International and local networks “ Shopping is a hobby for many Singaporeans. People buy just because something is on sale. There is nothing much else to do in the country beside shopping. —UX Manager at Singaporean fashion e-commerce platform @jennyshen

Slide 42

Slide 42

number five Apply market and user insights into product design @jennyshen

Slide 43

Slide 43

India & Romania Mexico & Brazil Localisation Payment Methods Cash Germany SEPA direct debit Installments China WeChat Pay SOFORT AliPay Giropay UnionPay Japan Cash Convenience stores (Konbini) JCB @jennyshen

Slide 44

Slide 44

Localisation Devices & Connectivity @jennyshen

Slide 45

Slide 45

Localisation Devices & Connectivity @jennyshen

Slide 46

Slide 46

Localisation Devices & Connectivity @jennyshen

Slide 47

Slide 47

UK China Localisation Medical Literacy Yes, I do. What does tonsil mean? @jennyshen

Slide 48

Slide 48

Localisation Taboos @jennyshen

Slide 49

Slide 49

Pancreatic cancer Localisation !!!! Taboos Gastro-esophageal laceration syndrome Stomach ulcer Gastric cancer @jennyshen

Slide 50

Slide 50

number six Get ready to dominate the world @jennyshen

Slide 51

Slide 51

number one Diverse teams @jennyshen

Slide 52

Slide 52

“ A [company] culture rich in diversity is key to business success. It allows us to better understand the business opportunities in various markets around the world, and develop products that resonate with consumers in diverse cultures.” —Mattel Inc. @jennyshen

Slide 53

Slide 53

number two Travel & Ethnographic Research @jennyshen

Slide 54

Slide 54

Living like a local is the best way to learn and experience local culture @jennyshen

Slide 55

Slide 55

75% More positive view on people of countries visited momondo.com/letsopenourworld/#the-value-of-travelling 76% More positive view on other cultures in general 76% More positive view on differences and diversity @jennyshen

Slide 56

Slide 56

number three Don’t Google Translate @jennyshen

Slide 57

Slide 57

@jennyshen

Slide 58

Slide 58

@jennyshen

Slide 59

Slide 59

“ The way we are conditioned to see the world in our own culture seems so completely obvious and commonplace that it is difficult to imagine that another culture might do things differently. It is only when you start to identify what is typical in your culture, but different from others, that you can begin to open a dialogue of sharing, learning, and ultimately understanding. —Erin Meyer, The Culture Map @jennyshen

Slide 60

Slide 60

@jennyshen

Slide 61

Slide 61

@jennyshen ! jennyshen.com

jenny@jennyshen.com ” get updates: jennyshen.com/newsletter