Favoriser un design simple, épuré, adapté au web
Identifiants
Catégories
| Cycle de vie | Tiers | Responsable |
|---|
| 2. Conception | Utilisateur/Terminal | UX/UI Designer |
Indications
| Degré de priorité | Mise en oeuvre | Impact écologique |
|---|
| 4 | 3 | 4 |
| Ressources Economisées |
|---|
| Processeur / Mémoire vive / Réseau |
Description
Tout design d’interface ou webdesign doit être réfléchi en amont, en prenant en compte :
- les besoins de l’utilisateur (voir la bonne pratique “Optimiser le parcours utilisateur”)
- les heuristiques d’ergonomie (Bastien et Scapin, Nielsen, etc.)
- les contraintes techniques
- les bonnes pratiques d’écoconception
- et de préférence les bonnes pratiques d’accessibilité
Privilégiez un design simple et épuré réalisable uniquement en HTML5 et CSS3.
Exemple
Description : Certains sites contiennent des images encadrées, non contrastées et non lisibles (RGAA) et créent une surcharge mentale non nécessaire (2.2. Densité Informationnelle de Scapin et Bastien). Téléchargées, elles ne sont pourtant pas visibles sur mobile (écoconception). On peut parfois soulever l’incohérence entre signalétique et colorimétrie (1.2.2. Groupement/Distinction par le Format de Scapin et Bastien).
Recommandation : Supprimer les images de fond et ajouter un glyphe (Préférer les glyphes aux images, bonne pratique d’écoconception) avec une colorimétrie cohérente si un groupement doit avoir lieu.
Principe de validation
| Le nombre … | est inférieur ou égal à |
|---|
| de pages dont le design est plus chargé que nécessaire | 0 |