Contenu
- 01. Envisagez une police d'application native
- 02. Choisissez une police adaptée au contenu
- 03. Utilisez la taille et le poids pour créer une hiérarchie
- 04. Ajoutez une touche de personnalité
- 05. Laisser beaucoup d'espace blanc
Le texte représente 95% de toutes les communications numériques. Ainsi, quel que soit le raffinement de l'interface utilisateur, de la conception des icônes ou du choix des images dans une application, votre choix de police est absolument crucial.
La typographie a un impact direct sur l'expérience utilisateur d'une application. Si le contenu est difficile à lire, les options de menu ne sont pas claires, ou si le but des boutons et autres appels à l'action est indéchiffrable, la convivialité en souffre énormément. Et toutes ces décisions doivent être prises avec un petit écran à l'esprit.
Poursuivez votre lecture pour découvrir les cinq meilleurs conseils pour choisir la police parfaite pour la conception de votre prochaine application ...
01. Envisagez une police d'application native
Apple a clairement vu la valeur de la typographie lorsqu'elle a sorti sa propre police sans empattement, San Francisco, en 2015. Ayant utilisé un mélange d'Helvetica Neue, Lucida Grande, Myriad Pro et VAG Rounded pour ses divers besoins en logiciels, matériels et marketing point, SF coche toutes les cases pour le géant de la technologie.
En tant que police iOS par défaut, San Francisco peut être concédée sous licence aux développeurs tiers enregistrés pour concevoir des applications pour les plates-formes Apple. Il est conçu dans un souci d’utilité et de lisibilité, et iOS bascule automatiquement entre les variantes de texte et d’affichage lorsque la taille est inférieure à 10 pt ou supérieure à 20 pt.
Trois ans plus tôt, Google avait également publié sa propre police d'application conçue en interne pour la plate-forme Android: Roboto, qui a remplacé l'ancienne police système Droid. Comme San Francisco, c'est un sans-empattement propre et moderne, mais il a encore quelques bizarreries de personnalité.
Si vous recherchez un look «natif», San Francisco ou Roboto sont un bon pari - et les concepteurs d’Apple et de Google ont travaillé dur pour s’assurer qu’ils fonctionnent sur mobile.
02. Choisissez une police adaptée au contenu
San Francisco et Roboto sont des conceptions sans empattement propres, ce qui a tendance à être le choix par défaut pour la plupart des concepteurs d'applications: les sans-empattements sont neutres et sûrs, et parfaits pour la lisibilité des boutons, des menus et des titres.
Cependant, si votre application contient de grandes quantités de contenu long, un empattement peut être un meilleur choix. Medium, iBooks et les applications de journaux comme Bloomberg ou le New York Times utilisent tous des polices serif, par exemple.
De telles applications doivent répondre à une grande variété d'âges et de préférences au sein de leur lectorat. Si votre application contient de gros corps de texte, il peut être utile de prévoir un certain niveau de personnalisation de la police et de la taille pour répondre aux besoins particuliers des utilisateurs.
03. Utilisez la taille et le poids pour créer une hiérarchie
Apple conseille un texte minimum de 11 pt pour maintenir la lisibilité sur l'iPhone, l'iPad et l'Apple Watch, tout en évitant de repousser les limites. La valeur idéale est plutôt de 15 à 19 pt, laissez donc beaucoup d'espace et évitez d'encombrer l'interface.
San Francisco, Roboto et les alternatives de conception d'applications populaires telles que Open Sans, Proxima Nova et Museo Sans sont disponibles dans une gamme de poids utiles, alors utilisez-les pleinement pour l'accentuation et la hiérarchie. Vous n’avez pas beaucoup d’espace pour travailler, et augmenter d’un poids ou deux un élément clé peut faire des merveilles pour attirer l’attention.
En règle générale, les poids réguliers sont les meilleurs pour la plage minimale de 11 à 19 points, les poids moyens fonctionnent bien entre 20 et 34 points, et tout ce qui est supérieur à cela - généralement les principaux titres - fonctionne bien en gras. Les poids légers et ultralégers sont mieux enregistrés pour les très gros caractères, car la lisibilité en souffrira autrement.
Tenez également compte de la longueur de la ligne. En moyenne, un site Web contient entre 60 et 75 caractères par ligne, alors que les applications sont beaucoup plus restreintes: vous regardez plutôt entre 35 et 50.
Si les lignes sont trop longues, elles deviennent lourdes et les utilisateurs peuvent perdre la trace des informations; trop court, et la lecture devient contre nature. En pratique, si vous respectez les directives de taille de police, vous devez éviter ces problèmes.
04. Ajoutez une touche de personnalité
En ce qui concerne les interfaces fonctionnelles, minimalistes et très épurées, il n'y a pas autant d'outils à votre disposition pour ajouter du caractère à la conception de votre application. Le design plat est une question de couleur, de formes simples et de typographie.
En conséquence, si le type est l'un des aspects les plus importants d'une interface utilisateur autrement brutalement simple, une police d'affichage qui présente des bizarreries subtiles mais uniques mérite d'être prise en compte. Les polices de caractères neutres couramment utilisées sont efficaces, mais vous pourriez courir le risque que votre application perde son identité.
Les polices de caractères qui ont des fioritures ou des caractéristiques de conception particulières sur certains caractères valent le détour. Parcourez Google Fonts pour des options gratuites telles que Raleway ou Quicksand, ou achetez une police de caractères plus complexe et polyvalente telle que Klinic Slab.
05. Laisser beaucoup d'espace blanc
L'une des règles les plus importantes de la conception d'applications est d'éviter l'encombrement à tout prix, ce qui a inévitablement un effet d'entraînement sur vos choix de polices, ainsi que sur la façon dont vous les appliquez dans le processus de conception.
Les écrans mobiles ne vous laissent pas beaucoup d’espace de travail, mais vous devez en laisser autant d’espace libre que possible et respecter l’espace de respiration entre les éléments. Trop de texte et trop d'options parmi lesquelles choisir, n'ajoute rien d'autre que de la confusion et n'est pas une expérience utilisateur satisfaisante.
De même, l'interlignage entre les lignes et les paragraphes doit être suffisant. Réduire cela pour insérer trop de contenu sur un seul écran est une erreur bien trop courante qui frustrera les utilisateurs habitués à des applications qui simplifient et simplifient leur vie.
Lorsque la règle de l ’« espace blanc »est combinée avec les lignes directrices relatives à la taille minimale du texte, le résultat est clair: vous devez le réduire, pas le presser.
