build 2016 - p543 - windows 10 uwp: localize using the multilingual app toolkit
TRANSCRIPT
#Build2016
Windows 10 appsDesigning for Global CustomersStéphanie SchuhCameron Lerum
Top 3 international design principles
Overall UI
Individual UI elements Vertical text truncationHorizontal text truncationReadable, usable, no overlaps of elements, no missing UI elements, etc.
Date, time, calendars, digits, units, phone numbers, addresses, etc.
Cultural elements
Top 3 international coding principles
msg = rm.GetString(“HelloID”)
Plurals vary across languages
Avoid string concatenation
Do not hard-code strings
Not always -s
Several plurals
Different words
msg = “Hello world"
$“The {Color} house.”“The {0} house.”“La maison {0}.”
en-US resw file
fr-FR resw file
• Area expands with text expansion • No text wrapping• Word truncates when max space is
reached
• Digits • Separator (not always a
period)• Miles
• Text wraps as text expands in AppBar• Not enough space between elements • Loss in legibility
One UI element shrinks as another expands > Hard to read.
One UI element disappears as another expands > Lost info or functionality
UI elements> Ok in English
Demo
Multilingual App Toolkit
Designing for global customers
Plurals
String concatenationDesign & code for global customers
aka.ms/intl
Hard-coded strings
Overall UIe.g. readability, usability
Individual UI elements
e.g. truncation, wrapping
Cultural elementse.g. formats
Simplified Localization
workflow
aka.ms/MATinstallv4Localize Publish
Increaseglobal reach
Get MAT
• http://aka.ms/intl • http://aka.ms/MATinstall • Re-visit Build on Channel 9.• Continue your education at
Microsoft Virtual Academy online.
References