BP_005_fr.md

Favoriser un design simple, épuré, adapté au web

Identifiants

GreenIT	V2	V3	V4
5	6	5

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 HTML et CSS.

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