Catégorie d'une solution : Interface utilisateur
Ecoconception
Limitez le recours aux notifications et laissez la possibilité de les désactiver
De nombreuses applications sont configurées par défaut pour adresse à l’utlisateur des notifications sur leur terminal. Il s’agit d’incitations à l’usage du service et du terminal associé (le cas éché...
70
Ecoconception
Utilisez majoritairement des composants fonctionnels natifs
Privilégiez l’utilisation des composants fonctionnels natifs du système d’exploitation, du navigateur ou du langage utilisé pour répondre au besoin.En complément, il est préférable de ne charger les r...
69
Ecoconception
Adoptez une conception frugale du service
Minimisez les étapes des parcours utilisateur.N’utilisez que les données et fonctionnalitées strictement nécessaires.Limitez/banissez les effets de style décoratifs lourds (animations, transitions, 3D...
68
Interface utilisateur
Design visuel
Préférez des polices de caractères système
En 2022, le poids moyen d’une police web représente 138 Ko, soit 6% du poids de la page.Choisir des polices de caractères système plutôt que des polices qui se chargent depuis des sites externes (si l...
67
Interface utilisateur
Design visuel
Pensez responsive
Prévoyez vos interfaces pour les différents terminaux sur lesquels ils seront utilisés. Cela peut impliquer de concevoir le service au format mobile, tablette ou encore ordinateur.
27
Interface utilisateur
Interactions
Structurez vos formulaires
Structurez vos formulaires sous la forme d'une seule colonne
30
Interface utilisateur
Interactions
Explicitez vos champs de saisie
Les champs de saisie sont des éléments cruciaux de certains écrans et doivent toujours être accompagnés d'un libellé.
29
Interface utilisateur
Interactions
Espacez et hiérarchisez
Des espaces cohérents et suffisamment importants permettent de hiérarchiser la structure d'un écran tout en évitant les erreurs de manipulation
28
Interface utilisateur
Interactions
Concevez pour un usage intuitif
Les éléments interactifs de vos écrans doivent être intuitifs et suggérer leur utilisation et fonction : c’est l’affordance.
26
Interface utilisateur
Design visuel
Soignez vos mises en page
Gardez les mêmes tailles de titres, marges, règles d’espacement et colonnes.
25
Interface utilisateur
Design visuel
Représentez la diversité
Représenter la diversité des êtres humains permet à chacun de s’identifier aux personnages représentés et donc de se sentir concerné par le service.
24
Interface utilisateur
Design visuel
Rendez vos pictogrammes inclusifs
Respectez certaines règles afin de rendre vos pictogrammes inclusifs.
23