Les lois d'ergonomie sont issues des théories de la Gestalt (ou psychologie de la forme).

C'est en essayant de comprendre la manière dont l'humain appréhende une forme complexe que l'on a établi que ce type de forme ne pouvait se résumer à une simple somme de ses parties : la conjonction de plusieurs formes peut faire apparaître une ou plusieurs autres caractéristiques.

dance Que représente pour vous le dessin noir sur fond blanc ?

 Deux danseurs ou un buste de femme nue !

 

Loi de la proximité

La loi de la proximité veut que l'on :

  • rapproche les éléments qui entretiennent un rapport fonctionnel
  • éloigne les objets qui n'ont rien en commun

proximitéTrouver un problème qui relève de la loi de la proximité dans cette interface.

Les icônes ne sont pas proches du bon numéro qui représente la date du mois en cours. Erreurs garanties !

La loi de similarité

Donner des formes et couleurs similaires à des éléments qui entretiennent un rapport fonctionnel

similaritéSur cette page d'accueil, la loi de la similiarité est appliquée. Quelle forme prend-t-elle et est-ce justifié ?

La loi de la similarité se voit sur les boutons à fond orange qui ont un aspect identique. On peut le justifier dans la mesure où ces 4 boutons envoient vers des actions qui impliquent un engagement de l'internaute (donation, inscription, signature, abonnement)

La loi de Fitts

Augmenter la taille des éléments cliquables et réduire leur éloignement vis à vis du point de départ du mouvement.

  • Augmenter la taille réelle
  • Augmenter la taille virtuelle
  • Eviter les distances trop courtes entre éléments cliquables
  • Diminuer la distance entre les éléments liés fonctionnellement

similaritéSur cette page d'accueil, la loi de Fitts n'est que partiellement appliquée concernant le bouton de recherche. Expliquez pourquoi ?

La loi de Fitts est appliquée sur le bouton de recherche dans la mesure où :
- La taille réelle de l'image est relativement grande (24px/24px)
- il y a bien une distance entre le bouton et les autres éléments cliquables,
- Après le click, la distance entre le bouton et l'input de recherche est courte
En revanche, la taille virtuelle du bouton de recherche n'a pas été augmentée.

Le concept d'affordance

Suggérer des possibilités d'action par les caractéristiques d'un objet.

Exemple : faciliter le répérage des éléments cliquables par

  • La forme
  • La couleur
  • Le libellé
  • La localisation

affordanceLes boutons boutons "AMO", "Création de sites web", "Formation" posent un problème d'affordance. Lequel ou lesquels ?

L'affordance des boutons "AMO", "Création de sites web", "Formation" posent un premier problème : le terme "AMO" n'est pas forcément clair, il devrait être expliqué via la balise ABBR par exemple. Par ailleurs, il n'est pas forcément évident de comprendre que le click sur ces boutons va "filter" les références.