Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
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
Share
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
Gestaltung des Nutzungserlebnisses für mehrsprachige Websites Gunnar Bittersmann @g16n Rémy
Blättler @swissghostrider
None
Designing user experience for multilingual websites Gunnar Bittersmann @g16n Rémy
Blättler @swissghostrider
None
Проектирование опыта взаимодействия для мультиязычных веб-сайтов Гуннар Биттерсман @g16n Реми
Блэттлер @swissghostrider
None
Designing user experience for multilingual Web sites Designing multilingual websites
for user experience Gunnar Bittersmann @g16n user experience multilingual websites
None
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.
None
Internationalization is not a feature. It is an architecture.” —Addison
Phillips, Chair W3C Internationalization WG “
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
RTFM
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
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 ᬊየ िहन्दी ةيبرعلا
Berlin
None
Use UTF-8. Ever. Everywhere.
Używam wspaniałego webfonta.
First name Last name Given name Family name Ferenc Liszt
Liszt Ferenc Björk Guðmundsdóttir Steven Van Zandt Ludwig van Beethoven
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
Email <input type="email"/> иван@россия.рф
Colors, Images
Acknowledgement Thanks to Richard Ishida for the many articles http://www.w3.org/International
webplatform.org
Ludwig van Beethoven Danke.