UX Design

Nos astuces d’UX design pour convertir vos visiteurs

Qu’est-ce que l’UX Design ?

Le terme UX design vient de User Experience et consiste à optimiser l’expérience utilisateur sur un site web ou une application mobile. L’UX design est donc une des clés de l’efficacité de votre site web, à fortiori sachant que vous êtes en concurrence avec des centaines voire des milliers d’autres sites ! Il faut donc faire en sorte que l’expérience de votre visiteur soit la plus agréable possible pour qu’il trouve facilement l’information ou le produit dont il a besoin et concrétise son achat ou sa prise de rendez-vous sur votre site.

Comment améliorer l’expérience utilisateur sur votre site internet ?

L’UX design est un sujet qui touche le webdesign votre site dans sa totalité : ergonomie, choix de l’architecture de vos pages, de votre menu, de vos couleurs, de vos boutons d’action… Le moindre mot a son importance !
Nous vous dévoilons ici conseils UX design pour optimiser l’expérience utilisateur et convertir vos visiteurs en clients.

Vitesse de chargement

Optimiser la vitesse de chargement de votre site internet

Ce n’est pas du design à proprement parler, mais sachez qu’avant toute chose, la vitesse de chargement de votre site impacte l’expérience utilisateur : en effet, quoi de plus rageant que d’être bloqué sur une page qui ne charge pas !

Si votre page met plus de 3 secondes à charger, votre visiteur risque de quitter votre site, en augmentant ainsi votre taux de rebond.

Conclusion : si vous voulez faire rester vos visiteurs sur votre site internet, faites en sorte que votre site charge rapidement, par exemple en compressant vos images vos images JPEG ou PNG et en ne surchargeant pas vos pages de vidéos. 

Optimiser les boutons d’action avec l’UX design

Les CTA, en anglais call to action, sont les boutons sur lesquels doivent cliquer vos visiteurs pour les convertir. Ce peut donc donc être un bouton d’achat s’il s’agit d’un site e commerce mais pas uniquement.
Le but peut aussi être de faire télécharger un livre blanc, remplir un formulaire de contact, souscrire à une newsletter… tout dépend de votre activité et du but recherché.

Pour améliorer l’ux design de vos CTA et donc augmenter votre taux de conversion, voici quelques astuces utiles :

Placer le CTA au dessus de la ligne de flottaison

Pour que votre bouton d’action soit efficace et facilite la conversion de vos visiteurs, il doit être immédiatement visible, c’est à dire être situé au dessus de la ligne de flottaison de votre site : en d’autres termes, le visiteurs ne doit pas avoir à scroller votre page pour faire apparaître le bouton. Pensez aussi à tester le rendu sur smartphone et optimisez votre mise en page en conséquence !

Jouer sur les contrastes de couleur pour faire ressortir le CTA

Les idées simples sont souvent les meilleures. Utilisez une couleur qui contraste avec le fond de votre site pour que le bouton ressorte et accroche l’oeil !

Jouer sur le design de votre CTA

Les ux designers disposent de plusieurs cordes à leur arc pour améliorer l’efficacité de leur call to action.  Vous aussi pouvez jouer sur la taille du bouton, sa forme (plus ou moins arrondie), le mettre en valeur ou non avec des flèches ou des éléments autour. A vous de jouer !

Tester le wording du CTA

Testez différentes approches, en mettant l’accent sur le bénéfice pour votre visiteur. Par exemple “Recevoir mon guide” fonctionnera probablement mieux que “Télécharger”. Mais pas de vérité absolue, une seule chose à faire : tester !

Adapter le CTA au niveau de qualification de vos leads

Dernière chose, et non des moindres : adaptez le message et l’action demandée en fonction du niveau de qualification sur vos leads.
Sur quelle page de votre site se trouvent-ils, à quel(s) message(s) (emailing, facebook ads ?) ont-ils été exposé auparavant ? L’action que vous leur demandez sur le CTA doit être cohérente par rapport à ce qu’ils ont lu avant d’arriver sur votre page.

Optimiser le design UX du menu de navigation

Un menu efficace ne doit pas être trop chargé : limitez donc les entrées à 6 ou 7 maximum et évitez les menus déroulants à rallonge. L’expérience utilisateur sera améliorée si le menu est aéré et indique en permanence au visiteur où il se trouve, par exemple en affichant la section actuellement visitée d’une couleur différente.

Il est aussi coutume de placer des liens vers votre page contact et votre support client en haut à droite : respectez ces codes. N’hésitez pas non plus à indiquer votre numéro de téléphone en haut à droite de votre page : bien visible, c’est un vecteur de réassurance pour vos prospects et donc un facilitateur de conversion.

 

Travailler le maillage interne pour que chaque page soit accessible en trois clics

Ux design

(Crédit Oncrawl)

Vous n’aimez pas avoir à cliquer une demi douzaine de fois pour finalement arriver au produit ou à l’information que vous cherchez ? Vos visiteurs non plus ! Il est de bonne pratique en UX de travailler l’architecture de votre site et le maillage interne, c’est à dire les liens entre vos pages, pour que chacune d’entres elle soit accessible en 3 clic maximum.

Intégrer une barre de recherche dans votre site

Intégrer une barre de recherche dans votre site aidera vos visiteurs à trouver plus facilement ce qu’ils cherchent, à fortiori sur un site e commerce. Il est coutume de placer cette barre en haut à gauche de votre page. N’oubliez pas d’étudier les recherches effectuées via la barre : en sachant quels sont les produits les plus recherchés, vous pourrez améliorer l’architecture de votre site et l’expérience utilisateur en conséquent.

Être transparent tout au long du tunnel de conversion

Rien de pire que de découvrir au dernier moment que des frais de livraisons s’appliquent, alors qu’on s’apprêtait à valider son panier et payer. Soyez transparent et indiquez dès le début de votre tunnel de conversion quels sont les frais et les modalités qui s’appliquent. Cela vous permettra de réduire les mauvaises surprises et les abandons de panier.

De même, évitez de demander au dernier moment la création d’un compte client pour pouvoir commander. Une étude de User Interface Engineering a montré que la suppression de la phase de création obligatoire d’un compte permettait d’augmenter de 45 % le taux de conversion de certains sites de e-commerce. En revanche, n’hésitez pas à mettre en avant les bénéfices que vos clients auraient à se créer un compte !

Vous trouverez dans cet article d’AB Tasty d’autres astuces UX pour limiter l’abandon de panier en e-commerce

Afficher une barre de progression dans le tunnel de conversion

Limitez absolument les éléments de distraction une fois que votre visiteur est dans le tunnel de conversion. Evitez les messages inutiles, affichez simplement les éléments liés au tunnel de conversion (panier, coordonnées à remplir etc) et des messages de réassurance (frais offerts, échange et remboursement par exemple).

Encore mieux, mettez en place une barre de progression qui permettra au visiteur de voir où il se situe et combien d’actions il lui reste à faire avant de valider son achat !

Faire de l’AB testing pour voir l’impact de vos actions en UX design

Ce qui marche sur un site ne marchera pas forcément sur le votre, et vice versa. Pour rendre votre site internet efficace et savoir exactement quel est le message adapté à VOS visiteurs et votre cible, une seule chose à faire : des tests AB.

Vous verrez ainsi directement comment les actions que vous mettez en oeuvre sur l’expérience utilisateur impactent votre taux de conversion. Couleur de vos boutons, disposition de votre menu, mots employés… à vous de tester et de trouver la bonne formule pour rendre votre site efficace.

Linnéa Bourgeois

En charge de la relation prospects et clients, elle est Customer success manager. Elle rédige sur tous les sujets. Linnéa aime les choses carrées et les lignes droites :-)