The importance of typography in app design
App design not only affects graphic design, but also the structure and organization of the content of the application. This is the reason why design can not stupidly follow trends. Indeed, the interaction logic that the application will have must obey invariable rules.
Typography is one of the elements that have changed most over time. Practically always neglected in the past, it now has a prominent place in app design.
Aesthetics is not the only reason for the choice of typography. We will discuss the technical reasons for paying attention to the font used in an application. Beyond making it more beautiful, your typography can improve:
Readability: Choosing a good typography assumes that the user will read your application more comfortably, especially if it contains a lot of text. The app design of a media such as the New York Times is complicated because the content targets many different types of users, ages and tastes. To adapt, some applications allow the user to set the size and style of characters. There will always be a typography by default, but this one will adapt to the needs of each user.
All User Experience (UX): Typography affects it directly. If the font is incorrectly chosen, the user will spend more time decrypting the contents of an application, at the risk of getting tired of it and of removing your application. The design app must therefore focus on the font in order to propose the best UX possible.
Professionalism: A font that does not match your brand’s philosophy undermines the consistency of appearance. Professional applications of large commercial enterprises will have a different character from entertainment applications.
Obviously, there are other reasons to pay attention to typography, some of which are related to subjective factors such as personal preferences. In all cases, the choice of typography for your design must satisfy the three conditions mentioned above. Probe users to identify the typography that will maximize the conversion rate and generate the most interactions.
Top 4 Tips to Improve your App’s Typography
It should be noted that 95% of digital communication goes through the text. Despite the importance of a logo or an icon for the app design, it is indeed the text that conveys the communication with the user.
The ease with which texts are read – in other words, the legibility of an application – affects the UX and ease of use of your app. Typography is an essential part of this process; easy to decipher characters will always be your best option. But how to choose a “good” typography?
The key elements of good typography in app design
Now identify the characteristics of a good font. The choice or design of typography is very important for app design. Do you know how to make your typography attractive? Take note :
1. The size of the letter
Apple says on its web page of help to the developers that it is useless that your typography is the most refined if it is illegible on your application. The font size recommended by the US firm to design applications for iOS devices is 11 to 17 points. The recommendation is similar for Android. It should be noted that an average of 60 to 75 characters per line of a web page must be reduced between 35 to 50 characters per line for a mobile application. The ideal is to write short sentences and to minimize their complexity in order to facilitate reading. Although there are applications that allow you to adjust the size of characters from the device, this is not always the case, so it is advisable to be careful.
2. The spaces
We have very little room to organize content in app design, so we must make intelligent use of white space in the application. This means that, contrary to what most users may believe, it is better to avoid displaying too much text, images or buttons on each screen. On the contrary. We have to leave spaces between the lines and use margins to bring more clarity to the design. In short, do not be afraid to leave empty spaces. It is essential to take care of the particularly important pages (payment, subscription, etc.) which are the support of the conversion. In these cases, it is best to limit the amount of content and leave space.
3. The contrast
A strong contrast between the text and the background is necessary for the user to see the information at a glance. The default choice is a black text on a white background. Obviously, if all app designers followed these guidelines, all applications would look the same. It is possible and advisable to play with the colors to identify the correct combination of colors and style that will make the mark of your mobile application. Keep in mind that there must at least be a contrast between two colors (one for the background and one for the letters).
4. The serif of characters
The character wheelbase is the subject of a great debate which is still current for websites, and of course extends to app design or graphic design of any kind. The prevailing operating systems, Android and iOS, are very clear on the recommendations. By default, Android uses the Roboto font for display, while Apple uses the Helvetica font family. These fonts are sans serif. In both cases, we can say that they have chosen to use simple and fine lines. In the case of iOS, the arrival of the typography San Francisco in 2015 has further improved the readability, required by the small format of Apple Watch.