Leçon 10Le processus de conception : comment faire de la place pour l'accessibilité du Web ?
- Notion 67 - Pensez à la mise en page
- Notion 68 - Comment utiliser le design pour optimiser votre contenu
- Notion 69 - Réaliser les premières maquettes
- Notion 70 - L'utilisabilité est la clé !
- Notion 71 - Structurer correctement le HTML
- Notion 72 - Votre utilisation de la langue est importante
- Notion 73 - Comment travailler avec du contenu visuel
- Notion 74 - L'importance de la navigation par clavier
- Notion 75 - Des conseils de pro universellement utiles sur le design
- Notion 76 - Les types de contenus à éviter à tout prix
- Notion 77 - Vérifiez la conformité aux normes d'accessibilité et aux meilleures pratiques.
- Notion 78 - Révision des concepts principaux
Notion 70
L'utilisabilité est la clé !
Compétences ciblées
L'utilisabilité appliquée à un site web désigne le degré auquel il peut être utilisé de manière efficace, efficiente et satisfaisante. Il ne s'agit pas seulement d'une question d'accessibilité mais d'une approche plus large de l'expérience utilisateur.
Utilisabilité et accessibilité ?
L'utilisabilité fait partie de la conception UX et améliore l'expérience en ligne, tandis que l'accessibilité concerne le niveau d'accès à une expérience en ligne. L'accessibilité peut être considérée comme une priorité, tandis que la facilité d'utilisation est une touche agréable pour notre contenu. En pratique, l'accessibilité est constituée de pratiques d'utilisabilité qui peuvent être améliorées. Voyons comment.
La simplicité améliore l'utilisabilité
Fournir à l'utilisateur des éléments simples avec lesquels interagir peut améliorer l'efficacité de l'UX sur une page Web. D'un autre côté, les situations complexes exigent que les utilisateurs examinent attentivement les résultats, le contexte, l'emplacement des éléments sur une page chargée, etc.
Afin de déterminer les éléments interactifs sur une page, posez-vous les questions suivantes : Quelles sont les principales actions demandées à l'utilisateur sur cette page ? A partir de là, vous pouvez mettre en avant les éléments qui permettent aux utilisateurs de réaliser ces actions.
Par exemple, les menus, les tableaux de contenu et les formulaires sont des éléments qui doivent être séparés du contenu principal. En effet, ce sont des éléments interactifs qui ont besoin d'espace. Par conséquent, faites en sorte qu'ils soient facilement identifiables !
La simplicité est également synonyme de meilleure lisibilité. Le respect des directives d'accessibilité concernant le texte, telles que la couleur, la taille, la police et le niveau de langue appropriés, permet de créer un contenu à la fois plus soigné et plus compréhensible. Pour des conseils sur l'amélioration de la lisibilité globale de vos pages Web, consultez le Point 72 de cette notion.
L'approche "Mobile-first
La conception mobile-first est l'idée de concevoir une interface pour mobile avant de penser à sa version desktop. Le nombre de visites depuis un mobile étant en augmentation, concevoir pour le mobile devient une première étape naturelle. Un écran mobile étant, par définition, plus petit, une conception adaptée à un si petit écran exige qu'elle soit plus simple. En outre, l'utilisabilité est encore plus critique sur ces appareils en raison de l'espace limité et de la navigation tactile.
L'accessibilité mobile est également couverte par les directives WCAG. L'accessibilité mobile permet à tous les utilisateurs de téléphones de naviguer dans votre contenu sur leurs smartphones où qu'ils soient, ce qui est comme vous le savez une activité quotidienne de nos jours, et aussi un besoin essentiel pour certaines personnes handicapées lorsqu'elles n'ont pas leur ordinateur à proximité. Prendre en compte les nouveaux paramètres techniques liés à la conception d'interfaces mobiles, c'est relever les mêmes défis d'utilisabilité qu'un contenu consultable sur un ordinateur, et offrir en plus la fluidité d'utilisation d'un téléphone mobile.
Un design plus accessible ne veut pas dire sinistre !
Les utilisateurs perçoivent souvent une conception esthétiquement agréable comme une conception plus utilisable. C'est ce qu'on appelle l' effet esthétique-utilisabilité. Cette perception améliorera la satisfaction de l'utilisateur, ce qui fait partie du principe d'utilisabilité. Par conséquent, ne sous-estimez pas l'aspect esthétique de votre conception ! Il y a de nombreuses exigences à remplir si nous voulons cocher toutes les cases pour créer une bonne maquette (ou des premières ébauches) : accessible, utilisable, adaptée au référencement, techniquement faisable ; un design agréable devrait en faire partie !
Pour aller plus loin
- Aperçus sur l'ergonomie web https://www.adviso.ca/en/blog/tech-en/27-practical-tips-on-web/
- Découvrez l'effet esthétique-utilisabilité et d'autres principes UX sur https://lawsofux.com/
- Une définition de l'utilisabilité https://www.interaction-design.org/literature/topics/usability