Stripe and Apex Legends/Playstation uses the same language directory. not sure if we checked this
Steam Games and Twitter also uses the same language directory. they show something like: https://prnt.sc/2YwyCd8wopKk (Native Language - English Name)
Mobile versions can be shown as popup instead, like in Steam
Designs
Mobile Design will follow the selected studies.
Followed Steam and Twitter language style. Feel free to adjust this
Dark Blue Bar
Showing it on a container makes it look clickable
Dropdown
Recommending this design. Easy to adapt it to Mobile
No new section at the footer since the language changer is inside the dropdown
Can add change language as a reason to sign up
Patchnotes on Center
Moved patchnotes to center to create space for language
followed Stripe's use of icons. either click the language or icon to open the dropdown
Patchnotes on Left
Retained placement of patchnotes.
Same with patchnotes of center on everything
Checklist
[ ] how can the flags be scalable?
We won't use flags. no other websites do this and it reduces visual overload if its not there
[x] look how big sites do their languages, check games too, where do they put it?
Most sites add them inside the Settings but at the moment, we don't show this in our profile so we can either put it inside the dropdown. Stripe shows it at the bottom.
[ ] how would it look like for countries that have long names, do most sites use abbreviations?
- I didn't see a lot of websites use abbreviations. Based on the research, it seems that adding abbreviations and flags on languages are not that widely used anymore by top sites. moreover. The longest word I see is Bahasa Indonesia so we can just set the margins for that language if its supported
[ ] after being translated to another language not using the roman alphabet (ex. Japan, Korea) will they show the word English in their language?
- No. Twitter and Steam already add something like (French - Francaise) so there's always English characters on the language dropdown
[ ] How can players change their language while in-game?
- We can add an option inside the settings module where they can change their language
Summary
We're going to have translations. We need a way for people to change languages on-site.
its a relatively suggested feature in here as well. https://colonist.featureupvote.com/suggestions/73686/add-more-languages
Research
Desktop
Mobile
Findings
Flags
Stripe
andApex Legends/Playstation
uses the same language directory. not sure if we checked thisSteam Games
andTwitter
also uses the same language directory. they show something like: https://prnt.sc/2YwyCd8wopKk (Native Language - English Name)Designs
Dark Blue Bar
Dropdown
change language
as a reason to sign upPatchnotes on Center
Patchnotes on Left
Checklist
[ ] how can the flags be scalable? We won't use flags. no other websites do this and it reduces visual overload if its not there
[x] look how big sites do their languages, check games too, where do they put it? Most sites add them inside the
Settings
but at the moment, we don't show this in our profile so we can either put it inside the dropdown. Stripe shows it at the bottom.[ ] how would it look like for countries that have long names, do most sites use abbreviations? - I didn't see a lot of websites use abbreviations. Based on the research, it seems that adding abbreviations and flags on languages are not that widely used anymore by top sites. moreover. The longest word I see is
Bahasa Indonesia
so we can just set the margins for that language if its supported[ ] after being translated to another language not using the roman alphabet (ex. Japan, Korea) will they show the word
English
in their language? - No. Twitter and Steam already add something like (French - Francaise) so there's always English characters on the language dropdown[ ] How can players change their language while in-game? - We can add an option inside the settings module where they can change their language
Related links
https://github.com/colonistio/design/issues/187
Submission Checklist
Reviewer
@demiculus @JuanRoman77