Les règles pour un site e commerce
Notre cerveau regroupe les éléments qui sont proches, il considère que les éléments proches dans l’espace ont des points communs et par analogie, l’éloignement des éléments évoque la différence.
Ergonomiquement parlant, il est donc primordial de rassembler les éléments du même type et d’éloigner les éléments qui n’ont pas de points communs; cette logique facilitera l’utilisation du site.
La Redoute
Exemple : le site de La Redoute
La loi de proximité est très bien mise en application dans cet exemple. En effet, l’information est claire et les éléments ayant une fonction similaire sont regroupés. La navigation est donc facilitée.
La loi de similarité
Notre cerveau regroupe les éléments qui se ressemblent (forme, taille, couleur…); la mise en application de cette loi permet une navigation plus intuitive.
Ikea
Exemple : le site d’Ikea
Dans cet exemple, on peut remarquer que les pictos sont de même taille et de même couleur; cela paraît logique mais avec une telle quantité de pictos, il était essentiel d’appliquer cette règle pour garder une harmonie visuelle. Par ailleurs, les 2 blocs traitant du même sujet (l’écologie) ont une mise en page similaire, les couleurs et les formes utilisées sont les mêmes.
Le Fittsizing
Le fittsizing est le principe de compensation de la distance pour aller à un point par l’augmentation de sa taille; il permet un gain de temps non négligeable pour l’internaute.
L’affordance / langage visuel
L’affordance est la qualité d’un objet à suggérer son utilisation. Plus l’objet a une forte affordance, plus le comportement de l’internaute est anticipé, et plus il trouve facilement l’information qu’il cherche.
Carré blanc
Exemple : le site de Carré Blanc
« Les unis » et « Nouvelle collection » constituent 2 blocs entièrement cliquables. Ces 2 blocs ne sont pas « gros » par hasard : il se situent dans une