Introduction
Présentation de l'UX Design
Comprendre le facteur humain
Principes de conception
Architecture de l’information
User centered design
Personas
User flow
Story-boards
Evaluation
Conclusion
Détails de la leçon
Description de la leçon
Dans cette leçon, nous détaillons les meilleures pratiques pour garantir une bonne lisibilité des textes en ligne. D'abord, nous recommandons d'utiliser une taille de caractère comprise entre 9 et 12, bien que la lisibilité puisse varier en fonction de la police de caractères choisie. En matière de longueur de ligne, une confort optimal est atteint avec 10 à 12 mots par ligne, soit entre 35 et 55 caractères, avec une possibilité d'aller jusqu'à 80 caractères.
Ensuite, le contraste entre le texte et le fond est essentiel: un contraste supérieur à 70% est recommandé. Par exemple, écrire en noir sur fond blanc donne un contraste de 100%, tandis que l'utilisation de gris foncé sur gris clair réduit significativement la lisibilité.
En termes de typographie, il n'y a pas de différence ergonomique notable entre les polices avec ou sans empattement sur les écrans actuels. Cependant, il est important de noter que le texte en italique est moins lisible et que l'usage abusif des lettres capitales peut nuire à la rapidité de lecture en raison de la forme uniforme des lettres.
Enfin, il est conseillé de ne pas surligner plus de 10% du texte pour maintenir son effet. Utiliser divers éléments de mise en scène comme les lettrines, les résumés et les encarts permet d'améliorer considérablement l'expérience utilisateur en offrant plusieurs points d'entrée pour le contenu.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de fournir des recommandations pratiques pour améliorer la lisibilité des textes en ligne et de souligner l'importance du contraste et des choix typographiques dans une interface utilisateur.
Prérequis pour cette leçon
Les prérequis pour cette vidéo incluent une connaissance de base en typographie et en design d'interface utilisateur.
Métiers concernés
Les professionnels tels que les graphistes, les designers UI/UX et les développeurs web peuvent bénéficier grandement de maîtriser ces concepts pour améliorer l'accessibilité et l'attractivité visuelle de leurs projets.
Alternatives et ressources
Comme alternatives, il est possible d'utiliser des outils tels que Adobe Fonts ou Google Fonts pour tester différentes polices et ajuster le contraste couleur avec des outils comme Contrast Checker.
Questions & Réponses
Je m'abonne