Þšéûðö Ļöçåļîžåţîöñpseudo localization · pseudo localization pattern. this...
TRANSCRIPT
![Page 1: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/1.jpg)
![Page 2: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/2.jpg)
Pseudo LocalizationÞšéûðö Ļöçåļîžåţîöñ@
![Page 3: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/3.jpg)
Tim BrandallInternational Product Experience Manager
Who Are We?
Shawn XuInternationalization Program Manager
![Page 4: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/4.jpg)
Expansion of text due to translation causes most of the UI layout issues
detected during localization QC
The problem...
![Page 5: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/5.jpg)
Don’t miss out.
Lassen Sie sich nichts entgehen!
Enter PIN to watch restricted content
Geben Sie Ihre PIN ein, um diesen Titel mit Altersbeschränkung
anzusehen
![Page 6: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/6.jpg)
![Page 7: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/7.jpg)
What if we could catch layout problems before translating into
26 languages?
Éñţéŕ Þšéûðö Ļöçåļîžåţîöñ¡
![Page 8: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/8.jpg)
What is Þšéûðö Ļöçåļîžåţîöñ?
We want to simulate the most problematic characteristics of the
world’s languages, without doing real translation work.
![Page 9: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/9.jpg)
What is Þšéûðö Ļöçåļîžåţîöñ?
● Text layout issues
● Encoding problems
● Font issues
● Hard coded strings
![Page 10: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/10.jpg)
The evolution of Þšûéðö Ļöçåļîžåţîöñ
at Netflix
![Page 11: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/11.jpg)
A timeline...2014 “Doublespeak”2017 Pseudo Loc revisited
January ‘18 Buy-in from devMay ‘18 V1 Pseudo Loc
August ‘18 V2 Pseudo Loc
![Page 12: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/12.jpg)
[ƒîกี้ð Ĥéļþ Öกี้ļîกี้é one two]
Version 1
![Page 13: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/13.jpg)
![Page 14: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/14.jpg)
Dev team reaction was...
![Page 15: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/15.jpg)
The problems
● Hard to read
● Incomplete
● “Feels fake”
![Page 16: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/16.jpg)
Lovingly referred to as...
“ Looks like cr@p mode ”-Anonymous Netflix developer
![Page 17: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/17.jpg)
But it was working...
Teams were finding potential issues by
themselves
![Page 18: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/18.jpg)
Version 2
[Ŵoöuûļd ýoöuû ļiîķeé ţoö uûpĝraåðeé ţoö Ûlţraå ĤD?]
![Page 19: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/19.jpg)
Evolution
![Page 20: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/20.jpg)
More problems
Readability had been improved
BUT
Simulated expansion was now less consistent than it was with the
original implementation
![Page 21: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/21.jpg)
The account name or password is incorrect. Please try again.arbgdadeelenen-XAeses-ESfifrfr-CAheitjakonbnlplptpt-PTrosvthtrzh-CNzh-TW
اسم الحساب أو كلمة المرور غیر صحیحین. یرجى إعادة المحاولة Името или паролата за акаунта са неправилни. Опитайте отново.Kontonavnet eller adgangskoden er ikke korrekt. Prøv igen.Der Kontoname oder das Passwort stimmen nicht. Bitte versuchen Sie es noch einmal.Το όνομα του λογαριασμού ή ο κωδικός πρόσβασης είναι εσφαλμένα. Προσπαθήστε ξανά.The account name or password is incorrect. Please try again.[Ţheé aåçcoöuûกีt้ กีa้åɱeé oöŕ paåšsŵoöŕd iîš iîกีc้oöŕreéçt. Pļeéaåšeé ţrý aåĝaåiîกี.้]El nombre de la cuenta o la contraseña no son correctos. Intenta de nuevo.El nombre de cuenta o la contraseña no son correctos. Vuelve a intentarlo.Tilin nimi tai salasana on väärä. Yritä uudelleen.Le nom de compte ou le mot de passe est incorrect. Veuillez réessayer.Le nom de compte ou le mot de passe est incorrect. Veuillez réessayer..שם החשבון או הסיסמה לחשבון שגויים. נסה שובNome o password dell'account errati. Riprova.アカウント名またはパスワードが間違っています。もう一度お試しください。아이디나 비밀번호를 잘못 입력하셨습니다. 다시 시도해 주세요.Kontonavn eller passord er feil. Prøv på nytt.De accountnaam of het wachtwoord is niet juist. Probeer het opnieuw.Nieprawidłowa nazwa konta lub hasło. Spróbuj ponownie.O nome da conta ou senha está incorreto. Tente novamente.A palavra-passe ou o nome da conta não está correto. Tente novamente.Numele de utilizator sau parola este incorectă. Te rugăm să încerci din nou.Kontonamnet eller lösenordet är felaktigt. Försök igen.ชื่อบัญชีหรือรหัสผานไมถูกตอง โปรดลองอีกครั้งGirilen hesap adı veya parola yanlış. Lütfen yeniden deneyin.帐户名称或密码有误。请重试。帳戶名稱或密碼不正確。請再試一次。
MachineTranslation
![Page 22: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/22.jpg)
[Ţheé aåçcoöuûกี้t กี้aåɱeé ↓öŕ paåšsŵoöŕd iîš iîกี้coöŕreéçt. P↑eéaåšeé ţrý aåĝaåiîกี้.]
The account name or password is incorrect. Please try again.
↓ = Shortest machine translation length↑ = Length of the original English string
Enables us to do things like...
![Page 23: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/23.jpg)
Tech DivePseudo Locale: en-XA
Control: A flag to turn pseudo on or off
V2 Pseudo Loc Map:
abcdefghijklmnopqrstuvwxyzåbçðéƒĝĥîĵķļɱกี้öpqŕšţûvŵχýž
ABCDEFGHIJKLMNOPQRSTUVWXYZ ÅƁÇÐÉFĜĤÎĴĶĻḾÑÖPଠୂŔŠŢÛVŴҲÝŽ
![Page 24: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/24.jpg)
Pseudo Loc APIClass NFPseudoLocalization
APIpublic static String pseudoLocalizeString(String input, String localeID)
input Original English string
localeIDIntended pseudo pattern locale id, "en-XA" will get generic pseudo localization pattern. This allows us to add more pseudo localization patterns later on.
![Page 25: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/25.jpg)
Pseudo Loc Workflow
Nfi18n Library
NFPseudoLocalization.pseudoLocalizeString(“Trending Now”, “en-XA”)
[Ţreéกี้diîกี้g Ñoöŵ]
![Page 26: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/26.jpg)
Pseudo Loc ExclusionsPseudo Loc excludes the following elements:
● ICU MessageFormat
● Variables
● HTML Tags
● HTML Character Entities
● URLs
![Page 27: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/27.jpg)
Example
Input {numDays, plural, one {TV shows and movies added in the last <b>day</b>.} other {TV shows and movies added in the last <b>{numDays} days</b>.}}
Output [{numDays, plural, one {ŢV šhoöŵs aåกีd้ ɱoöviîeéš aåðdeéð iîกี ้ţheé ļaåšt <b>ðaåý</b>.} other {ŢV šhoöŵs aåกี้d ɱoöviîeéš aåðdeéð iîกี ้ţheé ļaåšt <b>{numDays} ðaåýs</b>.}}]
String with ICU Plural Format, Variable, and HTML Tags
![Page 28: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/28.jpg)
What’s next?
Focus on Design Team
![Page 29: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/29.jpg)
Þšûéðö Ļöçåļîžåţîöñ îñ Šķéţçĥ
![Page 30: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/30.jpg)
Netflix Þšéûðö Font
![Page 31: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/31.jpg)
Key Takeaways
● Make sure the value is clear to your teams
● Pseudo Loc has to be DEFAULT / OPT OUT
● The initial rollout has to be high value
● Survey your users and iterate quickly
● Design teams are a key piece of the puzzle
![Page 33: Þšéûðö ĻöçåļîžåţîöñPseudo Localization · pseudo localization pattern. This allows us to add more pseudo localization patterns later on. Pseudo Loc Workflow Nfi18n](https://reader030.vdocument.in/reader030/viewer/2022041113/5f1f318501b2ca75113d8c13/html5/thumbnails/33.jpg)
ŢĤÅÑĶ ÝÖÛ