Ergonomie Web : 8 conseils pour mieux vendre sur Internet

Ou quelques éléments d'ergonomie et marketing web bien pensés proposés sur Smashing Magazine par Dmitry Fadeyev (Usability Post), conseils que je me suis permis de traduire et de commenter.


Inutile de vous dire que je bien en phase avec ces 8 conseils même si selon moi la combinaison PERSONAS / ERGONOMIE INCITATIVEest trés largement facilitatrice et tout aussi déterminante.


Ou quelques éléments d’ERGONOMIE & MARKETING WEB bien pensés proposés sur Smashing Magazine par Dmitry Fadeyev (Usability Post), conseils que je me suis permis de commenter.

Inutile de vous dire que je bien en phase avec ces 8 conseils même si selon moi la combinaison Personas – Ergonomie incitative est trés largement facilitatrice et tout aussi déterminante.

Conseil 1 : Avant tout suggérer

L’art de la suggestion, du subliminal est depuis toujours une clé du marketing. Sur le web (comme dans d’autres contextes), il s’agit de véhiculer des valeurs, un message, des sensations, un sentiment par des images et par un ensemble de visuels. Peu d’espace, peu de temps: chez nous c’est le subtil boulot du DA (Directeur Artistique).

Conseil 2 : Prévenir l’indécision

C’est éviter de multiplier les options pour ne pas réveiller cette fameuse « paralysie du choix » qui nous guette tous ! Faciliter la vie du visiteur en réduisant donc le nombre d’options mais aussi en l’accompagnant, en le guidant dans son choix est plus que jamais nécessaire. D’autres formes sont possibles : mettre en avant les éléments les plus populaires, la recommandation ou encore un choix par défaut.

Ce conseil rejoint une loi que j’applique tous les jours en conception d’interface : la loi de Hick (« il est plus facile de décider parmi un nombre réduit d’éléments »)…

La concurrence est rude et l’internaute n’a pas de temps à perdre : allez à l’essentiel et simplifiez lui la vie !

highrise

Conseil 3 : Montrer le produit

Une image vaut plus que 10000 mots, cela semble évident mais ce n’est pas encore acquis… et pourtant l’apparence et le look restent toujours d’énormes critères de choix chez les acheteurs. Des boites comme 37 signals l’ont compris depuis longtemps … screenshots, demo feedback et bouche à oreille !

dashboard

Conseil 4 : Laisser les gens essayer

Dans d’autres contextes que le web,  c’est aussi une évidence. Essayer un produit, c’est engageant, au moins un minimum, et parfois l’essayer c’est l’adopter 🙂

basecamp

Conseil 5 : AIDA

A…I…D…A, c’est à dire capturer l’attention (levier incitatif), gagner son intérêt (explication, description) , générer un désir (les gains) et pousser à l’action (call to action).

AIDA c’est donc jouer sur toute une somme de leviers incitatifs (positionnement, orientation, visuels, forme, accroche, couleur, typo …), mis en scène, orchestrés dans un seul objectif : L’ACTION

Conseil 6 : Guider l’attention

Dans le prolongement du point précédent: c’est capturer l’attention puis la guider jusqu’à l’objectif final : la vente ! Cela se joue sur une page ou sur un enchaînement de pages par la définition de parcours clients ultra scénarisés.

businesscatalyst

Conseil 7 : Toujours proposer une suite, des moyens d’actions complémentaires

C’est tout simplement ne pas abandonner l’utilisateur au beau milieu du site, toujours travailler le flux pour ne jamis pas perdre son attention. L’idée est bien évidemment de lui proposer des actions à haute valeur ajoutée, en lien avec vos objectifs Business : S’inscrire, Commander, Avoir de l’info + poussée…

Conseil 8 : Guider le regard en exploitant le diagramme Gutenberg

Il y a bien une tendance de lecture (du haut à gauche en bas à droite) : c’est très occidental, mais trés juste : on lit de gauche à droite et de haut en bas. Alors certes il y a des zones d’accroche plus importantes que d’autres (cf Eye Tracking) mais il existe surtout un flux de lecture auquel on ne peut échapper.

Toute une mise en scène est donc à travailler en fonction de ce flux, avec un point de départ en haut à gauche, des points d’accroche intermédiaires dans la diagonale et une terminaison en fin de diagonale (l’action recherchée). L’exemple ci-dessous en est une parfaite illustration:

goodbarry_gutenberg