Pourquoi mon choix de police dégrade-t-il l'expérience utilisateur?
Je travaille sur une application de réseautage social, elle a d'abord utilisé Arial à 100% et elle semblait correcte. J'ai depuis introduit de nouvelles "cartes" de la même manière qu'elles sont implémentées dans Instagram, ce qui semblait toujours correct. Je l'ai récemment passé à Playfair Display, mais il semble juste mauvais. J'ai ramené Arial, mais cela semblait maintenant "peu sophistiqué" et bien pire qu'avant le changement. Ce qui suit est une capture d'écran de la situation actuelle. 
Comment puis-je l'améliorer sans lui donner une apparence "fausse"?
Pour améliorer mon commentaire, je voudrais commencer par faire le contraste absolu entre les polices Serif (les petites fonctionnalités saillantes à la fin des lignes) et Sans Serif (littéralement Sans Serif ). Il existe de nombreuses polices Sans (polices sans Serifs), fortement associées à la police Gothic : Century Gothic , Helvetica , Verdana , Futura , Syntaxe , etc. Il est également important de mentionner qu'il s'agit d'un vieux combat, même dans Stack Communautés d'échange .
Les polices Serif sont généralement considérées (bien que toujours en débat) comme étant meilleures pour les documents imprimés, Sans Serif pour les documents Web. C'est, en bref, la conclusion pour le source fourni dans les commentaires de @DasBeasto. Il y en a beaucoup qui ne sont pas d'accord et je citation :
Chaque police a ses utilisations, comme vous pouvez le constater. Cependant, ce que je dirai, c'est que l'utilisation croissante des polices sans empattement dans la lecture (comme les blogs, les livres et d'autres supports, en particulier celui des livres électroniques) est préjudiciable au lecteur.
Le fait que les polices serif soient sans aucun doute plus faciles à lire suffit à dire que ce devrait être le choix de police principal dans tout paramètre qui nécessite une longue lecture. Bien sûr, je sais que tout ce post est dans une police sans empattement , mais bon, que puis-je faire? Au moins maintenant, vous connaissez tous mon opinion à ce sujet!
Je ne suis pas d'accord avec lui, mais cela nous mettrait au point d'hypothétique. J'ai essayé de trouver des études sérieuses sur la charge cognitive de l'utilisation des polices. Je pourrais seulement mentionner une approximation par Alex Poole qui fait une analyse complète de la littérature sur ce sujet. Il conclut:
Enfin, nous devons admettre que la plupart des polices de caractères raisonnablement conçues dans l'utilisation courante seront également lisibles, et qu'il est beaucoup plus logique de plaider en faveur des polices serif ou sans serif pour des raisons esthétiques que sur la question de la lisibilité. ( Bernard, 2001 ; Tinker,196 )
Il comprend même une analyse de la littérature pour enfants où:
Les livres produits pour les enfants sont souvent imprimés avec du texte sans empattement, car les enseignants affirment que la simplicité des formes des lettres les rend plus reconnaissables (Coghill, 1980), Walker, 2001). Mais les études avec les enfants participants n'ont trouvé aucune différence dans leur capacité à lire l'un ou l'autre style de police. (Coghill, 1980); Zachrisson, 1965, Walker, 2001)
On ne peut guère tirer de conclusion de la littérature. Il y a des affirmations favorisant les deux tailles ou tout simplement aucune. En ce qui concerne les petits contenus, il semble presque omniprésent que les polices Sans sont favorisées :
Utilisez une police standard: une police sans empattement telle que Helvetica ou Arial est plus lisible lorsqu'elle est projetée qu'une police empattée telle que Times Roman.
, mais cela pourrait être le produit de notre préférence moderne (par opposition aux caractéristiques classiques de Serif). Des études ont été menées sur la vitesse de lecture des deux polices familiales. Beaucoup conviennent qu'à long terme les Serifs sont utiles, d'autres dites le contraire étant Sans Serif le plus rapide à lire.
Conclusion
Je pense que tout se résume à ce dont vous avez besoin. Dans votre cas, vous souhaitez que de petits morceaux de texte, principalement lus en diagonale. Disons que vous recherchez un accès rapide aux informations. En saisissant une comparaison, je dois mentionner que les panneaux de signalisation sont généralement en Sans , ainsi que d'autres signalisation publique . Il se pourrait que ce soit juste une chose moderne ou qu'il ait n certain bagage scientifique derrière . Je mentionnerais également que la plupart des applications de chat utilisent des polices Sans Serif. En fait, ce site fonctionne avec Sans.
Ma recommandation (et en aucun cas définitive) est que vous cherchiez ce qui existe dans le monde Sans jusqu'à ce que vous en trouviez un qui vous convient. Selon la taille typique de la zone de texte, cela peut signifier que vous avez besoin d'une police qui se comporte correctement dans des espaces plus larges ou plus étroits (parfois le manque d'utilisation de l'ensemble des zones de texte laissera un aspect peu attrayant dans le logiciel, vérifiez si c'est ce que vous provoque une sensation bizarre de bizarre).
Playfair Display est une police d'affichage (l'indice est dans le nom!), Ce qui signifie qu'elle est conçue pour être utilisée dans les grands titres ou les situations où vous voulez du texte fortement stylisé - logos, guillemets, etc.
Bien que Facebook, Twitter et Instagram utilisent tous principalement des polices sans-serif, les polices serif peuvent toujours bien fonctionner mais donnent généralement un sentiment plus classique. L'association d'un empattement pour les en-têtes et d'un sans pour la copie du corps fonctionne également bien.
Jetez un oeil à certains paires de polices pour l'inspiration.
La typographie est un grand sujet et prend du temps à apprendre, et il y a plus à la typographie que Serif et Sans-Serif.
Quel que soit le Sans/Sans-Serif, toutes les polices ont une hauteur x différente, et la hauteur x joue un grand rôle dans la lisibilité.
Définition: En typographie, la hauteur x est la distance entre la ligne de base d'une ligne de texte et les sommets du corps principal des lettres minuscules (c'est-à-dire à l'exclusion des ascendants ou des descendants). La hauteur x est un facteur d'identification et de lisibilité des caractères.
Cependant, d'autres aspects de la typographie peuvent être utilisés pour améliorer la lisibilité. Par exemple, hauteur de ligne, crénage, etc. Vous pouvez même mélanger Sans et Sans-Serif dans un design, sans sacrifier la lisibilité.
En fin de compte, vous pouvez rendre un site Web/une application beau et facile à lire en utilisant des polices Serif.
Comme d'autres l'ont mentionné ici, le Web a adopté Sans-Serif comme police de caractères préférée, principalement parce que beaucoup de gens pensent qu'il a l'air plus "moderne" - ce qui est bien sûr un non-sens.
Pour les applications Web denses, je recommanderais probablement Sans-Serif d'utiliser une police avec une bonne hauteur x, principalement parce que la plupart du texte est petit et le texte est limité à un ou deux titres, étiquettes et données Word simples. Les applications Web denses ne comportent généralement pas de paragraphes de texte sur plusieurs lignes.
La typographie est un sujet qui existe depuis très longtemps.