{"id":1111,"date":"2024-03-12T10:30:00","date_gmt":"2024-03-12T09:30:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=1111"},"modified":"2024-03-12T10:30:00","modified_gmt":"2024-03-12T09:30:00","slug":"choisir-typographie-application-mobile","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/choisir-typographie-application-mobile\/","title":{"rendered":"Comment choisir la bonne typographie pour une application mobile\u00a0?"},"content":{"rendered":"

La conception d\u2019une application mobile<\/a>, processus tr\u00e8s complexe, n\u00e9cessite la collaboration entre de nombreux professionnels (d\u00e9veloppement, design, test, etc.).<\/p>\n

Finalement, ce qui pourrait, au premier abord, relever du simple d\u00e9tail rev\u00eat, en r\u00e9alit\u00e9, un caract\u00e8re primordial\u00a0: le choix de votre typographie ne doit pas \u00eatre le fruit du hasard.<\/p>\n

Voici quelques conseils pour vous aider \u00e0 choisir la meilleure police d\u2019\u00e9criture.<\/p>\n

Une typographie facile \u00e0 lire<\/h2>\n

S\u2019il peut \u00eatre tentant, sur votre application mobile, de mettre en avant des typographies recherch\u00e9es et cr\u00e9atives<\/strong>, vous devez \u2013 avant toute chose \u2013 privil\u00e9gier l\u2019exp\u00e9rience utilisateur<\/a>. En ce sens, si une police, en d\u00e9pit de sa beaut\u00e9, se r\u00e9v\u00e8le difficile \u00e0 lire, il faudra en trouver une autre.<\/p>\n

\"\"<\/p>\n

Pour obtenir la certitude d\u2019utiliser une typographie simple \u00e0 d\u00e9crypter, n\u2019h\u00e9sitez pas \u00e0 demander \u00e0 plusieurs personnes leur avis\u00a0: tout le monde n\u2019a pas la m\u00eame fa\u00e7on de lire \u2013 et il faut absolument que votre typographie convienne au plus grand nombre.<\/p>\n

\u00c0 lire aussi : 8 \u00e9tapes pour cr\u00e9er l\u2019ic\u00f4ne de votre application mobile<\/a><\/p><\/blockquote>\n

La taille, un facteur d\u00e9cisif<\/h2>\n

En ayant en t\u00eate que votre programme sera utilis\u00e9 sur smartphone ou tablette<\/strong>, vous devez prendre le temps de choisir la bonne taille de police<\/a>.<\/p>\n

Il serait facile de se dire : l’\u00e9cran \u00e9tant plus petit, je vais \u00e9crire en plus petit \u00e9galement. Tout comme il serait facile de se dire : en traversant le mur, j’arriverai plus vite de l’autre c\u00f4t\u00e9. Vous l’avez compris : l’un comme l’autre sont de mauvaises id\u00e9es.<\/p>\n

Lire sur un petit \u00e9cran est plus fatigant pour les yeux.<\/p>\n

\"\"<\/p>\n

Selon le t\u00e9l\u00e9phone utilis\u00e9, on pr\u00e9conise une hauteur de caract\u00e8res allant de 1,4 \u00e0 2,8\u00a0mm<\/strong> \u2013 tandis que les dimensions id\u00e9ales se situent entre 2,8 et 3,5\u00a0mm pour une tablette. Il est indispensable d\u2019adapter la taille au support, sans se limiter \u00e0 la diff\u00e9rence entre tablette et smartphone.<\/p>\n

Votre r\u00f4le est de faciliter la vie des utilisateurs : optez plut\u00f4t pour une police de caract\u00e8re deux points plus grande que celle que vous utiliseriez pour un ordinateur. Les t\u00e9l\u00e9phones aux grands \u00e9crans supporteront facilement une police plus volumineuse \u2013 tandis qu\u2019il faudra diminuer les caract\u00e8res pour les petits formats.<\/p>\n

Apple recommandait ainsi une taille de police entre 11 et 17 points pour une meilleure lisibilit\u00e9.<\/p><\/blockquote>\n

\u00c0 lire aussi : 7 outils pour cr\u00e9er sa propre typographie<\/a><\/p><\/blockquote>\n

Une police avec ou sans empattement\u00a0?<\/h2>\n

Il existe deux types de polices\u00a0: les Serif<\/strong> et Sans Serif<\/strong> \u2013 avec ou sans empattement. Selon une \u00e9tude r\u00e9alis\u00e9e par le New York Times<\/em> en 2012, les utilisateurs consid\u00e8rent comme \u00ab\u00a0plus fiables\u00a0\u00bb les polices avec empattement.<\/p>\n

Cependant, aujourd\u2019hui, les tendances sont plus mitig\u00e9es\u00a0: m\u00eame Google a supprim\u00e9 les empattements de sa police d\u2019\u00e9criture.<\/p>\n

\"\"<\/p>\n

Si les polices avec empattement restent appr\u00e9ci\u00e9es pour les longs textes imprim\u00e9s, il y a d\u00e9j\u00e0 un moment qu’elles ne sont plus recommand\u00e9es pour les \u00e9crans. La pixellisation nuit d’ailleurs \u00e0 leur lisibilit\u00e9.<\/p>\n

Pr\u00e9f\u00e9rez des typographies Sans S\u00e9rif pour les mobiles, afin de rendre la lecture plus fluide.<\/p>\n

Ainsi, si vous voulez une interface simple et \u00e9pur\u00e9e<\/strong>, une typographie \u00ab\u00a0Sans Serif\u00a0\u00bb est totalement adapt\u00e9e. En revanche, on trouve encore beaucoup de polices avec empattements sur les applications avec articles d\u2019actualit\u00e9, par exemple.<\/p>\n

\u00c0 lire aussi : Serif Vs Sans Serif : quelle typographie choisir ?<\/a><\/p><\/blockquote>\n

<\/h2>\n

Respecter des espaces et marges pour plus de lisibilit\u00e9<\/h2>\n

Votre application mobile doit \u00eatre facile \u00e0 utiliser sur tous les supports<\/strong>. Pour cela, n\u2019oubliez pas de mettre en place, dans tous les cas, des marges. Elles vous permettront d\u2019\u00e9viter des d\u00e9calages peu esth\u00e9tiques.<\/p>\n

\"\"<\/p>\n

Par ailleurs, les espaces entre les diff\u00e9rents contenus sont \u00e9galement primordiaux\u00a0: l\u2019utilisateur ne doit pas se perdre au milieu d\u2019un trop-plein d\u2019informations<\/strong>. Si vous avez beaucoup de contenu \u00e0 inclure, essayez de synth\u00e9tiser et \u2013 surtout \u2013 laissez des espaces libres.<\/p>\n

\u00c0 lire aussi : 50 typographies et conseils \u00e0 utiliser pour vos supports de communication<\/a><\/p><\/blockquote>\n

Soyez en accord avec votre univers et votre charte graphique<\/h2>\n
\"Police
Source : thedoctors –\u00a0Graphiste.com<\/figcaption><\/figure>\n

Id\u00e9alement, si vous poss\u00e9dez d\u00e9j\u00e0 un site Internet ou des supports de communication print <\/em>avec une charte graphique<\/a><\/em>, il est judicieux d\u2019utiliser les m\u00eames typographies pour votre application<\/strong>.<\/p>\n

Pensez, si besoin, \u00e0 demander les conseils d\u2019un professionnel du design<\/a> afin de trouver la police en accord total avec votre cible.<\/p>\n

Soignez votre code pour utiliser les bonnes typographies sur votre application<\/h2>\n

Dans le code de l\u2019application, on sp\u00e9cifie les typographies utilis\u00e9es<\/strong>. En cons\u00e9quence, il est primordial d\u2019informer le d\u00e9veloppeur de vos choix, afin qu\u2019il adapte la police \u00e0 vos besoins.<\/p>\n

\"\"<\/p>\n

Dans le cahier des charges de votre application mobile, prenez le temps de sp\u00e9cifier chaque police si vous en utilisez plusieurs \u2013 et pr\u00e9cisez \u00e0 quel endroit on doit trouver chaque type de caract\u00e8res.<\/p>\n

Prenez en compte le rythme de lecture et la hi\u00e9rarchisation des informations<\/h2>\n

Tandis que les lecteurs d\u2019une page sur ordinateur ont une fa\u00e7on de lire les contenus, d\u2019autres pratiques sp\u00e9cifiques s\u2019appliquent \u00e0 l\u2019usage des applications mobiles.<\/p>\n

Ainsi, dans le choix de votre typographie et des tailles de caract\u00e8res<\/strong>, hi\u00e9rarchisez scrupuleusement les informations pour cr\u00e9er une v\u00e9ritable harmonie autour des contenus sous forme de textes.<\/p>\n

Par ailleurs, pensez \u00e0 la mise en valeur de mots importants. <\/strong>Comme sur la toile et dans les magazines, les lecteurs commencent tr\u00e8s souvent par un parcours en diagonale (sur le t\u00e9l\u00e9phone, ils font d\u00e9filer rapidement le texte sans le lire v\u00e9ritablement). Sur mobile, encore plus qu’ailleurs, il est donc conseill\u00e9 de limiter les typographies.<\/p>\n

Pour indiquer des titres, diff\u00e9rentes options se pr\u00e9sentent :<\/p>\n