mobile-best-practice/chapters/MBP_005_fr.md

1.9 KiB

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

Identifiants

V1
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 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 les bonnes pratiques d'accessibilité

Privilégiez un design simple et épuré réalisable sans ajout de dépendances spécifiques.

Exemple

// TODO je ne comprends pas bien l'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