background preloader

Lisibilité des sites web, font-size : 100% – 16px

Lisibilité des sites web, font-size : 100% – 16px
Dans ce nouvel article je vais présenter les solutions mises en place par les webdesigners pour améliorer la lisibilité de leur contenu textuel. Je ferai une analyse des « bonnes » pratiques typographiques pour optimiser la lisibilité du contenu et présenterai une sélection de sites web affichant leur contenu textuel à la taille par défaut de 100% soit 16px. Trop gros ? Pas esthétique ? Cet article est disponible en Français et en Anglais : EnglishFrançais Le travail des webdesigners est de concevoir et de réaliser des sites web répondant à la problématique de leurs clients. La lisibilité du contenu est donc un point crucial qui doit attirer toute notre attention. Pour une meilleure lisibilité sur le web Bien qu’il n’existe pas de solution toute faite pour optimiser la lisibilité d’un contenu textuel sur le web, il existe cependant quelques rêgles qu’il est bon de connaître : Choisir un corps de texte suffisamment élevé. Optimisation du corps de texte pour une meilleure lisibilité Analog

18 règles typographiques pour rendre vos contenus plus lisibles Un des éléments essentiels pour rendre un contenu visuellement attrayant et agréable à lire est de s’assurer qu’il soit correctement mis en forme. En dehors du choix des couleurs, de la structure et des illustrations, la typographie influence la lisibilité et l’efficacité du message. Les possibilités en matière de polices de caractères sont illimitées. Mais il convient de suivre quelques règles pour rendre un texte banal séduisant et efficace. L’objectif prioritaire des règles typographiques : harmoniser fond et forme pour encourager la lecture ! La typographie est cruciale car elle facilite le processus de compréhension et d’assimilation de l’information. Une infographie en anglais liste 18 règles valables pour tous les types de textes, web ou print. Typographie, caractères, polices et fontes De manière générale, la typographie fait référence à l’agencement des caractères d’écriture. Les caractères mobiles ou types qui la composent sont la manifestation visuelle de la parole.

La mise en forme du texte sur une page web Réussir la lisibilité d'un texte sur un site web demeure souvent un problème, quelle que soit la qualité d'un site. Les éléments essentiels d'une bonne conception visuelle sont le choix de la typographie et de couleurs adaptées. Lire une page web, c'est lire sur un écran. La lecture répétée et prolongée sur écran entraine en général une fatigue visuelle plus importante. Pour faciliter la lecture d'une page web, voici quelques règles typographiques et recommandations utiles. 1. La typographie joue un rôle très important dans l'image donnée par votre site. Des polices fantaisistes ou sérieuses donnent immédiatement le ton. Texte principal : la règle des 10 points. Il n'y a pas de règle absolue pour la taille des polices de caractères, mais il faut s'assurer que le texte principal soit au moins égal ou supérieur à 10 points. Si le texte principal est important, rien ne sert de réduire la taille de la police car votre texte ne sera pas lu. Choix des polices. Polices de caractères homogènes. 2.

Checklist de 44 conseils pour bien écrire pour le Web - bonnes pratiques de rédaction web Les titres 1. Prévoir impérativement un titre pour chaque page. Le titre sera : 2. - Entre 4 et 10 mots. - Idéalement, le titre devrait tenir sur une seule ligne. - Éliminez tous adjectifs, prépositions et adverbes non indispensables. 3. - Utilisez une taille de caractère supérieure à celle du corps du texte. - Proscrivez les italiques, le souligné ou les majuscules. - Placez le titre au-dessus de la zone centrale de la page. - Balisez le titre <h1>pour les moteurs de recherche. 4. - Utilisez un vocabulaire compréhensible par le public visé. - Décrivez le sujet et la valeur ajoutée de l'article (anticipation du contenu). - Rejetez les acronymes et autres sigles qui exigent un décodeur. 5. - Invitez à la lecture du contenu, à condition de rester explicite. - Vérifiez si une phrase avec un verbe ne rend pas le titre plus dynamique. - Envisagez les titres sous forme de questions. 6. - Évitez les effets rhétoriques, les jeux de mots, la ponctuation exclamative, l'emphase promotionnelle exagérée. 7. 8. 9.

Related: