C’est laid, ou l’apologie de la simplicité

Les principes de Gesalt

La laideur est-elle devenu un tabou ? Oui, il est souvent plus simple de parler des éléments de mesure tangibles de votre site web ou de votre application : des facteurs de positionnement dans Google que vous connaissez comme le fond de votre poche ; des tests utilisateurs sur votre site Web ; d’où les visiteurs abandonnent le cycle de vente sur votre site ; des tests A/B ayant permis de déterminer le bon positionement de votre bouton ; etc. À la question de votre supérieur : « notre taux de conversion (de visite en vente) est-il le meilleur que nous puissions avoir ? » Vous êtes capables de répondre avec un degré de confiance élevé un retentissant « Oui, voici les chiffres. »

Oui, mais il me semble que c’est laid.

« Ce n’est pas grave, c’est du Branding et je n’ai pas de contrôle là-dessus, c’est dans la cours des gestionnaires de la marque. Le taux de rebond sur la page d’accueil, je ne peux rien y faire ».

Je comprends, mais c’est quand même laid et c’est grave.

L’étude dévoilée par Google en 2012 a verbalisé ce que nous savons tous intérieurement, mais n’osons admettre : le visiteur moyen d’un site ne prend que 1/50 de seconde pour décider s’il ou elle trouve votre site beau.

Cette étude arrive à la conclusion que la perception de la beauté d’un site Web est intimement reliée à l’appréciation de la complexité de ce que l’usager voit et de sa représentation de ce qu’un site Web devrait être. On évoque ici la notion de prototype, de ce qui représente l’idéal de quelque chose. Par exemple, le prototype d’une jolie fille ou d’un beau mec. Dans le cas d’un mec, on peut imaginer des attributs de musculature, le fait d’avoir une gueule bien découpée, etc. Dans le cas d’un site Web, on peut imaginer qu’un beau site Web corporatif en 2014 aurait nécessairement un logo d’entreprise cliquable en haut à gauche; un ou deux niveaux de menu horizontal dans le haut; un bas de page contenant plein de lien que personnes n’utilisent, sauf les robots de recherche; etc. Et plus l’interface du site apparait complexe, plus le site est perçu comme étant laid. Voilà, c’est dit.

Ce plus récent article du Smashing Magazine vient nous rappeler maintenant les principes visuels associés à la perception de complexité, les principes de Gesalt. Imaginez votre site Web et demeurez concentrés, en voici quelques-uns (traduction libre):

  • Les gens perçoivent et interprètent les images complexes ou ambigües dans leur forme la plus simple possible;
  • Lorsque l’on regarde un arrangement complexe d’éléments, nous essayons d’y reconnaitre un motif unique qui nous est familier;
  • Les gens tendent à percevoir les objets comme étant des formes symétriques, prenant forme autour de leur centre. Autrement dit, nous sommes à la recherche de symétrie lorsque placés devant un écran;
  • Les éléments d’une image sont perçus comme soit faisant partie de l’élément de contenu lui-même sur lequel on met l’emphase, soit comme son arrière-plan;
  • Les éléments qui sont connectés visuellement, sont perçus comme étant plus reliés que les éléments qui ne le sont pas;
  • Des éléments sont perçus comme faisant partie d’un groupe s’ils sont localisés dans une même zone fermée;
  • Les objets qui sont rapprochés physiquement sont perçus comme étant plus reliés que les objets qui sont plus distancés;
  • Les éléments qui sont placés sur une ligne ou une courbe sont perçus comme étant plus reliés que ceux qui ne sont pas sur une ligne ou une courbe;
  • Les éléments qui bougent dans la même direction sont perçus comme étant plus reliés que les éléments qui ne bougent pas ou qui bougent dans des directions différentes;
  • Les éléments qui sont positionnés parallèlement sont perçus comme étant plus reliés que ceux qui ne sont pas positionnés parallèlement les uns aux autres;
  • Les éléments qui partagent les mêmes caractéristiques (couleur, taille) sont perçus comme étant des éléments plus reliés les uns aux autres que ceux qui ne partagent pas les mêmes caractéristiques;
  • Les éléments qui présentent une emphase sur un point d’intérêt ou de différenciation, vont capturer et retenir l’attention;
  • Les éléments tendent à êtres perçus selon les expériences passées de l’observateur;

Relire une deuxième fois au besoin ! Car voilà de quoi alimenter scientifiquement vos discussions internes et espérons-le vos prochains test A/B.

La recherche de la beauté par la simplification de vos interfaces utilisateurs et le respect des principes de Design énoncés ci-haut influencera directement votre taux de rebond. Et tout cela a bel et bien tout à voir avec l’image de marque de votre entreprise.

Leave a Comment.