Apprendre / Guides / Le guide de la conception du site web
Un processus essentiel en 6 étapes d'audit de conception web
Le mot "audit" fait peur à beaucoup d'entre nous. Nous nous imaginons en train de travailler sur des montagnes de paperasse alors que le temps s'écoule et que l'incertitude s'installe. Et nous nous demandons si quelque chose de bon peut sortir de ce processus.
Mais un audit de conception web, c'est autre chose : si vous avez un cadre efficace à suivre et que vous savez quels outils utiliser, réaliser un audit devient une tâche facile et sans stress.
Dans ce guide, nous vous aidons à comprendre ce qu'est un audit de conception web, en quoi il est important et comment en réaliser un sur votre propre site. Vous saurez exactement les étapes à suivre pour trouver des moyens d'améliorer la conception de votre site web et créer une expérience utilisateur (UX) agréable.
Créez une conception web centrée sur l'utilisateur avec Hotjar
Les outils d'analyse de l'expérience digitale de Hotjar vous aident à réaliser un audit de conception web en vous montrant ce que les utilisateurs aiment (et détestent) sur votre site.
6 étapes pour réaliser un audit de conception web efficace
Une conception web solide remplit toutes les conditions : elle reflète l'identité de marque de votre entreprise, répond aux attentes des clients et offre une expérience utilisateur sans effort.
Mais les objectifs de l'entreprise, les besoins des utilisateurs et les tendances de conception web évoluent souvent : même les meilleurs sites web doivent faire l'objet de révisions ou d'audits réguliers.
Un audit de conception web est un bilan qui évalue les éléments visuels et les fonctionnalités de votre site web à l'aide de données quantitatives et qualitatives. (Les données quantitatives vous indiquent ce qui se passe, tandis que les données qualitatives reflètent les opinions, les comportements et les idées des utilisateurs pour vous montrer pourquoi).
Votre entreprise peut opter pour un audit de site web avant une refonte ou un changement de marque important, ou lorsque vous avez remarqué un déclin progressif des conversions du site web ou des performances.
Téléchargez ici notre checklist gratuite pour l'audit de votre site web qui vous guidera dans notre processus en six étapes, afin d'augmenter les conversions et d'offrir une expérience utilisateur cohérente et agréable.
1. Comprenez votre utilisateur
Le fait est que votre site web ne fonctionnera pas pour vous s'il ne fonctionne pas pour votre utilisateur.
En fondant votre audit de conception web sur la compréhension de votre audience cible, vous aborderez le reste du processus avec empathie et créerez un site brillant qui aidera vos utilisateurs à atteindre leurs objectifs.
Commencez par créer (ou revoir) votre persona d'utilisateur, une description de votre client idéal (ICP), et votre carte du parcours du client, qui décrit tous les points de contact que votre client idéal a avec votre marque. (Si vous disposez d'un cadre de tâches à effectuer qui explore ce que les utilisateurs veulent obtenir ou accomplir avec votre produit, c'est également une excellente ressource.)
Pour apprendre à connaître votre utilisateur, posez-vous les questions suivantes :
Qui est votre audience cible ?
Quels sont ses objectifs ?
Quels sont les points de douleur ou les difficultés qu'ils rencontrent ?
Quels sont les points de contact avec votre site ?
N'oubliez pas : les réponses à ces questions peuvent avoir changé depuis que vous avez conçu votre site actuel. C'est le moment idéal pour lancer une enquête sur site ou externe afin d'obtenir de nouvelles informations et de mettre à jour les données existantes sur les utilisateurs.
💡Conseil de pro : utilisez le modèle Hotjar d'enquête du persona d'utilisateur pour recueillir des informations précieuses. Grâce à cette enquête personnalisable, vous en apprenez davantage sur votre utilisateur idéal, sur les obstacles ou barrières auxquels il est confronté et sur la façon dont il utilise votre produit ou service. Ces informations vous aident à rester centré sur le client tout au long de l'audit de la conception web, en déterminant ce qui fonctionne et ce qui ne fonctionne pas.
Le modèle Hotjar d'enquête du persona d'utilisateur vous permet d'en savoir plus sur votre utilisateur cible
2. Examinez les métriques pour mieux cibler votre action
Une fois que vous avez une bonne compréhension de votre utilisateur et de ses besoins, il est temps de vous tourner vers vos données pour évaluer dans quelle mesure la conception de votre site répond actuellement à ses attentes.
Nous vous recommandons de commencer par vous familiariser avec le terrain en examinant les indicateurs clés de performance (ICP) et les données d'analyse web pour repérer les tendances de haut niveau et cibler votre action.
Par exemple, si vous constatez que les taux de conversion des pages produits de votre entreprise de vente directe de café au consommateur (DTC) sont en baisse, vous savez que c'est là que vous devrez concentrer l'essentiel de vos efforts d'audit web.
Lorsque vous examinez les indicateurs clés, posez-vous les questions suivantes :
Combien de visiteurs votre site reçoit-il ?
Combien de temps les visiteurs passent-ils sur votre site ?
Quelles sont les pages les plus fréquentées ?
Quel est votre taux de rebond (le nombre de personnes qui quittent votre site après avoir visité une seule page) et quelle est son évolution ?
💡Conseil de pro : consultez le Dashboard Hotjar pour avoir une vue d'ensemble de votre site. Offert gratuitement sur toutes les offres Hotjar, le dashboard vous montre des métriques clés comme la durée moyenne de la session et le taux de rebond. Le tout en un coup d'œil, pour que vous repartiez avec une vue d'ensemble de la façon dont les utilisateurs font l'expérience de votre site et que vous sachiez quelles pages ou quels problèmes vous devez étudier plus en profondeur.
Le Dashboard Hotjar vous permet de visualiser les métriques clés en un seul endroit
3. Évaluez la convivialité de votre site
Lorsqu'on entend "conception web", on pense généralement à des logos tape-à-l'œil et à des graphismes amusants.Mais un site bien conçu ne se contente pas d'être visuellement attrayant. Il répond aussi aux besoins des utilisateurs grâce à une structure claire et à une navigation fluide.
À ce stade de votre audit de conception web, évaluez la conception de l'expérience utilisateur (UX) (comment l'utilisateur se sent en interagissant avec votre site).
C'est là que les tests d'utilisabilité entrent en ligne de compte. Voici deux outils populaires de test d'utilisabilité :
Hotjar Engage, qui vous permet de recruter des testeurs, de les observer pendant qu'ils utilisent votre site web et de leur poser des questions
Hotjar Recordings , qui vous permet de voir les mouvements de la souris, les clics et le défilement des utilisateurs sur votre site
Lorsque vous évaluez la convivialité de votre site, posez-vous les questions suivantes :
Dans quelle mesure les utilisateurs peuvent-ils trouver les pages clés ?
La navigation reste-t-elle cohérente d'une page à l'autre ?
Tous les formulaires de connexion, de paiement et d'enregistrement fonctionnent-ils ?
Les utilisateurs peuvent-ils trouver et utiliser les boutons rapidement et facilement ?
💡Conseil de pro : filtrez les enregistrements des sessions pour trouver des réponses rapides à vos questions les plus urgentes sur les tests d'utilisabilité. Pour les enregistrements dans Hotjar, filtrez par :
Élément cliqué pour voir les sessions où les utilisateurs ont cliqué sur un bouton spécifique
Page consultée pour voir comment les utilisateurs ont interagi avec les points de contact les plus importants de votre site, comme les pages de paiement ou d'enregistrement
Rage clicks pour voir les sessions au cours desquelles les utilisateurs ont rapidement cliqué sur un bouton cinq fois ou plus par frustration
Utilisez les filtres de session de Hotjar pour trier rapidement les enregistrements lors des tests d'utilisabilité
4. Analysez votre conception visuelle
Une fois que vous avez testé la convivialité de votre site web, portez votre attention sur sa conception visuelle : la mise en page, les couleurs, la typographie, les images, le logo, les icônes, la mise en forme et les champs de saisie.
Ce n'est pas facile d'obtenir une conception visuelle parfaite pour votre site. Elle doit refléter l'identité de votre marque, mais aussi séduire les utilisateurs et faciliter leur expérience.
Par exemple, la typographie de votre page d'accueil peut refléter l'ambiance cool et balnéaire que les utilisateurs apprécient pour votre marque de crème solaire, tout en aidant les utilisateurs à remarquer les en-têtes importants et en facilitant la lecture des paragraphes du corps du texte.
Une excellente façon d'évaluer votre conception visuelle consiste à utiliser les widgets de feedback. Placez un widget sur n'importe quelle page de votre site pour que les utilisateurs puissent vous en dire plus sur leur expérience et mettre en évidence les éléments qu'ils aiment ou qu'ils n'aiment pas.
Lorsque vous analysez la conception visuelle de votre site web, posez-vous les questions suivantes :
Les éléments visuels de votre site correspondent-ils à l'identité de votre marque ?
Reflètent-ils le message ou le ton que vous souhaitez transmettre ?
Sont-ils logiques (sur l'ensemble du site) et cohérents (entre eux) ?
La conception visuelle est-elle attrayante pour votre audience ?
💡Conseil de pro : utilisez les heatmaps de la zone d'engagement de Hotjar pour voir avec quels éléments visuels (comme les images et les carrousels) les utilisateurs interagissent le plus.
Les zones d'engagement prennent en compte toutes les données disponibles sur les clics, les mouvements et le défilement, en superposant une grille de points chauds à votre heatmap. Plus le rouge est foncé sur la carte, plus les utilisateurs ont interagi avec cette zone.
Avec l'aide des zones d'engagement lors de votre audit de conception web, vous pourriez repérer une section "À propos de nous" qui n'attire pas les clics mais qui capte quand même l'attention des visiteurs ou un carrousel d'images que les utilisateurs ignorent en grande partie.
Les heatmaps de la zone d'engagement vous aident à repérer les zones d'engagement élevé dans votre conception web
5. Vérifiez l'accessibilité, la réactivité et les performances
À ce stade de votre audit de conception web, vous avez confirmé que votre conception fonctionne bien et séduit visuellement les utilisateurs. Il est maintenant temps de vous assurer que votre conception est accessible, qu'elle est adaptée aux tablettes et aux mobiles et qu'elle se charge rapidement, ce qui améliore non seulement l'expérience utilisateur, mais aussi votre positionnement dans les moteurs de recherche (SEO).
Dans ce processus, il est important de bien aligner tous vos pions. Sans cela, votre police de caractères pourrait être trop difficile à lire, votre tableau de tarification pourrait être coupé et le chargement de votre page pourrait être trop long, ce qui amènerait l'utilisateur à quitter votre site pourtant impeccablement conçu.
Lorsque vous évaluez les performances de votre site web, posez-vous les questions suivantes :
Votre conception respecte-t-elle les normes d'accessibilité web ?
Quelle est la vitesse de chargement de chaque page ? (pour le savoir, effectuez des tests de vitesse à l'aide de Google PageSpeedInsights ou WebPageTest)
Existe-t-il des problèmes d'affichage sur mobile ou sur d'autres appareils ?
💡Conseil de pro: vérifiez les heatmaps de défilement lors de l'optimisation d'un site web réactif, c'est-à-dire qui redimensionne automatiquement une page pour qu'elle s'adapte à un appareil donné. Les heatmaps de défilement montrent où la plupart de vos utilisateurs arrêtent de faire défiler la page, ce qui vous permet de savoir s'ils voient des éléments clés comme les boutons d'appel à l'action (CTA).
Ainsi, Vimcar, société allemande de logiciels de gestion de flotte, a utilisé les heatmaps de défilement de Hotjar pour trouver les problèmes avec sa conception web actuelle et augmenter les micro-conversions.
"La heatmap de défilement a montré que sur mobile, 75 % des utilisateurs ne voyaient pas notre CTA principal", explique Anna Grünanger, Head of Acquisition chez Vimcar. "Nous l'avons placé au-dessus de la ligne de flottaison et nous avons constaté une augmentation immédiate du nombre d'utilisateurs qui atterrissaient sur nos pages clés."
Les heatmaps de défilement vous permettent de visualiser les données de défilement sur ordinateur, tablette ou mobile (en bas à gauche) et d'afficher des statistiques comme les clics de rage et le taux d'abandon (à droite).
6. Examinez les résultats et passez à l'action
Le moment est venu de rassembler vos données et de décider des prochaines étapes. Sur la base de toutes les informations que vous avez recueillies et analysées, décidez en équipe des éléments de conception à conserver, à supprimer ou à réviser.
Par exemple, vous pouvez choisir de conserver une image séduisante dans une zone à fort taux d'engagement et de remanier un tableau de la page de tarification que de nombreux utilisateurs qualifient de "perturbante" dans votre widget de feedback.
Lorsque vous examinez les résultats et créez les prochaines étapes, posez-vous les questions suivantes :
Quels sont les changements de conception les plus importants pour vos utilisateurs ?
Quels changements auront le plus grand impact sur les conversions ?
Quelles tâches de conception devriez-vous traiter en priorité ?
Utilisez ce que vous avez appris pour créer un nouveau plan de conception, en répartissant les responsabilités et en fixant des échéances. Puis passez à l'action. La conception web est un cycle constant de tests et d'itérations. Créez un nouveau prototype sur la base du feedback de l'utilisateur, puis lancez un test de concept pour voir si les utilisateurs l'approuvent, ou un test A/B pour voir quelle version est la plus performante (parfois, les utilisateurs disent quelque chose et font autre chose).
💡Conseil de pro : analysez les résultats de l'audit de conception web et discutez de votre plan d'action directement dans l'application préférée de productivité, de mail ou de messagerie de votre entreprise.
Hotjar propose des dizaines d'intégrations natives pour des outils comme HubSpot, Microsoft Teams et Google Analytics (et des connexions à des milliers d'autres via Zapier). Autrement dit, Hotjar peut envoyer les résultats de ses outils Feedback, Recordings et Surveys directement à un canal Slack ou à votre compte Gmail, là où vous avez le plus de chances de les voir, pour que vous puissiez rapidement passer à l'action.
L'intégration de Hotjar à Slack facilite les conversations d'équipe sur les résultats d'audits de conception web.
Donnez la priorité aux besoins des utilisateurs grâce à un audit de conception
Parfois, les équipes repoussent les audits de conception web parce qu'elles pensent qu'ils prennent beaucoup de temps et que tout semble fonctionner "suffisamment bien". Or, réaliser un audit de conception web vous aide à développer de l'empathie pour vos clients et à donner la priorité à leurs besoins.
C'est en écoutant attentivement les utilisateurs et en évaluant votre site depuis leur point de vue à l'aide de heatmaps, d'enregistrements, d'enquêtes et de widgets de feedback, que vous saurez exactement comment améliorer leur expérience. En montrant à vos utilisateurs que vous vous souciez d'eux, vous posez les bases de la satisfaction client pour les fidéliser durablement.
Améliorez la satisfaction des utilisateurs sur votre site avec Hotjar
Les outils d'analyse de l'expérience digitale de Hotjar vous aident à réaliser un audit de conception web en vous montrant ce que les utilisateurs aiment (et détestent) sur votre site.