Make use of base internationalization and Auto Layout. Starting from iOS 9, there is comprehensive support for a mirrored user interface as listed below: #FRIENDLY FOR FACEBOOK DESKTOP CODE#
Most of the recent native frameworks are now mirroring aware, making it easier to create a mirrored layout with very limited code changes. Graphs (x– and y–axes are always shown in the same orientation in all languages).Images, except when they correspond to direction (example: arrows).When localizing, the below elements should not be mirrored in RTL languages:
For example, the homepage of Facebook is designed to flip neatly for Arabic and other RTL languages as shown below:
A modular design approach will come in handy while accommodating RTL languages. In certain languages like Arabic and Hebrew, text is read from right-to-left (RTL) necessitating your entire design to be flipped. Setting fixed sizes may lead to your text appearing cropped or create excessive empty space in some translated languages.
Elements: Avoid using fixed width/height constraints for buttons, labels, text fields, images, menus, dialog boxes and all other elements of the interface. Container: Your design should let the main container/wrapper adjust to the size of the contained elements that may change with every language. Your user interface window and elements should be laid out relative to each other without fixed positions or sizes in order to allow them to realign as required for every language. Although the intricacies may vary based on the framework, the design considerations detailed below are mostly common. Englishĭevelopment frameworks provide features that can help you to program dynamic UI expansion and contraction. The example below illustrates how the character length of a text string will vary from language to language. The general rule is to plan for an average of 35% text expansion. Some languages are more verbose than others, meaning your design must account for text expansion and contraction in translated languages. Design Your Layout to be Flexible and Dynamic Part 1 will focus specifically on the importance of a flexible and dynamic layout for overall consistency. In this two part series, we’ll discuss the challenges involved in creating a user-friendly interface and present a few best practices that will meet (and exceed) the needs of your multilingual users. More and more businesses are expanding into new foreign markets, and are realizing that in order to be successful, the target market’s local customs must be recognized, respected, and reflected in any digital content.
0 kommentar(er)
