Origine de ce standard
<aside>
⚠️ Il n’y a pas de recette magique !
Cette liste peut vous servir de guide pour identifier des axes d’améliorations UI, mais ces recommandations ne sont pas à prendre au pied de la lettre !
Restez audacieux et créatifs, sans jamais dégrader l’expérience utilisateur au profit de l’esthétisme pur.
</aside>
Les facteurs
📏 Structure de la page
<aside>
✅ Do
- [ ] Il y a 1 zone dominante / qui se détache sur mon écran
- [ ] La composition de mon écran est dynamique (ex. : alternance de styles blocs, sens de lecture, etc.)
- [ ] J’utilise différents niveaux de profondeur (ex. : différentes élévations, ombres, reliefs, etc.)
</aside>
<aside>
❌ Don’t
- Tout au même niveau de lecture
- Composition monotone (ex. : succession de blocs identiques)
- Structure plate et blanche
</aside>
📸 Iconographie & formes
<aside>
✅ Do
- [ ] L’iconographie choisie (illustrations, photos, icones, etc.) a une personnalité propre
- [ ] Les visuels sont bien intégrés dans ma composition
- [ ] Des motifs / ornements animent l’écran
- [ ] Les formes et/ou les mouvements sont organiques
</aside>
<aside>
❌ Don’t
- Iconographie standard (banque image, Undraw)
- Visuels “posés” (alignés, dans un cadre)
- Écran pauvre en motifs
- Formes strictes
</aside>
🌈 Couleur
<aside>
✅ Do
- [ ] La palette de couleurs est riche et nuancée
- [ ] Les couleurs sont denses (franches) et subtiles (travaillées)
- [ ] Les couleurs sont lumineuses
</aside>
<aside>
❌ Don’t
- Palette de couleurs pauvre / monotone / bichromie
- Couleurs “délavées” ou “sorties du tube” (ex. : couleurs primaires)
- Couleurs ternes
</aside>
🌊 Tendance
<aside>
✅ Do
- [ ] Le design de mon écran est innovant (c’est-à-dire inhabituel pour le même secteur sans forcément être révolutionnaire)
</aside>
<aside>
❌ Don’t