Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design...
-
Upload
andrew-atkinson -
Category
Documents
-
view
214 -
download
2
Transcript of Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design...
![Page 1: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/1.jpg)
Michele Carlson & Patrick McLoughlinOctober 2010
Localization Strategy & Best PracticesWhy Design Really Matters
![Page 2: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/2.jpg)
Agenda
• Introduction
• Localization process
• Design best practices for localization
• Commonly seen localizability problems and how to avoid them
![Page 3: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/3.jpg)
“Localize Yahoo! Mail and Messenger
products, ensuring high quality and global sim-
ship releases.”
![Page 4: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/4.jpg)
About Yahoo! Mail & Messenger
Localized for 40 markets and growing 300M users worldwide
![Page 5: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/5.jpg)
Who’s involved
![Page 6: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/6.jpg)
Localization in Agile Development
![Page 7: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/7.jpg)
Our Process
![Page 8: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/8.jpg)
Product Design Best Practices for Localization
• Gather international market design requirements early (engage with PMs and localization team)
• Conduct global user studies with local user experience and user research teams
• Prototype with translations and do pseudo localization
• Review the beta product with global PMs before development finalizes
• Separate text from the graphic images and make sure they’re resizable
• Stick to the agreed string freeze date
![Page 9: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/9.jpg)
Product Design Best Practices for Localization
• Gather international market design requirements early (engage with PMs and localization team)
• Conduct global user studies with local user experience and user research teams
• Prototype with translations and do pseudo localization
• Review the beta product with global PMs before development finalizes
• Separate text from the graphic images and make sure they’re resizable
• Stick to the agreed string freeze date
![Page 10: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/10.jpg)
User Study Example: Taiwan Mail
![Page 11: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/11.jpg)
UED Best Practices for Localization
• Gather international market design requirements early (engage with PMs and localization team)
• Conduct global user studies with local UED/UER teams
• Prototype with translations and do pseudo localization
• Review the beta product with global PMs before development finalizes
• Separate text from the graphic images and make sure they’re resizable
• Stick to the agreed string freeze date
![Page 12: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/12.jpg)
Translating a prototype
Yahoo! Calendar beta prototype translated into Hindi.
![Page 13: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/13.jpg)
Pseudo Localization
Concatenations
Hard coded strings
UI I18N defects
Encoding issues
Built into L10n tool
![Page 14: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/14.jpg)
UED Best Practices for Localization
• Gather international market design requirements early (engage with PMs and localization team)
• Conduct global user studies with local UED/UER teams
• Prototype with translations and do pseudo localization
• Review the beta product with global PMs before development finalizes
• Separate text from the graphic images and make sure they’re resizable
• Stick to the agreed string freeze date
![Page 15: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/15.jpg)
UED Best Practices for Localization
• Gather international market design requirements early (engage with PMs and localization team)
• Conduct global user studies with local UED/UER teams
• Prototype with translations and do pseudo localization
• Review the beta product with global PMs before development finalizes
• Separate text from the graphic images and make sure they’re resizable
• Stick to the agreed string freeze date
![Page 16: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/16.jpg)
UED Best Practices for Localization
• Gather international market design requirements early (engage with PMs and localization team)
• Conduct global user studies with local UED/UER teams
• Prototype with translations and do pseudo localization
• Review the beta product with global PMs before development finalizes
• Separate text from the graphic images and make sure they’re resizable
• Stick to the agreed string freeze date
![Page 17: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/17.jpg)
Some questions to think about?
![Page 18: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/18.jpg)
Is the UI culturally relevant?
![Page 19: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/19.jpg)
Is the UI orientation correct?
Left-to-Right (e.g. English)
Right-to-Left (e.g. Arabic)
![Page 20: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/20.jpg)
Will the color schemes work globally?
US: Green=UpRed=Down
TW/HK/KR:Green=Down
Red=Up
![Page 21: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/21.jpg)
Are the icons understood by other cultures?
“Fish hook” symbolizes fishing, which sounds like “Phishing” in English but doesn’t in other languages. Mail box icon used is very US-centric.
In Thai version, the icon is replaced by a more universally understood icon.
![Page 22: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/22.jpg)
Can the UI accommodate different date/time formats?
US: MM/DD/YY HH:MM AM/PM
TW: DD/MM/(YY) AM/PM HH:MMNote: Calendar year is based on founding year.
![Page 23: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/23.jpg)
Can the UI accommodate longer text?
Longer text got cut-off because button background not being expandable.
The word “To:” translates into “Kepada:” in Bahasa-Indonesian
![Page 24: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/24.jpg)
Do we need to adjust the font type and size?
Font too small
Font size adjusted
![Page 25: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/25.jpg)
Also ask these questions…
• Are there any local content or feature differences?
• (e.g. Calendar, Notepad, News Module, SMS, Mobile)
• Will the terminology translate well globally?
• (e.g. Opps, drink the kool-aid, on my plate, ping, buzz, poke, whoa!, shhhh, darn)
• Will you be releasing in developing markets with slow bandwidth?
![Page 26: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/26.jpg)
String Concatenation
![Page 27: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/27.jpg)
String Concatenation
✖
![Page 28: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/28.jpg)
String Concatenation
✔InboxInbox has no unread messages has no unread messages
![Page 29: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/29.jpg)
“Translation Hacking”
![Page 30: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/30.jpg)
Final Thoughts…
![Page 31: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/31.jpg)
1. Involve localization team early in the design phase (Review mocks, localizability questions)
2. Treat “English” as just another language
3. Conduct in-market user research and process user feedback
4. Ask the in-country Product Managers for market-specific requirements
5. Plug-in non-English translations into your design (e.g. German, Chinese) to see differences in languages such as font-size, line-height and string expansions
6. Leverage language expertise in-house (Intl PMs, local design teams)
7. Provide developers localizability guidelines (e.g. How text or buttons should wrap if it’s longer. Text should be on separate layer than the graphic)
8. Create flexible designs – anticipate for changes in content and product features
9. Use culturally neutral or sensitive images (e.g. Phishing “fish and hook” icon doesn’t translate in most languages)
Tips For Making A Truly Global Product
![Page 32: Michele Carlson & Patrick McLoughlin October 2010 Localization Strategy & Best Practices Why Design Really Matters.](https://reader031.fdocuments.in/reader031/viewer/2022020417/56649e2d5503460f94b1c24c/html5/thumbnails/32.jpg)
?