Choosing the Right Font: A Guide to Typography and UX
Adopting the same typography on its site and its application is a mistake that many companies commit frequently. To avoid running away from mobile users, it is essential to adapt the typography to the world of the mobile application, but also to take into account the characteristics of a smartphone screen.
Priority to readability
A mobile app can be viewed in any type of environment with a different impact on visibility and contrast. Therefore, take into account when designing the application becomes necessary to ensure its users a comfortable navigation for their eyes.
Playing on the shades around the white / black, without opting for pure white and absolute black, seems to be insurance all risk. However, it is even more important to take into account the colorimetric of its interface to propose a correct readability of the content.
Regarding the famous question of serif or sans serif, operating systems seem to have made their choice. Apple as Android advocate sans serif fonts, favoring lines both fine and simple.
Mobile apps do not escape the rule of clear and airy content: short sentences and the presence of margins and spaces between lines are now considered essential elements in the content of a mobile application.
The importance of font size
A smaller screen is not synonymous with a smaller font. On the contrary, to make it easier for users to read, it is recommended to increase the font size by about 2px compared to the size of its website, if it exists.
Another rule to remember is to use 30 to 45 characters per line to set the ideal font size. Although this is probably not a universal rule, limiting the number of characters per line increases the readability of the content.
A font that matches the content
We can see for several years build a “code” around each font. This is mainly the reason why institutional sites tend to harmonize around a relatively close style, both sober and neutral, while entertainment spaces generally venture towards more fantasy. In the same vein, commercial sites today seem to favor a font designed to sublimate the user experience (UX).
Finally, typography also influences the user’s navigation rate. A handwritten font, with its full and untied, requires a longer reading time and can therefore make it easier to pass key information, because of a slower reading rate on the part of the user. Note that we generally find a similar effect for a fine type typography stick.
The idea is to find the right mix, not to get the opposite effect and scare the user.
Choosing the right typography for a mobile application is based on the brand’s philosophy, the responsive format and the context in which it is used. When designing a mobile application, performing tests with target users can also lead to the choice of the most relevant typography.