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 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

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

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

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

Structurez vos formulaires

Structurez vos formulaires sous la forme d'une seule colonne

30

Développement Code

Mettez une langue par défaut

Dans chaque page web, la langue par défaut doit être présente. Chaque page web doit avoir un titre de page.

31

Développement Code

Ajoutez un titre de page

Chaque page web doit avoir un titre de page (attribut HTML title). Un titre de page permet à l’utilisateur de mieux comprendre le contexte de sa navigation. C’est également mieux pour le r...

32

Développement Code

Développez des scripts accessibles

Chaque script doit être compatible avec les technologies d’assistance

33

Développement Code

Rendez les tableaux accessibles

Le contenu linéarisé doit rester compréhensible. La lecture d’une ligne de tableau doit être compréhensible avec les technologies d’assistance.

34

Développement Code

Contrôlez les éléments multimédias

L’utilisateur doit pouvoir contrôler le déclenchement de tout son ou toute vidéo. Ainsi, le player audio ou vidéo utilisé doit avoir des boutons Lecture et Pause.

35

Développement Code

Restez lisible

Le texte doit rester lisible lorsque la taille des caractères est augmentée jusqu’à 200%.

36