Modev UX lessons in China

65
1 Our Global, Mobile UX Lessons from the 1.4 Bln People of China Steve Guengerich, March 2015

Transcript of Modev UX lessons in China

Page 1: Modev UX lessons in China

1

Our Global, Mobile UX Lessons from the 1.4 Bln People of China

Steve Guengerich, March 2015

Page 2: Modev UX lessons in China

2

Shanghai HeadquartersBridge 8, Building 9, Unit 9605 No.

25 Jianguo Middle Rd., Luwan District200000 Shanghai, China

Austin Headquarters1300 Guadalupe St., Ste. 201

Austin, TX 78701

For more information, see:www.appconomy.com and @appconomy (weibo /twitter)

Or, email: [email protected]

Page 3: Modev UX lessons in China

1. China Overview

2. China-Specific Observations

3. Extracted & Abstracted Lessons

3

Page 4: Modev UX lessons in China

4

Page 5: Modev UX lessons in China

5

• July 2013 population:

1.35 billion

• Major cities include:

• Shanghai (16.575 million)

• Beijing (15.594 million)

• Chongqing (9.401 million)

• Land covers 9,596,967sq km

• Fourth largest country in the world

Source: The World Fact Book

Page 6: Modev UX lessons in China

Age

0-14: 17.2%

15-64: 73.4%

65+: 9.4%

6

Source: The World Fact Book

Page 7: Modev UX lessons in China

China Overview:Economy

• China has the second largest GDP at $12.61 trillion

• Labor sectors:

• 29.5% is based on industry

• 35.7% is based on services

• 34.8% is based on agriculture

• Labor force of 798.5 million

• 13.4% live in poverty (< $1.25/day)Source: The World Fact Book

7

Page 8: Modev UX lessons in China

8

China Overview:Education

• 92% Literacy rate• Male-96%• Female-88.5%

• 9 years of compulsory school

• 20 million students study in 2,263 higher learning institutions

• Enrollment rate 23.3% of those who applied to take the National College Entrance Examination

Page 9: Modev UX lessons in China

Designing for China can be as complex as designing for Western Europe.

China isn’t one market, it’s many.

Page 10: Modev UX lessons in China

10

Page 11: Modev UX lessons in China

11

Page 12: Modev UX lessons in China

12

Page 13: Modev UX lessons in China

13

Page 14: Modev UX lessons in China

14

Page 15: Modev UX lessons in China

15

China is an authoritarian state

The government frequently blocks sources of information that fall outside of its control and are seen as a threat to social order, including many popular social media tools (Facebook, Twitter, all Google, etc.)

Within China, licensing requirements (ICP, etc.) and Real Name initiative intended for local accountability for content and services

Rather than eliminating social media, restrictions on foreign websites and social media have resulted in a flourishing, home-grown, state-approved and monitored ecosystem in which Chinese-owned properties thrive

Chinese social media properties are expanding beyond Greater China, with varying levels of success

15

Page 16: Modev UX lessons in China

16

Page 17: Modev UX lessons in China

17

Page 18: Modev UX lessons in China

Launched in January 2011 by Tencent

◦ ~ 450 million users (July 2013)

◦ > 70 million active users outside of China

Widely considered to have surpassed Weibo, Renren, and other social media services considered entrenched as recently as 3 years ago

◦ Consistently, among the most popular apps worldwide, 2nd to Whatsapp in the “pure play” social mobile space

◦ Full language support for more than 15 languages (including English, Spanish, Portuguese, Italian, and Russian)

Robust marketing tools available to brands

18

Page 19: Modev UX lessons in China

19

Page 20: Modev UX lessons in China

20

Page 21: Modev UX lessons in China

21

Chinese Lunar New Year’s Eve 2015◦ > 1 billion digital red envelopes sent◦ 1.01 billion RMB, or approx. $160 million USD

Half ($80 mln) by Tencent for annual CCTV program◦ 810 million shakes per minute◦ 200x over 2014, 1st year of feature

Page 22: Modev UX lessons in China

VPN providers

Email - Microsoft Exchange

VOIP - Skype

File transfer – QQ

CRM – Zoho

…but, generally find that services must continually be tested & tweaked to optimize…

…and disruption is inevitable, around key events and dates!

22

Page 23: Modev UX lessons in China

State-Owned Enterprises◦ China Telecom

◦ China Mobile

◦ China Unicom

Private◦ Handsets: Xiaomi

◦ Gear: Huawei

◦ Cloud: China Net Cloud

Payment (see chart)

23

Page 24: Modev UX lessons in China

24

Page 25: Modev UX lessons in China

25

Page 26: Modev UX lessons in China

26

Page 27: Modev UX lessons in China

1. Technical Practices

2. Socio-cultural Practices

3. Business Practices

4. Personal Practices

27

Page 28: Modev UX lessons in China

28

Page 29: Modev UX lessons in China

29

29

Chinese websites and apps must pay attention to font size, because Chinese characters are more complicated than English letters.

Page 30: Modev UX lessons in China

30

Chinese characters are not intended to be italicized

They already have a smaller spacing than English words

Thus, using italic style function for characters will make them appear saw-toothed

30

Page 31: Modev UX lessons in China

31

31

Huge amounts of information on the website cause clutter and strain the reader’s eyesight, and yet…

This is an extremely common, accepted format in China, partly tolerated because of the tighter spacing of Chinese characters

Page 32: Modev UX lessons in China

Chinese text tends to be shorter in terms of screen real estate used for the same font size.

◦ EG, a short phrase in mandarin may be 5 characters,

◦ Whereas the English phrase may be several words totaling 10-15 characters.

As a result, depending on the UI layout, the English text may run-off the screen or be wrapped in a visually unpleasant way.

UIs need to be designed so that the longer text of the Western language will fit.

Consequently, it is common to simply design a slightly different UI for the different languages.

32

Page 33: Modev UX lessons in China

Tier 1-3 cities v. Tier 4-5 cities

Wifi v. Cell◦ Top up

◦ Wifi locators

2.5G v. 4.xG

Optimized Services◦ Search (baidu)

◦ Maps (baidu maps)

33

Page 34: Modev UX lessons in China

34

Page 35: Modev UX lessons in China

35

Page 36: Modev UX lessons in China

Fragmented app distribution & discovery

100+ Android app stores; 46% of app developers distribute on 5+ channels

70% 3rd party app stores; 10% telcos; 20% direct/OEM pre-installs

China ranked #2 in iOS downloads

36

Page 37: Modev UX lessons in China

QR codes (still very big in China, w/ O2O)

Voice, Face…

WAI & accessibility more important than ever, to facilitate rapid adaptability

37

Page 38: Modev UX lessons in China

38

Page 39: Modev UX lessons in China

39

Global companies usually have a Chinese name to help local people remember it easily

It’s good to have a Chinese name, because it can be difficult for non-English speakers to pronounce English brand names

Some good examples: ◦ P&G 宝洁◦ Coca Cola 可口可乐◦ Sony 索尼◦ Appconomy 艾普科美

39

Page 40: Modev UX lessons in China

40

40

Don’t just translate word-for-word. Adapt a message to meet different needs in different countries

Page 41: Modev UX lessons in China

41

41

Page 42: Modev UX lessons in China

42

42

Page 43: Modev UX lessons in China

43

Page 44: Modev UX lessons in China

44

44

Chinese calligraphy has been deeply rooted in the culture for thousands of years. Using it can help

build a stronger connection to China.

Page 45: Modev UX lessons in China

45

Page 46: Modev UX lessons in China

46

46

You can create your own mascot for your product, in order to help build your brand.

(Cosplay is big business in China.)

Page 47: Modev UX lessons in China

47

Page 48: Modev UX lessons in China

48

Page 49: Modev UX lessons in China

Flat, almost 2D

Pastel, light touch, not heavy

Comfortable

49

Page 50: Modev UX lessons in China

50

Page 51: Modev UX lessons in China

51

Page 52: Modev UX lessons in China

Expected

Distinctive

Important brand statement

52

Page 53: Modev UX lessons in China

53

Page 54: Modev UX lessons in China

54

Page 55: Modev UX lessons in China

55

Social responsibility is important in Asian countries, it affects how people feel about and see a company

◦ Companies have to show people that they are not only profit hungry, but that they also contribute to the common social good

◦ The purpose of social responsibility is not to encourage consumers to increase revenue, but to built a good brand and enterprise image

◦ Especially important for foreign companies, which often receive greater scrutiny by both regulators and consumers

Coca Cola China, Starbucks China, and Sony China are great examples. Each has a social responsibility section in its menu bar

◦ Coca Cola provides a detailed explanation on its website about how it contributes to society

◦ Social responsibility can be divided into three parts

Commitment

Social Activities

Annual Report

55

Page 56: Modev UX lessons in China

56

56

Page 57: Modev UX lessons in China

57

57

Page 58: Modev UX lessons in China

58

58

Page 59: Modev UX lessons in China

Relationships – “guanxi” Translation (initial, technical, colloquial) Interviews, group research participants Traditions, customs, superstitions◦ Gift-giving

US: tips and “thank yous”

China: hongbao and memorializing

◦ Bad luck US: 13

China: 4 (the number sounds like the word for “death”)

Trust but verify – data collection & reporting

59

Page 60: Modev UX lessons in China

60

Page 61: Modev UX lessons in China

• A lack of research and adaptation led to Google’s struggles:

• Competitor Baidu offers a search box better suited to Chinese characters as well as free music downloads - a major attraction

• Google wouldn’t submit to government intervention

• Make sure that you understand the businesses you are/n’t allowed to operate and have the licenses to do so

• Mapping businesses by foreigners are disallowed

• Internet Content Provider (ICP) license required for any kind of commerce and must have people in the right roles, e.g., need a Chinese national to be named as the responsible party.

Common Mistakes: Short-cutting your homework

61

Page 62: Modev UX lessons in China

o Distance does make some disconnects inevitable, but foreigners spending too little time on the ground could cause the Chinese-based staff to become disgruntled and feel like second-class partners.

o Being committed to doing phone calls in the evening US time / morning China time shows that you are willing to be accommodating.

o Extremely common and valuable to work through experienced partners.

62

Page 63: Modev UX lessons in China

Wander off the path

Mix up your schedule

Get involved

Listen / observe

Ruggedize

Delegate

Adapt to new tools

Avoid jargon

Triple confirm (write, “reflect”, review)

63

Page 64: Modev UX lessons in China

Chinese Business Etiquette

◦ Chinese Business Etiquette Video 1

◦ Chinese Business Etiquette Video 2

Lessons Learned

◦ Wall Street Journal

◦ Lessons From Troubled Partnerships

Tech Life in China

◦ BroadBrush Update (& LinkedIN posts)

◦ Appconomist

64

Page 65: Modev UX lessons in China

+

65

Questions / Discussion@sguengerich

[email protected](703) 957-0797