Télécharger le document () de 20

Comment créer des interfaces intuitives

Quatre règles d'or pour la création d'IHM intuitives

Les interfaces homme-machine (IHM) intuitives permettent aux opérateurs de machines et d’équipements critiques de travailler de manière productive et efficace. Voilà pourquoi nous avons développé un ensemble de meilleures pratiques qui vous aideront à rendre votre IHM aussi intuitive que possible et à assurer ainsi la fluidité des communications homme-machine.

Cohérence et simplicité 

Les actions, la terminologie et les commandes doivent être cohérentes d'une utilisation à l'autre. La récurrence aide les utilisateurs à apprendre plus vite et à trouver les informations recherchées plus rapidement. Les éléments de conception tels que les icônes, les boutons et les menus de navigation doivent également être cohérents.

Adaptez vous aux données nécessaires

Une compréhension précise des données que les utilisateurs ont besoin de saisir et consulter dans l’IHM est nécessaire à la conception de commandes intuitives.                                                                

  • Créez une apparence standardisée basée sur votre identité d’entreprise afin de servir votre image de marque et sa reconnaissance par le public.
  • N’utilisez des éléments purement esthétiques qu’avec parcimonie – la fonctionnalité doit toujours primer sur la forme.
  • Éliminez les éléments superflus ou non pertinents.
  • Mettez les éléments clés en évidence en utilisant la taille de police, la couleur et le placement afin d’exprimer la hiérarchie des informations.
spacer
  • Assurez-vous de bien comprendre toutes les informations que les utilisateurs doivent saisir et visualiser.
  • Choisissez la commande la plus sensée pour chaque entrée : un interrupteur mécanique pour activer/désactiver les fonctions et un écran tactile pour saisir les paramètres détaillés.
  • Étudiez les données que les utilisateurs devront saisir dans l'IHM. Un clavier alphanumérique est-il nécessaire, ou un simple pavé numérique est-il suffisant ? Les utilisateurs doivent-ils saisir des valeurs spécifiques ou simplement choisir parmi une plage définie ?
spacer

Créez des boutons clairs et reconnaissables

Le choix et la disposition des boutons à l'écran jouent un rôle important dans la conception d’IHM intuitives. Maximisez donc leur potentiel afin d’aider l'utilisateur à naviguer facilement sur l'écran tactile.

Choisissez des couleurs d'interface utilisateur graphique (GUI) efficaces

Les couleurs d'une interface graphique doivent refléter l'identité visuelle de votre entreprise. Des thèmes clairs ou sombres peuvent être utilisés en fonction de l'éclairage de l'environnement d'utilisation de l’IHM.
 

  • Les boutons à l'écran doivent toujours représenter une forme géométrique (rond ou rectangle) remplie ou non, avec ou sans symbole. Les boutons uniquement textuels sont à proscrire.
  • Assurez la cohérence de la police et de la taille du texte des différents types de boutons dans toute l'interface.
  • Utilisez un code couleur pour signaler les boutons/champs activés et non activés ; si un bouton sur écran est activé, sa couleur devrait changer, par exemple du gris au bleu.
spacer
  • Dans les environnements très éclairés, un affichage à fort contraste avec un jeu de couleurs claires est requis.
  • Privilégiez des jeux de couleurs sombres dans des environnements faiblement éclairés, afin d’atténuer la fatigue oculaire des utilisateurs.
  • Si les couleurs de votre entreprise sont trop similaires aux couleurs utilisées pour transmettre des informations importantes (comme la couleur rouge), évitez de les utiliser dans l'interface graphique afin d’éviter toute confusion.
  • Votre choix de couleurs doit prendre en compte les utilisateurs daltoniens.
spacer