Le corps du texte sur votre site Web est trop petit. Bien que la taille des écrans de bureau et des téléphones semble augmenter, les tailles des polices du corps ont apparemment été réduites. 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 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 résoudre ce problème!
Le cas pour un texte plus grand
Les petites tailles de texte sont un concept classique de la conception de sites Web. L’idée d’utiliser du texte en 12 points pour la copie du corps remonte presque aux premiers jours d’Internet et de la publication numérique, alors que la taille par défaut des 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 aussi beaucoup plus petits à l'époque. Et le type 12 points dans un endroit éloigné de vos yeux peut être très difficile à lire.
Les titres et les sous-titres surdimensionnés sont à la mode depuis un certain temps et votre copie du 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é celui-ci l'un des? 7 péchés capitaux de Web Design.?
Voici la principale raison: vous devez immédiatement attirer l’attention des utilisateurs, et les petites polices de caractères ne résoudront pas le problème avec autant d’autres options disponibles pour le moment.
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 voudriez-vous concevoir un site Web difficile à lire pour un utilisateur?
La première leçon consiste à abandonner la mesure numérique pure pour le corps du texte sur le Web. Peu importe que votre texte compte 12 points ou 16 points ou 22 points si vous ne pouvez pas le lire. (La taille du texte n'est pas universelle et varie de toute façon en fonction de la police de caractères.) Le corps du texte doit être proportionné à tout ce qui est affiché à l'écran et permettre aux utilisateurs de voir à distance.
La norme depuis quelque temps est que 45 à 60 caractères par ligne dans une seule colonne (ceci inclut la ponctuation et les espaces) est la longueur idéale pour la plupart des lecteurs. Vous devez donc penser à la taille des navigateurs les plus courants, à la largeur de la colonne que vous utilisez et commencer par une taille de texte comprise dans cette plage. Pensez ensuite à ajuster en conséquence pour les points d'arrêt réactifs.
La plage est un peu plus étroite pour les écrans plus petits où la plupart des gens s'accordent pour dire qu'un texte plus gros est préférable. (Merci la moitié de cette gamme de compte de ligne.)
L'astuce consiste à créer une échelle confortable pour la lecture. Et plus vous devez travailler avec un texte de la taille d'un corps, 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; le texte trop étroit n'a pas un bon rythme et provoque un mouvement oculaire trop rapide lors de la lecture.
2. Cela rend la conception plus intuitive
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 taille de corps contribue également à modifier la taille des autres éléments de l'interface utilisateur, tels que les liens de navigation ou le texte des boutons. Cela peut aider à contribuer au flux global.
Un texte plus volumineux vous aidera également à prendre de meilleures décisions concernant le contenu et à modifier le texte de manière plus sélective, ce qui est toujours une bonne chose pour les utilisateurs. Cette rationalisation contribue à placer les éléments les plus importants à l'avant-plan de la conception. N'oubliez pas que les utilisateurs ont l'attention d'un poisson rouge - si cela se trouve - de sorte que tout ce dont ils ont besoin pour comprendre le design et savoir comment interagir avec celui-ci doit être accessible en un coup d'œil.
Voici l'autre bonus de type plus large: il vous incitera à repenser le rembourrage, le placement des photos et le cadrage. Il est utile de repenser la taille des caractères dans la conception car tout fonctionne de manière harmonieuse pour créer un produit final assemblé. Toute cette modification et toute nouvelle réflexion sur la manière de placer les pièces peuvent améliorer la convivialité, car vous prenez le temps d'évaluer les éléments individuels de la conception, plutôt que de simplement tout réduire de la même manière.
3. Réduit la fatigue
La fatigue de l'utilisateur peut être un réel problème. La plupart des gens regardent les écrans toute la journée, qu'il s'agisse de regarder des téléphones, de jouer à des jeux, des tablettes, de travailler sur des ordinateurs ou de regarder la télévision. Leurs yeux sont fatigués.
Des tailles de texte plus grandes peuvent aider à réduire une partie de la fatigue de cet écran.
Une autre source courante de fatigue de l’écran se présente sous la forme d’appareils mobiles et les utilisateurs doivent accéder à l’écran pour trouver des éléments. Les grands téléphones sont des zones de plus en plus faciles à atteindre avec le pouce, mais des éléments plus grands et un corps de texte peuvent aider à résoudre ce dilemme.
Une taille importante pour le texte et les autres éléments de l'interface utilisateur est importante, car elle permet d'ajuster l'affichage visuel à l'affichage physique, offrant ainsi plus de confort aux utilisateurs.
4. Il augmente l'impact visuel
Vous voulez que la conception de votre site Web fasse une bonne première impression. Un texte plus volumineux peut avoir une forte présence visuelle et avoir un impact important. C'est plus audacieux et plus en face de vous. Cela demande à être lu.
Ces tactiques aident toutes à attirer l'attention de l'utilisateur et à la retenir.
La conséquence inattendue de l’utilisation de types de corps plus grands est que la plupart des autres éléments de votre conception vont probablement s’agrandir également. C'est très probablement le cas avec l'espace. Un type plus grand vous aidera à créer de la place 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 au niveau de base, mais ça marche.)
Un type plus large et un espacement accru sont des éléments que la plupart des utilisateurs ne verront pas et ne parleront pas, mais découvriront simplement qu’ils apprécient. L'expérience sera plus facile et, espérons-le, se traduira par une hausse des analyses de sites Web, telles que le temps passé sur le site ou le nombre de 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 élément de moins de 16 pixels pour le corps du texte est trop petit. J'aurais tendance à être d'accord.
Et ensuite, allez un peu plus loin. Testez 18, 20 ou même 22 points pour votre copie du corps. Même si cela semble maladroit au début, vous constaterez qu’il est facile à lire. C'est facile à digérer. Et le contenu se sent un peu moins accablant. Rendez-le facile pour les utilisateurs et ils vous remercieront en consacrant plus de temps à votre site Web.