43
@ryannguyentt Designing for Global and Local Markets Ryan Nguyen / ryanntt.com UX designer / Wego www.unicomlearning.com

Designing for Global and Local Markets

Embed Size (px)

Citation preview

Page 1: Designing for Global and Local Markets

@ryannguyentt

Designing for Global and Local MarketsRyan Nguyen / ryanntt.comUX designer / Wego

www.unicomlearning.com

Page 2: Designing for Global and Local Markets

@ryannguyentt

Hi, I’m Ryanand I’m an UX Designer with experience in product design

Page 3: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Global travel search engine

@ryannguyentt

Page 4: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Global Localised travel search engine

@ryannguyentt

Page 5: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Founded 2005, grown to 100+ employees with 5 global offices

● Singapore● Jakarta● Bangalore● Dubai● Taipei

Page 6: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

51 localised sites

36languages

Page 7: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Globalisation and Localisation

Page 8: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Localisationrefers to the adaptation of a product, application or document content to meet the language, cultural and other requirements of a specific target market (a locale).

From W3C - The World Wide Web Consortium

Page 9: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Internationalisation (Globalisation)

is the design and development of a product, application or document content that enables easy localisation for target audiences that vary in culture, region, or language.

From W3C - The World Wide Web Consortium

Page 10: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Market and Culture

Page 11: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

CultureSet of patterns of human activity within a community or social group and the symbolic structures that give such activity significance. Customs, laws, dress, architectural style, social standards, religious beliefs, and traditions are all examples of cultural elements.

From Wikipedia

Page 12: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

International Culture

National Culture

Subculture

Cultural Groups

From Wikipedia

Page 13: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Task

Infrastructure

Legal

Market

Language

Culture

Layers of Culture

From Giles Colborne and CXPartners

Easy to predict

Hard to predict

Page 14: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Thomas L. Friedman,

The World Is Flat: A Brief History of the Twenty-first Century

“People will change their habits quickly if they have a strong reason for doing so.”

Page 15: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Think GloballyUnderstand different perspectives, culture and design product that reach across cultures

Page 16: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Think LocallyUnderstand a culture well and design the product to fit in local culture

Page 17: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

51 localised sites

36languages

5global offices

Page 18: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Open to opportunities

Page 19: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Understand opportunities in emerging markets

Page 20: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Flexible architecture for localisation

Page 21: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Challenges

Page 22: Designing for Global and Local Markets

@ryannguyentt

Language

● Text direction● Character width● Character height● Character spacing● Line height● Widow text● Lost meaning in translation

Page 23: Designing for Global and Local Markets

@ryannguyentt

wego.com.sg

English

Desktop

sa.wego.com

Arabic

DesktopLanguage

Page 24: Designing for Global and Local Markets

@ryannguyentt

Screens

● Typography ● Responsive Design● Adaptive for Connectivity

Page 25: Designing for Global and Local Markets

@ryannguyentt

TabletMobilePhone

Screens

Page 26: Designing for Global and Local Markets

@ryannguyentt

Currency

● Long currency

Page 27: Designing for Global and Local Markets

@ryannguyentt

IDRlonger currency

SGD

Currency

Page 28: Designing for Global and Local Markets

@ryannguyentt

Content

● Different markets● Different audience

Page 29: Designing for Global and Local Markets

@ryannguyentt

Content

Hotels in San Francisco(left to right)

wego.co.inwego.ae

Page 30: Designing for Global and Local Markets

@ryannguyentt

Content

Travel News (English)wego.com/news/

Page 31: Designing for Global and Local Markets

@ryannguyentt

Content

Travel On (Bahasa)wego.co.id/berita/

Page 32: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Design Process● Research● Validation● Iteration

Page 33: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Research

Page 34: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Validation

Page 35: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Conversion rate to booking page+11.69%

Loading speed-20.78%

Hotel Mobile SiteLaunched in Feb 2016

● Cleaner design● Lighter (download size)

Page 36: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Testing on specific locales

languagesscreen sizesdevices

Page 37: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Iteration

Page 38: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

We go fastbreak fastimprove fast

Page 39: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Product Teams

Page 40: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

5UX designers

30Engineers

3Products

Page 41: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Culture● Being Open to Others● Cross-Cultural Experience● Travel● Understand Local Customs● Learning Language

Page 42: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Global Product= Global Culture

Page 43: Designing for Global and Local Markets

@ryannguyentt@ryannguyentt@ryannguyentt

Thank You