Designing user experience for multilingual websites

Gestaltung des Nutzungserlebnisses für mehrsprachige Websites Gunnar Bittersmann @g16n Rémy Blättler @swissghostrider

Designing user experience for multilingual websites Gunnar Bittersmann @g16n Rémy Blättler @swissghostrider

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

user experience Designing multilingual websites websites for multilingual user experience Web sites Gunnar Bittersmann @g16n

Localization ≠ Internationalization

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

Internationalization designing a system to be prepared to make localization possible and easy.

“ Internationalization is not a feature. It is an architecture.” —Addison Phillips, Chair W3C Internationalization WG

i2ernationalization i8onalization i15tion i9nalization i17on i16ion i3rnationalization i4nationalization i12ization i11lization i18n internationalization i5ationalization i6tionalization i10alization i7ionalization i13zation i14ation i1ternationalization internationalization 18 L10n localization 10 a11y accessibility 11 g16n Gunnar Bittersmann 16

RTFM

HTTP header 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

Language negotiation English polski deutsch русский español français 中文 िहन्दी ‫العربية‬ • Provide your content in a language that the user (most likely) understands • Provide the option to change the language

Berlin

Use UTF-8. Ever. Everywhere.

Używam wspaniałego webfonta.

Given name First name Björk Ferenc Steven Ludwig Last name Family name Liszt Guðmundsdóttir van Beethoven Van Zandt Liszt Ferenc

Name Liszt Ferenc Steven Van Zandt Björk Guðmundsdóttir Ludwig van Beethoven How shall we call you? Little Steven Ferenc Björk Beethoven

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

Colors, Images

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

webplatform.org

Danke. Ludwig van Beethoven

Gestaltung des Nutzungserlebnisses für mehrsprachige Websites Gunnar Bittersmann @g16n Rémy Blättler @swissghostrider