4 raisons pour lesquelles le texte de votre corps devrait être plus grand
Le corps du texte de votre site Web est trop petit. Alors que les écrans de bureau et les écrans de téléphone semblent augmenter en taille, la taille des polices de caractères a apparemment diminué. Bien que leur taille d'origine soit la même, ils se sentent plus petits que jamais.
Trop souvent, je me retrouve à plisser les yeux à l'écran pour lire le contenu. Et ça ne devrait pas être comme ça. Aujourd'hui, nous examinons les raisons de ce problème croissant et comment y remédier!
Le cas d'un texte plus grand
Les petites tailles de texte sont un concept à l'ancienne en termes de conception de sites Web. L'idée d'utiliser du texte en 12 points pour la copie du corps remonte presque aux premiers jours de l'Internet et de la publication numérique lorsque la taille par défaut sur les traitements de texte était de 12 points. (C'est vraiment ainsi que les concepteurs ont commencé à utiliser cette directive non officielle.)
Mais les écrans étaient également beaucoup plus petits à l'époque. Et le type à 12 points dans un endroit à quelques mètres de vos yeux peut être beaucoup à lire.
Les titres et sous-titres surdimensionnés ont tendance depuis un certain temps, et votre corps doit rattraper son retard. Même Kissmetrics, un blog sur l'analyse Web, le marketing et les tests, a noté que la plupart des sites Web ont des polices trop petites. Ils ont même appelé cela l'un des «7 péchés capitaux de la conception Web».
Voici la grande raison: vous devez attirer l'attention des utilisateurs tout de suite, et les petites polices de caractères ne suffiront pas avec autant d'autres options disponibles pour le temps d'un utilisateur.
Toujours pas convaincu? Voici quatre autres raisons pour lesquelles votre type de corps devrait être plus grand.
1. C'est plus facile à lire
La lisibilité est un gros problème. Pourquoi concevoir un site Web difficile à lire pour un utilisateur?
La première leçon est d'abandonner la mesure numérique pure pour le corps du texte sur le Web. Peu importe que votre texte soit de 12 points, 16 points ou 22 points si vous ne pouvez pas le lire. (Le dimensionnement du texte n'est pas universel et varie de toute façon en fonction de la police.) Le texte du corps doit être proportionné à tout le reste de l'écran et facile à voir pour les utilisateurs à distance.
La norme depuis un certain temps est que 45 à 60 caractères par ligne dans une seule colonne (cela inclut la ponctuation et les espaces) est la longueur idéale pour la plupart des lecteurs. Donc, vous devez penser à la taille des navigateurs les plus courants, à la largeur de la colonne que vous utilisez et commencer par une taille de texte qui tombe dans cette plage. N'oubliez pas d'ajuster en conséquence pour les points d'arrêt réactifs.
La gamme est un peu plus étroite pour les petits écrans où la plupart des gens conviennent qu'un texte plus gros est meilleur. (Remerciez la moitié de cette plage de nombre de lignes.)
L'astuce consiste à créer une échelle confortable pour la lecture. Et plus vous devez travailler avec du texte de taille corporelle, plus cela devient important. Un texte trop large peut rendre difficile la mise au point et le déplacement d'une ligne à l'autre lors de la lecture; un texte trop étroit n'a pas un bon rythme et fait bouger l'œil trop vite lors de la lecture.
2. Cela rend le design plus intuitif
La taille du texte contribue à la convivialité globale de la conception d'un site Web.
Si tout le texte est mis à l'échelle proportionnellement, une plus grande copie du corps aide également à augmenter la taille des autres éléments de l'interface utilisateur tels que les liens de navigation ou le texte des boutons. Il peut contribuer à un flux global.
Un texte plus grand vous aidera également à prendre de meilleures décisions concernant le contenu et à modifier de manière plus sélective, ce qui est toujours une bonne chose pour les utilisateurs. Cette rationalisation permet de placer les éléments les plus importants au premier plan de la conception. N'oubliez pas que les utilisateurs ont la capacité d'attention d'un poisson rouge - si tel est le cas - donc tout ce dont ils ont besoin pour comprendre le design et comment interagir avec lui doit être accessible en un coup d'œil.
Voici l'autre bonus supplémentaire de type plus grand - il vous encouragera à repenser également le rembourrage, le placement des photos et l'espacement des lignes. Tout dans la conception bénéficiera de repenser la taille du type car tout fonctionne de manière cohérente pour créer un produit final assemblé. Toutes ces modifications et repensations sur la façon de placer des pièces peuvent améliorer la convivialité, car vous prenez en fait le temps d'évaluer les éléments individuels dans la conception, plutôt que de simplement tout replier de la même manière que d'habitude.
3. Il réduit la fatigue
La fatigue des utilisateurs peut être un réel problème. La plupart des gens regardent des écrans toute la journée, du coup d'œil aux téléphones aux jeux, aux tablettes, au travail sur ordinateur ou à la télévision. Leurs yeux sont fatigués.
Des tailles de texte plus grandes peuvent aider à réduire une partie de cette fatigue d'écran.
Une autre source courante de fatigue de l'écran se présente sous la forme d'appareils mobiles et d'utilisateurs devant atteindre des éléments sur l'écran. Les téléphones plus grands diminuent les zones facilement accessibles par le pouce, mais des éléments et un corps de texte plus grands peuvent aider à résoudre ce dilemme.
Une des raisons pour lesquelles des tailles plus grandes pour le texte et d'autres éléments de l'interface utilisateur est importante est parce qu'elle permet d'ajuster l'affichage visuel pour correspondre à celui physique, offrant plus de confort aux utilisateurs.
4. Il augmente l'impact visuel
Vous voulez que la conception de votre site Web fasse bonne impression. Un texte plus gros peut avoir une forte présence visuelle et un impact plus important qu'un texte plus petit. C'est plus audacieux et plus en face. Il faut le lire.
Ces tactiques aident toutes à attirer l'attention de l'utilisateur et à la conserver.
La conséquence inattendue de l'utilisation d'un type de corps plus grand est que presque tout le reste de votre conception s'élargira probablement également. C'est très probablement le cas avec l'espace. Un type plus grand vous aidera à créer de l'espace pour plus d'espace dans la conception. Plus d'espace crée souvent une expérience utilisateur plus confortable et ajoute un élément de contraste qui aide à attirer les utilisateurs vers les parties occupées de la conception. (C'est la théorie de la conception à un niveau de base, mais cela fonctionne.)
Un type plus grand et un espacement accru sont des éléments que la plupart des utilisateurs ne verront pas ou ne parleront pas, mais trouveront simplement qu'ils apprécient. L'expérience sera plus facile et, espérons-le, se traduira par une augmentation des analyses de sites Web, telles que le temps passé sur le site ou les pages par visiteur. (Ces mesures peuvent être un facteur clé pour déterminer si le passage à un type plus grand fait une différence pour les utilisateurs.)
Conclusion
Smashing Magazine a publié un article en 2011 qui affirme que tout ce qui est inférieur à 16 pixels pour le corps du texte est trop petit. J'aurais tendance à être d'accord.
Et puis allez plus loin. Testez 18, 20 ou même 22 points pour votre corps. Même si cela semble gênant au début, vous constaterez qu'il est facile à lire. C'est facile à digérer. Et cela rend le contenu un peu moins écrasant. Facilitez la tâche aux utilisateurs et ils vous remercieront en passant plus de temps sur votre site Web.
