Comment effectuer un audit de conception de votre site Web

Au fur et à mesure que votre site Web se développe, il est possible que sa conception commence à sembler quelque peu obsolète. Gardez à l'esprit que les tendances en matière de conception évoluent constamment et qu'il est important de pouvoir repérer ces problèmes si vous voulez que votre site ait l'air moderne et « frais ». De plus, vous devrez également garder tous les aspects de votre conception uniformes (et utilisables) pour offrir une bonne expérience.

La meilleure façon de détecter et de corriger ces problèmes est d'effectuer un audit de conception de l'ensemble de votre site Web. Dans cet article, nous allons vous apprendre ce que sont ces audits et comment ils peuvent vous aider. Ensuite, nous parlerons de quelques outils pour vous aider à en réaliser un, avant de vous montrer enfin comment le faire en trois étapes simples. Mettons-nous au travail!

Qu'est-ce qu'un audit de conception (et comment il peut vous aider)

Un audit de conception consiste à examiner les éléments visuels de la marque de votre site Web ou de votre entreprise. Dans la plupart des cas, vous recherchez l'uniformité, mais le processus offre également une excellente occasion de vérifier si vos conceptions sont toujours fraîches.

Pour être honnête, le terme « audit » rend l'ensemble beaucoup plus menaçant qu'il ne l'est en réalité. Dans tous les cas, il y a plusieurs avantages à effectuer des audits de conception réguliers pour votre site Web. Par exemple:

• L'occasion de vérifier vos créations. Au fur et à mesure que les tendances du design entrent et sortent du style, il est également probable que vos éléments visuels commencent à sembler un peu périmés. Un audit de conception peut vous fournir une vérification de la réalité et une opportunité de faire des mises à niveau.
• Revoyez votre image de marque. La plupart des sites Web ont leur propre image de marque basée sur plusieurs éléments visuels, tels que leur logo, leurs slogans, leurs images d'en-tête, etc. Au fil du temps, ces éléments peuvent devenir incompatibles, ce qui peut à son tour affecter la façon dont votre marque est perçue.
• Vous pouvez l'offrir en tant que service de conseil. Si vous avez de l'expérience dans la réalisation d'audits de conception réussis, vous pouvez commercialiser vos services auprès d'autres entreprises et les aider dans le processus. Beaucoup d'entreprises ne sont pas conscientes des avantages qu'elles offrent, donc l'opportunité est mûre si vous pouvez les convaincre qu'elles sont nécessaires.

Avant de vous lancer pour offrir vos services à d'autres sites Web, il est important de connaître les étapes de base de chaque audit de conception. Comme vous pouvez l'imaginer, vous aurez besoin de quelques outils pour vous aider tout au long du processus, alors examinons quelques-unes des meilleures options.

3 outils pour vous aider à vérifier la convivialité de la conception de votre site Web

Si vous êtes designer, vous savez qu'il existe une myriade d'outils en ligne qui peuvent vous faciliter la vie. Cependant, pour cette section, nous avons décidé de nous concentrer uniquement sur ceux qui peuvent vous aider à auditer les éléments de votre site et à rechercher d'éventuels défauts dans votre conception. Jetons un coup d'oeil à trois d'entre eux.

1. Oeuf fou

Crazy Egg est un outil d'analyse visant à vous aider à trouver les problèmes sur votre site. Il utilise la technologie heatmap pour vous permettre de voir quels éléments attirent le plus l'attention sur vos pages et lesquels ne dessinent pas assez. De plus, il comprend également des fonctionnalités pour vous aider à savoir si les utilisateurs font défiler votre contenu. Crazy Egg vous fournit également des données précieuses sur la provenance de vos visiteurs, puis segmente leur comportement en fonction de celles-ci.

Du point de vue de la conception, ce type d'outil est inestimable car il vous permet de vous concentrer sur les domaines de votre conception qui ont le plus besoin d'aide. Par exemple, si votre carte thermique révèle qu'un appel à l'action (CTA) critique n'obtient pas autant de succès qu'il le devrait, vous pouvez hiérarchiser son analyse lors de votre prochain audit de conception.

Principales caractéristiques:

• Implémentez des cartes thermiques sur votre site Web.
• Suivez jusqu'où vos visiteurs font défiler vos pages.
• Gardez un œil sur vos sources de trafic et segmentez les données de vos utilisateurs en fonction de celles-ci.

Prix ​​: 9 $ par mois, payé annuellement | Plus d'information

2. Outils d'utilisabilité

Les cartes thermiques sont un outil puissant pour vous aider à comprendre le comportement de vos utilisateurs, mais rien ne vaut réellement voir comment ils interagissent avec votre site, étape par étape. UsabilityTools vous permet de le faire en enregistrant chaque action que vos utilisateurs effectuent sur votre site, y compris les mouvements de souris, les interactions de formulaire et les clics.

Cela peut sembler exagéré, mais si vous avez du mal à déterminer quels éléments de votre site n'attirent pas les utilisateurs comme ils le devraient, c'est un excellent moyen de les identifier. De plus, les outils d'utilisabilité vous aident à segmenter toutes les données que vous collectez auprès de vos visiteurs pour une analyse rapide.

Principales caractéristiques:

• Suivez les mouvements de souris, les clics et les interactions de formulaire de votre utilisateur sur votre site.
• Segmentez les données que vous collectez pour une analyse facile.
• Partagez facilement des enregistrements avec n'importe quel membre de votre équipe.

Prix ​​: 19 $ par mois | Plus d'information

3. UsabilityHub

Enfin et surtout, nous avons UsabilityHub. C'est un peu différent - c'est une plate-forme qui englobe plusieurs outils, dont chacun peut vous aider à réussir votre audit de conception.

Il comprend un test de cinq secondes, qui détermine si les utilisateurs peuvent se souvenir de la conception de votre site, ainsi que des tests de clic et de navigation qui mesurent la convivialité. Enfin, vous pouvez également accéder à des sondages d'audience qui vous aident à déterminer s'ils aiment vos conceptions et quels changements ils préféreraient voir.

Principales caractéristiques:

• Utilisez plusieurs tests pour évaluer la convivialité de votre site et l'acceptation de vos conceptions.
• Mélangez et faites correspondre tous les tests que vous aimez en fonction de vos besoins.
• Personnalisez chacun de vos tests pour mesurer les éléments qui vous intéressent le plus.

Prix ​​: 2,50 $ par réponse à vos tests | Plus d'information

Comment effectuer un audit de conception de votre site Web (en 3 étapes)

Maintenant que nous avons exploré certains des outils que vous pouvez utiliser, il est temps de parler des étapes d'un audit de conception réussi. En fonction de votre site Web et de vos objectifs, vous n'utiliserez peut-être pas tous les outils dont nous avons parlé, mais c'est à vous de décider. Passons à l'étape numéro un.

Étape 1 : Rassemblez tous vos éléments de marque visuelle

Instagram est un excellent exemple de site Web avec une image de marque simple mais cohérente.

Avant de pouvoir déterminer s'il y a des problèmes avec votre conception, vous devez collecter tous les éléments de marque de votre site Web. De cette façon, vous pourrez repérer s'il y a une dissonance entre leurs styles.

Cela vous permet d'analyser tous les éléments clés de votre marque avec une vue d'ensemble et de vérifier s'ils ont du sens ensemble (ce dont nous parlerons au cours de la prochaine étape). Rassembler vos éléments peut sembler inutile, mais certains défauts de vos conceptions peuvent ne pas devenir apparents tant que vous n'avez pas regardé l'ensemble du tableau.

En ce qui concerne les éléments que vous devez rassembler, voici une liste simple pour vous aider à démarrer :

• Le logo de votre site internet dans tous ses formats.
• Toutes les images d'arrière-plan et d'en-tête.
• Toutes les icônes que vous utilisez sur votre site.
• Des exemples de toutes les polices que vous utilisez pour votre contenu.
• Une palette de couleurs des tons que vous utilisez dans vos conceptions.

Pour l'instant, nous vous recommandons d'enregistrer ces éléments dans le format avec lequel vous vous sentez le plus à l'aise. Vous pouvez créer un PDF pour un partage plus facile, ou transmettre des copies physiques à votre équipe. Une fois que votre fichier ou document de compilation est prêt, il est temps de vous mettre au travail.

Étape #2 : Analysez les éléments visuels de votre site Web

La stratégie de marque de Netflix est simple mais cohérente – ils s'assurent d'utiliser leur logo autant que possible.

Comme nous l'avons mentionné précédemment, la deuxième étape consiste à parcourir vos éléments de marque visuelle pour trouver les incohérences ou les défauts de vos conceptions.

Le design est (bien sûr) subjectif à bien des égards, mais cela ne signifie pas que le style de votre site Web ne peut pas être amélioré. Par exemple, chaque entreprise doit présenter un style de conception cohérent, afin que ses clients s'y habituent et l'associent à leurs produits. Il en va de même pour les sites Web : vos logos, votre contenu et vos images doivent tous partager le même style et rester cohérents.

Passons en revue quelques conseils simples pour nous assurer que les éléments visuels de votre site Web correspondent à ces aspects :

• Vérifiez si votre logo reste cohérent sur toutes vos pages et si ce n'est pas le cas, remplacez-le si nécessaire.
• Assurez-vous que vos images d'arrière-plan partagent un style similaire, afin que la transition entre vos pages et vos sections ne soit pas choquante. Si vous trouvez des images qui ne correspondent pas au moule, changez-les.
• Assurez-vous que vos icônes partagent un style similaire et si ce n'est pas le cas, essayez de les remplacer par des alternatives d'une seule famille telles que Font Awesome Icons (qui peuvent être intégrées à Divi).

Jusqu'à présent, nous n'avons parlé que des éléments en ligne, mais gardez à l'esprit que les audits de conception peuvent - et doivent - également couvrir vos éléments visuels hors ligne. Si votre entreprise a un homologue physique, vous voudrez rassembler tous les éléments de marque sur lesquels vous pouvez mettre la main (tels que des brochures, des t-shirts et des cartes de visite) et répéter les étapes numéro un et deux pour eux.

Étape 3 : créez un manuel de normes de conception pour votre site Web

Le manuel de directives de marque d'Urban Outfitter explique ce qui rend leur marque unique.

Il est maintenant temps de planifier pour l'avenir. L'un des meilleurs moyens d'y parvenir est de créer une compilation de règles pour toute modification future de la conception de votre site - également connue sous le nom de manuel de normes de conception.

Le but de ce document est de s'assurer qu'à l'avenir, vous pouvez externaliser le travail de conception sans avoir à le microgérer. De plus, à mesure que votre site Web se développe, vous ajouterez probablement plus de membres à votre équipe de travail. Un manuel de normes peut les aider à mieux comprendre votre image de marque visuelle. En fait, il s'agit d'une pratique si intelligente que de nombreuses entreprises de premier plan s'y engagent.

Quant au type de règles à inclure dans votre manuel, passons en revue quelques idées pour vous aider à démarrer :

• Incluez des directives sur la façon dont votre logo et ses variantes doivent être utilisés (il s'agit également d'une pratique courante, d'ailleurs).
• Joignez des exemples du type d'images que les contributeurs doivent utiliser sur votre site, ainsi que des règles sur la façon de les présenter et le type de contenu qu'ils doivent éviter.
• Discutez des polices que vous devez utiliser sur votre site Web si plusieurs options sont disponibles et dans quelles circonstances elles doivent être utilisées.
• Fournissez des exemples de types de boutons, d'icônes et d'autres éléments similaires que vous souhaitez utiliser dans vos conceptions.

Gardez à l'esprit qu'il n'y a pas deux manuels de normes de conception identiques. Vous devrez probablement ajouter plus de règles en fonction des éléments utilisés par votre site Web, et aussi si vous souhaitez parler de branding hors ligne. Cependant, la mise en place précoce de cette configuration garantira non seulement que les futurs audits de conception se dérouleront plus facilement, mais vous aidera également à former plus rapidement les nouveaux ajouts à votre équipe.

Conclusion

Au fil du temps, il est normal que la plupart des sites Web nécessitent une retouche en ce qui concerne leur conception. Par exemple, certains de vos éléments peuvent ne pas bien fonctionner les uns avec les autres visuellement, mais il peut être difficile de le repérer sans effectuer périodiquement un audit de conception complet. De plus, cela garantira que vos visiteurs continueront à vivre une excellente expérience sur votre site à l'avenir.

Voici les trois étapes de base pour effectuer un audit de conception de votre site Web :

1. Rassemblez tous vos éléments de marque visuelle en ligne et hors ligne.
2. Analysez les éléments que vous avez collectés.
3. Créez un manuel de normes de conception pour votre site Web.

Vous avez des questions sur la façon de réaliser un audit de conception réussi pour votre site Web ? Demandez dans la section commentaires ci-dessous!

Image miniature de l'article par Darko 1981 / shutterstock.com