Mais comment faire ?
En ce qui concerne l’ergonomie et l’expérience utilisateur, on peut se poser les questions suivantes :
- Le site (ou l’app) suit-il les bonnes pratiques en matière d’accessibilité ?
- Est-ce que les couleurs utilisées répondent aux normes WCAG (Web Content Accessibility Guidelines (WCAG) 2.1)?
- Est-ce que les textes ont des tailles lisibles ?
- Est-ce que les tailles des textes peuvent être changées sans l’assistance d’une technologie tierce ?
- Est-ce que les images ont bien des descriptions associées ?
- Est-ce que les boutons, champs de formulaires et autres contenus interactifs respectent les normes WCAG ?
- Le site (ou l’app) s’adapte-t-il à la taille de l’écran sur lequel il est affiché ?
- Comprend-on facilement l’objectif du site ?
- Est-il facile, en tant qu’utilisateur, de faire ce qu’on est venu faire sur le site ?
Pour l’UI, c’est un peu plus compliqué car le côté visuel peut plaire à certains mais pas à d’autres. Néanmoins, on peut se poser les questions suivantes:
- Le site vous paraît-il professionnel ou bien est-ce que quelque chose sur le site vous paraît suspect ?
- Les boutons et liens sont-ils facilement reconnaissables et accessibles ?
- Est-il facile de lire et comprendre le contenu présenté à l’écran ?
On peut aussi suivre quelques règles basiques pour créer une interface « propre »:
Typographie
- Utiliser 2 typographies différentes maximum sur le même écran.
- Utiliser aux maximum 3 tailles de textes différentes sur le même composant. Savoir se limiter permet de créer des interfaces plus harmonieuses. Il est néanmoins possible d’utiliser des graisses/styles différents et des contrastes différents pour hiérarchiser l’information.
Structure
- Utiliser une grille lors de la création de l’interface pour avoir un design plus cohérent mais aussi faciliter le rendu à des tailles différentes
- Créer et suivre une règle simple en matière d’espacements pour toujours avoir des espaces cohérents entre les éléments présents sur la page
- Ne pas négliger l’espace vide autour du contenu. Il est difficile de lire et comprendre du contenu s’il est entouré de trop d’information visuelle.
