Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Designing user experience for multilingual webs...
Search
Gunnar Bittersmann
June 23, 2013
Design
0
73
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
Responsive typography 2
gunnarbittersmann
0
120
Go home, Prettifier, you’re drunk!!
gunnarbittersmann
0
85
3 Fehler sind zu finden
gunnarbittersmann
0
140
TIL that the future :has already begun
gunnarbittersmann
0
98
TIL how to clear floats
gunnarbittersmann
0
92
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
110
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
94
The color rebeccapurple
gunnarbittersmann
0
150
Mehrsprachige Websites
gunnarbittersmann
0
96
Other Decks in Design
See All in Design
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
3
970
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
410
Echoes Boomerang
artcloudyu
PRO
0
240
Storyboard Honey
rocioparronrubio
0
270
minpaku-community-scrum-patterns
norinity1103
1
120
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
AI動画生成ガチャ紹介
piyo7
1
110
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
280
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
530
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Six Lessons from altMBA
skipperchong
28
3.9k
We Have a Design System, Now What?
morganepeng
53
7.7k
A designer walks into a library…
pauljervisheath
207
24k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
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.