Shares

Décuplez votre taux de conversion grâce au Webdesign

Sur Internet, le but ultime est de capter l'attention.

L'attention des internautes est de plus en plus précieuse car les sollicitations sont de plus en plus nombreuses.

Comment convaincre un internaute de rester sur votre site alors que Facebook ou Snapchat sont à un clic ?

C'est justement le but de cet article. Diriger l'attention de l'internaute vers les éléments importants de votre site et lui faire faire l'action désirée.

Dans cette première partie, nous allons voir en quoi le design peut vous y aider.

L'attention est une ressource limitée

Notre cerveau est un muscle très sollicité et aux réserves limitées. Chaque prise de décision va puiser dans ces réserves d'énergie.

Plus nous avons à prendre de décisions, moins elles sont bonnes.

C'est la raison pour laquelle M.Zuckerberg n'a qu'un seul type de tee shirt et de jean dans sa garde robe. Il veut s'éviter d'avoir à faire le choix de sa tenue le matin.
On pourrait aussi évoquer les bénéfices d'avoir une routine, mais revenons-en à notre site web.

Pour faire le parallèle, si votre site est brouillon, si la proposition de valeur est floue, si l'objectif de la page n'est pas clairement défini, vous obligerez l'internaute à réfléchir pour comprendre l'intérêt de votre offre. Beaucoup d'entre eux ne voudront pas faire cet effort supplémentaire...

Le but est d'utiliser les principes fondamentaux du Webdesign pour créer une expérience focalisant l'attention de l'internaute sur votre objectif, sans qu'il s'en rende compte et sans qu'il ait d'effort à fournir.

Le ratio d'attention

Le ration d'attention correspond au nombre d'actions possibles sur une page donnée, divisé par les objectifs poursuivis par la page.
Sur le web, mis à part quelques exceptions, vous ne devriez avoir qu'un seul objectif par page.

Plus le ratio est élevé, plus le risque de "perdre" l'internaute est important.

D'où l'intérêt de rediriger vos campagnes marketing vers des pages d'atterrissage personnalisées et non la page d'accueil de votre site (sur laquelle il y a trop de distractions, et donc un ratio d'attention élevé).

homepage-vs-landingpage

L'affordance

L'affordance est la capacité d'un objet à suggérer sa propre utilisation.

Dans la vie courante, les exemples d'affordance ne manquent pas :

lavabo

La forme de ce robinet suggère qu'il faut en soulever la poignée.

Sur le web, le principe est le même : un élément cliquable doit en avoir l'apparence - un bouton doit avoir l'apparence d'un bouton. Les couleurs et le design jouent un rôle déterminant.

lorem ipsum

      Plus on descend, plus l'affordance est prononcée

A trop vouloir se différencier ou privilégier l'esthétisme, il est facile d'oublier le concept d'affordance.

L'aspect minimalisme de la page réduit l'affordance (les deux éléments cliquables ne sont pas assez mis en valeur) .

Le contraste

Le contraste permet de faire ressortir un élément important. Ajouter un bouton rouge au milieu d'un environnement à dominante blanche rendra le bouton plus visible.

Le contraste peut aussi être créé par la taille, un gros élément au milieu d'autres plus petits ressortira davantage.

Cela peut paraître logique, mais beaucoup semblent l'oublier.

Ici le contraste n'est pas assez marqué - Au contraire, les planches et leurs couleurs vives focalisent trop l'attention.

Ici c'est mieux - Notez aussi l'affordance du bouton grâce à l'effet de relief.

Utiliser le vide

Le vide est bien souvent oublié sur Internet.

L'utilisation croissante du mobile augmente la valeur de chaque pixel à l'écran.

Chacun veut sa part du gâteau, tout l'espace doit être utilisé pour bombarder l'internaute d'informations ou de publicités.

L'espace permet de faire "respirer votre page", il la rend plus facile à lire.

Si vous souhaitez attirer l'attention sur un élément de votre page, ajoutez simplement un peu d'espace autour.

Le vide et l'effet de contraste permettent une lecture fluide et une meilleure lisibilité de la page.

La proximité

Les éléments qui sont proches les uns des autres sont perçus comme étant liés les uns aux autres.

La distraction

La distraction est l'ennemi de l'attention. S'il y a trop d'actions possibles sur votre page, les chances que l'internaute convertisse diminuent d'autant.

Par exemple, selon le contexte, les boutons de partage peuvent contribuer à augmenter la distraction et avoir un effet opposé à celui voulu (accroître l'engagement).

                                                       Au secours !!

Le simple fait de retirer votre barre de navigation sur une page d’atterrissage peut faire diminuer les distractions et donc augmenter votre taux de conversion.

L'encapsulation

L'encapsulation consiste à regrouper les éléments importants d'une page dans un cadre permettant d'attirer l'attention et de les rendre plus visibles.

Bel exemple d'encapsulation

La continuité

Une image vaut mieux qu'un long discours.
Pour amener vos visiteurs là où vous voulez, il faudra parfois les prendre par la main.

Bien hiérarchiser les éléments sur la page permettra à l'internaute de consommer vos contenus dans le bon sens.

Apple maîtrise à la perfection la continuité et l'utilisation du vide.

Vous pouvez aussi utiliser des flèches qui aideront à fixer le regard de l'internaute :

Grâce à l'effet de superposition, à la flèche et au contraste de couleur, tout converge vers le bouton.

Le regroupement

Le regroupement consiste à rassembler les éléments similaires d'une page.

Ces éléments auront :

  • La même fonction
  • Le même objectif
  • La même forme

Toujours en vue de limiter au maximum la distraction et la fatigue de l'internaute.

Les 3 caractéristiques du produit sont rassemblées sous la forme d'éléments aux formes, couleurs et polices identiques.

Conclusion

Un bon design est un design qui :

  • Limite les distractions.
  • Oriente et focalise l'internaute sur l'objectif.
  • Est cohérent.
  • Rassure.

Même si ces principes ont été testés et approuvés, rien n'est prévisible à 100%.

Certaines cibles réagissent différemment.

Si votre trafic vous le permet, pensez à tester les modifications de vos pages de destination.

Pour toute remarque, question, ou mini audit de votre page d’atterrissage, contactez-moi !

A propos de l'auteur Benjamin Turc

Fort d'une expérience dans le web de plus de 8 ans, je suis en mesure de vous conseiller et vous accompagner sur toutes vos problématiques de visibilité sur internet.

follow me on:

Ils nous font confiance