Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designing user experience for multilingual websites (UXcamp Europe 2013)

Gunnar Bittersmann
June 23, 2013
Design
0
55

Designing user experience for multilingual websites (UXcamp Europe 2013)

(with Remy Blaettler)

Gunnar Bittersmann

June 23, 2013
Tweet

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
5
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
10
The color rebeccapurple
gunnarbittersmann
0
9
Mehrsprachige Websites
gunnarbittersmann
0
15
TIL about -starting -blocks
gunnarbittersmann
0
8
TIL about hyfunation
gunnarbittersmann
0
9
TIL about font subsetting₂
gunnarbittersmann
0
4
TIL warum nicht GROẞ
gunnarbittersmann
0
3
TIL about cards
gunnarbittersmann
1
5

Other Decks in Design

See All in Design
自分のYUMEMIに出会ってから、内定承諾までのストーリー
tact0001
0
740
プロダクトマネジメントと人間中心設計 - デザイナーからPMへのキャリアシフト -
hiromasa_yoshikawa
1
990
Grub
rottentwinkies
1
400
プロダクトの価値を高めるための開発フロー改善 ─Figma編─
0sanai
0
1.1k
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
0
170
TIPSTARでのデザイナーの働き方について
mixil
0
510
Presentation_JM22.pdf
amritdevta
0
100
Kubo
airinbudiman
1
320
クックパッド会社説明資料〜for Designers〜 / cookpad-designer
cookpadhr
4
4.8k
Cognitive Bias and the Design Process
jonyablonski
3
100
デザインシステムを使ってプロダクトのデザイン負債を解消する / TechConf2022
kchil
0
3.2k
DL2022 Zoe Rose - ‘Scientific design methods’ and ‘applied creativity’: a lost history
uxaustralia
PRO
0
150

Featured

See All Featured
Typedesign – Prime Four
hannesfritz
34
1.5k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Product Roadmaps are Hard
iamctodd
38
7.7k
4 Signs Your Business is Dying
shpigford
171
20k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
109
16k
Faster Mobile Websites
deanohume
295
29k
How To Stay Up To Date on Web Technology
chriscoyier
779
250k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
10
1.3k
Ruby is Unlike a Banana
tanoku
93
9.5k
The Cult of Friendly URLs
andyhume
69
5.1k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
128
8.8k

Transcript

  1. Gestaltung des Nutzungserlebnisses
 für mehrsprachige Websites Gunnar Bittersmann @g16n Rémy

    Blättler @swissghostrider
  2. None

  3. Designing user experience
 for multilingual websites Gunnar Bittersmann @g16n Rémy

    Blättler @swissghostrider
  4. None

  5. Проектирование опыта взаимодействия
 для мультиязычных веб-сайтов Гуннар Биттерсман @g16n Реми

    Блэттлер @swissghostrider
  6. None

  7. Designing user experience
 for multilingual Web sites Designing multilingual websites


    for user experience Gunnar Bittersmann @g16n user experience multilingual websites
  8. None

  9. Localization ≠ Internationalization

  10. Localization adaptation of a system for a specific region •

    language related aspects – translations – different characters and scripts • cultural aspects – units, currencies – time and date formats – meaning of colors and symbols – suitability of images • legal requirements

  11. Internationalization designing a system to be prepared to make localization

    possible and easy.
  12. None

  13. Internationalization is not a feature. It is an architecture.” —Addison

    Phillips, Chair W3C Internationalization WG “

  14. internationalization i1ternationalization i2ernationalization i3rnationalization i4nationalization i5ationalization i6tionalization i7ionalization i8onalization i9nalization

    i10alization i11lization i12ization i13zation i14ation i15tion i16ion i17on i18n internationalization 18 localization 10 L10n a11y g16n accessibility 11 Gunnar Bittersmann 16

  15. RTFM

  16. GET  /index.html  HTTP/1.1   Host:  example.net   User-­‐Agent:  Mozilla/5.0  (Macintosh;

     Intel  Mac  OS  X  10.8;  rv: 20.0)  Gecko/20100101  Firefox/20.0   Accept:  text/html,application/xhtml+xml,application/xml;q=0.9,*/ *;q=0.8   Accept-­‐Language:  en-­‐us,en;q=0.8,de-­‐de;q=0.6,de;q=0.4,pl;q=0.2   Accept-­‐Encoding:  gzip,  deflate   HTTP header

  17. Language negotiation • Provide your content in a language that

    the user (most likely) understands • Provide the option to change the language English polski deutsch русский español français ᬊየ िहन्दी ةيبرعلا

  18. Berlin

  19. None

  20. Use UTF-8. Ever. Everywhere.

  21. Używam wspaniałego webfonta.

  22. First name Last name Given name Family name Ferenc Liszt

    Liszt Ferenc Björk Guðmundsdóttir Steven Van  Zandt Ludwig van  Beethoven

  23. How shall we call you? Björk  Guðmundsdóttir Liszt  Ferenc Name

    Björk Ferenc Steven  Van  Zandt Ludwig  van  Beethoven Beethoven Little  Steven

  24. Email <input  type="email"/> иван@россия.рф

  25. Colors, Images

  26. Acknowledgement Thanks to Richard Ishida for the many articles http://www.w3.org/International

  27. webplatform.org

  28. Ludwig  van  Beethoven Danke.