Qu'est-ce que le design UX pour les sites web ?

Le design UX, c'est la façon dont un site fonctionne pour ses utilisateurs. Ce qu'il couvre, son effet sur les conversions et ce qui fait une bonne UX.

Brouillon

Demandez à un chef d'entreprise ce qu'il attend d'un bon site, il parlera d'un design soigné, d'un chargement rapide et d'une navigation facile. Rarement de savoir si les visiteurs peuvent vraiment trouver ce dont ils ont besoin et faire ce pour quoi ils sont venus. Le design UX est la discipline qui répond à cette question, et c'est la qualité qui donne de la valeur à toutes les autres.

Le design UX, pour user experience design (conception de l'expérience utilisateur), est la pratique qui consiste à concevoir des sites autour de la façon dont les gens les utilisent. Qu'est-ce que le design UX pour un site d'entreprise ? C'est l'ensemble des décisions qui déterminent si un visiteur peut trouver ce qu'il cherche, accomplir l'action pour laquelle il est venu et repartir en ayant bien compris ce que propose l'entreprise.

Un site peut être visuellement soigné et avoir une mauvaise UX. Un visiteur qui ne comprend pas ce que fait l'entreprise dix secondes après son arrivée sur la page d'accueil, qui se perd en cherchant la page des tarifs ou qui abandonne un formulaire de contact parce que les messages d'erreur n'expliquent pas ce qui ne va pas vit une mauvaise expérience utilisateur. La qualité visuelle de la page n'y change rien.

Quelle différence entre le design UX et le design UI ?

Le design UX et le design UI sont liés mais distincts. Le design UI, ou design d'interface utilisateur, couvre la couche visuelle. Les couleurs, la typographie, les boutons, les icônes et l'aspect général de la page sont des décisions UI. Le design UX couvre la couche comportementale. L'organisation de l'information, le fil de la navigation, ce qui se passe quand un utilisateur fait une erreur et le fait que l'action la plus importante de la page soit évidente sont des décisions UX.

En pratique, les deux se recoupent. Un bouton de la mauvaise couleur dans la hiérarchie visuelle est un problème UI qui crée un problème UX. Un formulaire logiquement organisé mais sans aide en cas d'erreur est un problème UX qu'un designer UI pourrait repérer. Dans les petites équipes et avec les créateurs de site web, une seule personne s'occupe souvent des deux. La distinction compte parce qu'elles demandent des réflexions différentes : l'UI demande « est-ce que cela a l'air juste ? », l'UX demande « est-ce que cela fonctionne pour la personne qui l'utilise ? »

L'article sur le web design traite de la discipline plus large dans laquelle s'inscrivent l'UX et l'UI, y compris la façon dont les décisions visuelles et structurelles se combinent pour façonner l'expérience du visiteur.

Quels sont les principes de base du design UX ?

Le design UX suit un ensemble de principes qui s'appliquent à tous les types de sites, quels que soient le secteur ou la taille.

La facilité d'utilisation

Un site facile à utiliser permet aux visiteurs d'accomplir leurs tâches efficacement, sans confusion. Les libellés de navigation reprennent les mots que les visiteurs attendent. Les pages clés sont accessibles en deux ou trois clics. Les éléments interactifs comme les boutons et les formulaires se comportent de façon prévisible. La facilité d'utilisation ne consiste pas à rendre un site si simple qu'il en devient pauvre. Elle consiste à retirer les frictions sur le chemin vers le résultat que veut le visiteur.

La clarté

La clarté signifie que chaque page communique tout de suite son objectif. Un visiteur doit comprendre en quelques secondes de quoi parle la page, ce qu'il peut y faire et quelle est l'étape suivante. Les pages qui enfouissent l'information la plus importante sous des paragraphes denses, ou qui utilisent des titres ambigus et des appels à l'action vagues, échouent sur la clarté, quelle que soit la qualité de leur design visuel. L'article sur la hiérarchie visuelle explique comment l'organisation et le poids des éléments d'une page déterminent ce que les visiteurs comprennent en premier.

La cohérence

Un design cohérent signifie que les visiteurs n'ont à apprendre qu'une fois comment le site fonctionne. Si le bouton d'appel à l'action principal est bleu sur la page d'accueil, il doit être bleu partout. Si la navigation est en haut de la page sur ordinateur, elle doit être accessible au même endroit sur chaque page. L'incohérence brise le modèle mental que les visiteurs construisent en parcourant un site et crée de la confusion précisément aux moments où un chemin clair compte le plus.

Le retour d'information

Les utilisateurs doivent savoir que leurs actions ont été prises en compte. Un bouton qui ne change pas au clic, un formulaire qui s'envoie sans confirmation ou une barre de recherche qui renvoie des résultats sans indiquer ce qui a été cherché créent tous de l'incertitude. Le retour d'information peut être aussi simple qu'un bouton qui change de couleur au survol, un indicateur de chargement pendant l'envoi d'un formulaire ou un message de confirmation après une action réussie. Sans lui, les visiteurs ne savent pas s'ils doivent attendre, réessayer ou supposer que quelque chose a échoué.

La récupération après erreur

Les utilisateurs font des erreurs. Une bonne UX les anticipe et rend la récupération facile. Une validation de formulaire qui identifie le champ précis posant problème et explique le bon format vaut mieux qu'un message générique « une erreur s'est produite ». Une recherche qui ne donne aucun résultat mais propose des alternatives vaut mieux qu'une impasse. Plus il est facile de se remettre d'une erreur, moins le visiteur risque d'abandonner complètement sa tâche.

Comment le design UX influence-t-il les résultats de l'entreprise ?

Le design UX est directement lié aux résultats qui comptent pour les entreprises. Un visiteur qui trouve vite la page des tarifs est plus susceptible de prendre une décision d'achat. Un parcours de paiement avec un minimum d'étapes et des messages d'erreur clairs convertit plus de visiteurs qu'un parcours où il faut deviner. Un formulaire de contact facile à remplir reçoit plus d'envois qu'un formulaire confus ou long.

Le lien entre UX et taux de conversion est bien documenté. De petites améliorations de la clarté des pages, du design des formulaires et du fil de la navigation produisent des hausses mesurables de la part de visiteurs qui passent à l'action. L'inverse est tout aussi vrai. Une page où l'appel à l'action principal est difficile à trouver, où la proposition de valeur n'arrive qu'après trois paragraphes ou dont la mise en page mobile se transforme en un état inutilisable perdra des conversions à chaque étape.

L'UX influence aussi la perception de l'entreprise derrière le site. Un site qui fonctionne bien paraît professionnel et fiable. Un site aux parcours cassés, à la navigation confuse et aux messages peu clairs donne une impression de négligence, quel que soit le fonctionnement du reste de l'entreprise. L'article sur comment concevoir une page d'accueil efficace présente les décisions UX les plus importantes sur la page que les visiteurs voient en premier.

Quels sont les problèmes UX les plus courants sur les sites d'entreprise ?

L'absence de hiérarchie claire sur la page est l'échec UX le plus fréquent sur les sites d'entreprise. Quand plusieurs éléments se disputent l'attention à égalité, les visiteurs n'ont pas de point de départ. Ils parcourent sans lire, ne trouvent pas l'appel à l'action et partent. Les décisions de hiérarchie visuelle et de mise en page qui établissent un ordre de lecture clair règlent directement ce problème.

Une navigation qui oblige à deviner force les visiteurs à explorer au lieu d'avancer avec un but. Des libellés de menu qui veulent dire quelque chose en interne mais rien pour un nouveau visiteur, des menus déroulants qui cachent les pages les plus utiles et des structures de navigation qui ne correspondent pas à la façon dont les visiteurs voient l'entreprise créent tous de la friction. L'article sur la navigation d'un site web explique comment structurer des menus qui guident au lieu de désorienter.

Les formulaires sans aide sont un autre problème courant. Des champs obligatoires mal signalés, des saisies qui rejettent des formats valides sans expliquer pourquoi et des formulaires qui effacent toutes les entrées après un envoi raté sont autant d'obstacles qui réduisent nettement le taux de complétion.

Une UX mobile qui ne correspond pas à l'intention prévue pour l'ordinateur est un écart qui coûte des visites à chaque session. Une page conçue avec plusieurs colonnes sur ordinateur, qui se replie en une seule colonne sur mobile avec les éléments dans le mauvais ordre, offre une expérience différente de celle voulue. L'article sur comment rendre un site web adapté au mobile couvre les décisions de mise en page et d'interaction qui déterminent si l'expérience mobile fonctionne aussi bien que celle sur ordinateur.

Quel lien entre le design UX et le SEO ?

Les moteurs de recherche mesurent le comportement des utilisateurs pour juger si une page apporte de la valeur. Une page à la mauvaise UX tend à produire un taux de rebond élevé et un faible temps passé sur la page, deux signaux qui indiquent avec le temps aux moteurs de recherche que les visiteurs ne trouvent pas ce qu'ils cherchent. Une page à la bonne UX tend à retenir les visiteurs plus longtemps et à susciter plus d'interactions, ce qui produit les signaux de comportement qui soutiennent le classement.

L'accessibilité des pages, étroitement liée à l'UX, influence aussi la fiabilité avec laquelle les moteurs de recherche peuvent explorer et indexer une page. Une page navigable au clavier et construite en HTML sémantique est plus facile à indexer précisément qu'une page aux problèmes de structure. L'article qu'est-ce que le SEO explique comment les signaux d'expérience utilisateur alimentent la performance de recherche et quels facteurs de comportement comptent le plus.

Comment WEMASY gère le design UX

Les modèles du créateur de site web de WEMASY sont conçus en partant des principes UX. La hiérarchie des titres, le placement des appels à l'action, la structure de navigation, le design des formulaires et les mises en page mobiles sont réglés par défaut selon la façon dont les visiteurs utilisent réellement les sites d'entreprise. L'éditeur visuel vous permet d'ajuster chaque élément et de voir le résultat en temps réel, sur ordinateur comme sur mobile, avant de publier. Modifier la mise en page n'oblige pas à reconstruire la page de zéro.

Découvrez ce qui est inclus sur le créateur de site web WEMASY ou consultez les offres sur la page des tarifs.

Questions fréquentes

Ai-je besoin d'un designer UX pour créer un bon site ?

Pas forcément. Un créateur de site web avec des modèles bien conçus traite les décisions UX les plus courantes au niveau du modèle : vous ne partez pas de zéro pour l'organisation de l'information, la hiérarchie des titres ou la mise en page mobile. Le designer UX apporte le plus de valeur quand il s'agit de comprendre comment se comporte un public précis et de tester si certains parcours fonctionnent comme prévu. Pour la plupart des sites de petites entreprises, appliquer les principes UX via un modèle bien conçu donne de bien meilleurs résultats que de les ignorer, même sans spécialiste. Avec le créateur de site web de WEMASY, vous pouvez le mettre en place directement sur votre site.

Qu'est-ce que le test d'utilisabilité ?

Le test d'utilisabilité consiste à observer de vrais utilisateurs qui essaient d'accomplir des tâches sur un site. Le but est d'identifier où les visiteurs sont perdus, où ils hésitent et où ils n'arrivent pas à faire ce pour quoi ils sont venus. Cela peut être aussi simple que demander à un collègue de trouver la page des tarifs en regardant où il clique, ou aussi structuré qu'une session enregistrée avec partage d'écran et un animateur. Même un test informel avec deux ou trois personnes qui n'ont jamais vu le site révèle les lacunes d'utilisabilité les plus importantes.

Quelle différence entre le design UX et le web design ?

Le web design est la discipline plus large, qui couvre à la fois l'apparence d'un site et son fonctionnement. Le design UX est le sous-ensemble du web design centré sur l'expérience de la personne qui utilise le site. Un web designer prend des décisions sur la couleur, la typographie, la mise en page et la hiérarchie visuelle, ainsi que sur la navigation, l'organisation de l'information et le design d'interaction. Quand ces décisions centrées sur l'interaction reçoivent une attention particulière et sont testées sur le comportement de vrais utilisateurs, cette pratique s'appelle le design UX.

Comment savoir si votre site a des problèmes d'UX ?

Les signaux les plus clairs viennent des données de comportement des utilisateurs. Un taux de rebond élevé sur les pages clés, un faible taux de complétion des formulaires, un temps passé court sur un contenu qui demande plus de lecture et des taux d'abandon élevés dans les parcours de paiement indiquent tous des problèmes d'UX. Observer un nouveau visiteur naviguer sur le site sans aide révèle où la confusion apparaît. Les retours directs de clients qui disent avoir du mal à trouver quelque chose ou qui abandonnent une tâche sont tout aussi parlants. Vous n'avez pas besoin d'une plateforme d'analyse pour commencer. Observer une personne essayer d'utiliser le site suffit souvent à repérer les problèmes les plus importants.

Quel est le lien entre le design UX et le taux de conversion ?

Le taux de conversion mesure la part des visiteurs qui accomplissent une action souhaitée, comme remplir un formulaire, acheter ou réserver un appel. Le design UX influence directement ce chiffre, car il détermine si cette action est facile ou difficile à accomplir. Retirer les étapes inutiles d'un paiement, rendre l'appel à l'action principal bien distinct, simplifier les champs de formulaire et améliorer les messages d'erreur augmentent tous la probabilité qu'un visiteur qui veut convertir le fasse réellement. Le lien est direct : une meilleure UX réduit les frictions, et moins de frictions donnent un meilleur taux de conversion.

Mettez-le en pratique
sur votre propre site.

Commencez gratuitement avec WEMASY et créez votre site en quelques minutes.