Quand le design d’interfaces bascule du côté sombre

Le design d’interface et l’usabilité sont habituellement de bonnes choses. Nous essayons de rendre la vie des gens plus facile en élaborant des sites web et des logiciels dans lesquels il est facile de comprendre quoi faire et où cliquer. Mais que se passe-t-il quand le design d’interface est utilisé pour pousser les gens à faire l’opposé de ce qu’ils veulent ?

La ligne entre persuasion et tromperie est parfois très ténue et l’utilisateur doit rester très concentré s’il veut éviter d’être trompé.

Le bouton “cache-cache”

Auparavant, lorsque vous tentiez d’accéder à votre compte bancaire Barclays en ligne, vous voyiez apparaître un écran comme celui-ci après avoir entrer votre mot de passe.

Où est le bouton pour accéder à mon compte ?

Vous êtes concentrés sur votre objectif – consulter vos comptes – et vous ne faites pas attention au reste de la page : le bouton “Continuer” apparaît comme le seul choix possible. Mais cliquer sur ce bouton vous conduit à une offre marketing et non à votre compte. En réalité, ce que vous voulez c’est cliquer sur le bouton “suivant” qui est curieusement caché (il faut actionner la barre de défilement pour le découvrir). C’est peut-être une coïncidence due à ma résolution d’écran.

Continue button

Où est le bon bouton pour avancer ?

Continue button with Next button just below the fold

Il est là!

Quoi qu’il en soit ces boutons sont presque identiques tant par leur signification que par leur aspect visuel, et c’est très facile de les confondre lorsqu’on est pressé. Même après avoir vu cet écran plusieurs fois, j’ai cliqué sur le mauvais bouton et vu apparaître une offre commerciale qui ne m’intéressait pas.

Verdict : Une mauvaise ruse qui se sert de la mémoire musculaire et de la cécité inattentionnelle pour vous embobiner.

Le bouton “camouflage”

Si vous avez installé l’antivirus gratuit AVG, on vous demandera de le mettre à jour de temps en temps. Les mises à jour sont gratuites comme vous pouvez le voir sur la capture d’écran ci-dessous et à cause du design utilisé, vous vous attendez à devoir cliquer sur un bouton vert pour les télécharger.

C’est gratuit…

Quand vous atteignez la page de téléchargement, vous voyez effectivement un bouton vert. Mais si vous cliquez dessus, surprise : vous voilà en train d’acheter la version payante.

Pour la mise à jour gratuite, le bouton sur lequel vous devez cliquer est caché. Il se trouve en bas de page, il est gris, inactif et peu attractif.

Verdict :Une ruse médiocre – Mieux vaudrait trouver une façon plus honnête d’intéresser l’utilisateur à la version payante.

…mais on veut VRAIMENT que vous achetiez la version payante !

Le “faux” bouton

Oui, je sais, c’est mal de regarder des émissions provenant de sources non officielles, non seulement parce que c’est une forme de piraterie mais aussi parce que, souvent, on ne peut pas faire confiance à ces sites. Ici, le site fait semblant d’être une notification du navigateur Firefox, similaire à celle que vous obtenez lorsque vous essayer d’installer un plugin flash. Je ne suis pas entièrement sûr qu’en cliquant, vous risqueriez de télécharger un virus mais s’il s’agissait de télécharger un véritable lecteur vidéo, ce serait encore pire. Ca voudrait dire qu’une société de logiciels parfaitement légitime s’abaisserait à des méthodes dignes des fabricants de virus pour vendre ses produits.

Verdict :Une ruse honteuse qui trompe les utilisateurs non expérimentés.

Fausse notification de Firefox

Pas besoin d’être sournois

Si vous avez un produit dont vous pensez qu’il plaira à vos clients, n’essayez pas de les forcer à l’acheter par la ruse – cette approche aura tendance à se retourner contre vous. Essayez au contraire de comprendre les besoins de vos clients et de trouver des moyens honnêtes de les convaincre d’acheter. Avec un peu de chance, la valeur et la qualité de vos produits parleront d’elles-mêmes.