Améliorer instantannéement un design grâce à 8 lois UX

Grace à son éditeur visuel, Webflow a permis à de nombreux designers de créer des sites visuellement incroyables. En allant sur Awwwards, vous trouverez de plus en plus de sites Webflow qui ont pousser le curseur très loin d’un point de vue Artistique, nottemment grace à la facilité déconcertante avec laquelle on peut dfaire des animtations.

Le soucis, c’est que nombre de ces sites magnifiques sont très peu intuitifs et ne répond donc pas aux impératifs business. Pourquoi cela? Car trop souvent, l’interface utilisateur a été privilégié au détriment de l’expérience utilisateur. Pour rappel :

• UX : comment les choses fonctionnent
• UI : à quoi les choses ressemblent

L'expérience utilisateur (UX) joue donc un rôle crucial dans le succès de tout site web qui a une vocation commercial. C’est donc particulièrement le cas pour les sites crées sous  Webflow.

Dans cet article, nous allons passer en revu 8 principes de psycologie qui sont facilement applicables au design sur Webflow et  permettront d’avoir un impact positif sur les taux de conversion.

1. Ne pas réinventer la roue - Loi de Jakob

La loi de Jakob stipule que les utilisateurs préfèrent les systèmes qui fonctionnent de manière similaire à ceux qu'ils connaissent déjà. En effet, si les gens sont habitué à une manière de faire les choses, il est préférable de l'utiliser plutôt que de chercher à créer une nouvelle solution à partir de zéro.

En d’autres mots, lorsqu’il entre dans une voiture, une personne s’attend à avoir un volant rond et 3 pédales. Donc faites-le. Pourquoi cela? Car la personne va pouvoir se concentrer sur la tâche à effectuer, à savoir conduire, plutôt que sur la manière de le faire si vous aviez fait une voiture avec 6 pédales et un volant carré.

Ainsi, dans le cadre d’un site, il est également préférable de suivre les conventions de navigation et de design pour faciliter l'expérience utilisateur.

Par exemple, selon une étude de Nielsen Norman Group, déplacer un panier d'achat, habituellement en haut à droite de la page, crée une baisse des taux de conversions de 7,4%.

2. La taille compte (et la distance aussi) - Loi de Fitts

La loi de Fitts dit que le temps nécessaire pour atteindre une cible dépend de la taille de la cible et de la distance. Ainsi, il est plus facile de viser une grande poubelle à 1m de soi,  qu'une petite à 100m..

Du coup, lorsque vous concevez un site sur Webflow, veillez à ce que les éléments importants soient plus grands et proches des zones où les utilisateurs peuvent interagir.

Concernant la proximité, la smartphone constitue un meilleur exemple. La graphique ci-dessous montre les zones les plus facilement accessibles par une personne tenant son mobile à une main.

En déplaçant le CTA dans cette zone, le détaillant de mode français Ünkut a constaté une augmentation des clics sur le CTA de 55% et des transactions de 7%.

3. Diminuer les options accélère la décision - Loi de Hick

La loi de Hick est une théorie en psychologie cognitive qui stipule que plus il y a d'options à choisir, plus le temps nécessaire pour prendre une décision augmente. Autrement dit, plus le nombre d'options proposées à une personne est élevé, plus il sera difficile et long pour elle de faire un choix.

On observe ce phénomène facilement dans les restaurants. Choisir sur un menu parmi 100 plat est beaucoup plus long et complexe que sur menu restreint de 10 plats.

Ainsi, quand vous imaginez un site, il est préférable de limiter les choix et options offerts aux utilisateurs pour accélérer la prise de décision.

Par exemple, en simplifiant la page de paiement via la réduction du nombre de champs à remplir, Amazon a constaté une augmentation de 2,7% des taux de conversion.

4. Rester organisé - Loi de Miller

La loi de Miller stipule que notre mémoire à court terme ne peut gérer que 7 éléments ± 2 en même temps. Cette loi nous rappelle de structurer les informations de manière organisée pour faciliter la compréhension et la mémorisation.

Pensez à la façon dont vous mémorisez un numéro de téléphone : il est souvent divisé en plusieurs parties pour faciliter la mémorisation, comme 01-23-45-67-89.

Pour appliquer cette loi à votre site Webflow, organisez les informations de manière claire et concise. Utilisez tous les moyens à votre disposition pour hiérarchiser le contenu et grouper les informations : par titres, par couleur, par proximité…

Selon NN/g Nielsen Norman Group, un site bien organisé peut augmenter les taux de conversion de 20% .

5. Attentions aux pics et à la fin - Peak-end Rule

Cette règle ressemble plus à un biais psychologique : les personnes évaluent principalement une expérience globale en se basant sur deux moments clés: le pic (le moment le plus intense, positif ou négatif) et la fin de l'expérience.

Imaginez que vous conduisez pour vous rendre au travail et que la majorité du trajet se déroule sans problème. Cependant, vous rencontrez un embouteillage majeur juste avant d'arriver (le pic négatif). En vous rappelant de cette expérience,  aurez probablement une impression générale négative de votre trajet.

Dans le cadre d’un E-commerce, une étude de Baymard Institute, indique que 61% des utilisateurs affirment qu'une page de remerciement bien conçue les encourage à continuer leurs achats.

Exemple de remerciement en fin de questionnaire

6. Si c’est beau, ça marche mieux - L'effet d'utilisabilité esthétique

Concept en ergonomie et design est également un biais : les utilisateurs perçoivent les produits esthétiquement plaisants comme plus faciles à utiliser et plus efficaces.

Autrement dit, veillez à créer site webflow visuellement attrayant pour renforce la confiance des utilisateurs et les encourage à explorer votre site. Selon une étude de Google, les utilisateurs prennent 50 ms pour juger de l'attrait d'un site. Un design soigné et professionnel peut donc augmenter la durée de visite et le taux de conversion.

Dans un article publié par le Nielsen Norman Group, un exemple est donné où une entreprise de E-commerce a amélioré ses taux de conversion de 14,2% simplement en modifiant l’UI de son site.

Trouver un avant après refonte UI

7. On mémorise l’intrus - Effet Von Restorff

Pour les plus bilingues d’entre vous, la loi du "Odd One Out" indique que les éléments qui se démarquent attirent l'attention et sont plus facilement mémorisés.

Imaginez que vous êtes dans une réunion de travail où tout le monde porte des costumes formels, mais une personne porte un t-shirt et un short. Votre attention sera porté sur ce dernier.

Ainsi, lorsque vous concevez un site grace à webflow, utilisez des éléments visuels distincts pour mettre en valeur les informations clés (une offre que vous souhaitez mettre en avant par exemple) et les appels à l'action.

Selon un rapport de HubSpot, les boutons d'appel à l'action qui contrastent avec le reste de la page peuvent augmenter les taux de clics de 35%. Pour des raisons d’accessibilité, pensez aussi à utiliser plusieurs niveaux de différence. Par exemple, si vous faites ressortir un CTA uniquement par la couleur, les daltoniens  risquent de ne pas le voir.

8, Nous sommes impatients - Seuil de Doherty

La loi du seuil de Doherty stipule que lorsque le temps de réponse d'un système est inférieur à 400 millisecondes, les utilisateurs sont plus engagés et satisfaits. Les temps de réponse plus longs peuvent entraîner de la frustration et une mauvaise expérience utilisateur.

Dans la vie quotidienne, pensez aux feux de circulation. Si le feu passe au vert et que vous devez attendre trop longtemps pour avancer, cela peut provoquer de la frustration.

Alors, en matière de webdesign, il est essentiel de réduire les temps de chargement des pages et d'assurer des interactions rapides sur votre site Webflow. Utilisez des outils d'optimisation d'images et de compression de fichiers pour diminuer la taille des fichiers et améliorer les performances de votre site.

Selon Google, une réduction d'une seconde du temps de chargement des pages peut augmenter les taux de conversion de 7 % (source : Think with Google). En optimisant la vitesse de votre site, vous offrez une expérience utilisateur plus agréable et augmentez vos chances de conversion.

Conclusion: L'importance de l'UX pour la réussite de votre site

En résumé, l'expérience utilisateur (UX) est un élément clé pour assurer le succès de votre site Web, en particulier lorsqu'il s'agit d'améliorer les taux de conversion. En appliquant ces 8 lois de l'UX, vous pouvez créer un site Webflow aussi beau qu’efficace.

Si jamais cela vous a interessé, sachez que cette article est inspiré de Laws of UX. Pour approfondir vos connaissance en UX, nous vous recommandons de consulter les ressources suivantes :

• Nielsen Norman Group (www.nngroup.com) : une source incontournable pour les dernières recherches et les meilleures pratiques en matière d'expérience utilisateur.
• Interaction Design Foundation (www.interaction-design.org) : une organisation à but non lucratif offrant des cours en ligne et des articles sur divers aspects de la conception d'interaction et de l'expérience utilisateur.
• Growth Design (https://growth.design/case-studies) : à mon sens, le meilleur site pour se perfectionner sur le design de manière ludique. Je n’en dis pas plus.

‍