Un petit audit ?

Hello 

L'une des missions que j'adore faire en tant que UX Writer, c'est analyser un site web.

Ces dernières semaines, j'ai eu l'occasion de réaliser un audit lors de la refonte et la création de 2 sites vitrines, avant leur mise en ligne.
Alors, je me suis dis que j'allais t'en faire profiter.

Mon analyse va bien sûr au-delà des contenus.
1) Parce que je ne peux pas m'en empêcher. J'ai le sens du détail, et le diable se cache dans les détails. La beauté y réside aussi.
2) Parce que contenus et design sont intimement liés, pour faciliter l'expérience utilisateur sur une interface web ou mobile.

Pour éviter toute difficulté de navigation et d'interaction, ton site web doit être fluide et cohérent.

Alors que vérifier au moment de sa mise en ligne ?
(tu peux d'ailleurs vérifier ton site actuel, pour ainsi l'améliorer)


Un site responsive
Ton site est-il adapté aux différentes tailles d'écran : ordinateur, mobile, tablette ? Teste-le.
J'ajouterai : est-il compatible avec les différents navigateurs qui existent (Chrome, Safari, Firefox, etc.) ?


Une mise en forme cohérente
La mise en forme des pages de ton site est-elle similaire ? 
En-tête de page, titres, boutons, images et icônes du même style, alignements, etc.


Des couleurs contrastées
Les textes sont-ils assez contrastés avec le fond sur lequel ils reposent ?
Par exemple, le texte est-il visible : 

• dans les boutons 

• dans les formulaires

• ou simplement au sein d'une page, parce que là tu vois je suis sûre que tu plisses les yeux pour lire

L'accessibilité est de mise ! 
Pour évaluer si les couleurs sont assez contrastées sur ton site, un outil génial, c'est le Contrast Checker de WebAim.

D'ailleurs, les couleurs de ton site doivent être celles de ta charte graphique.


Une police visible
Non pas les flics, mais la typographie (ah ah, elle est bien bonne ! Non ? Ok.)

1) La taille minimum : 14px.
Mais n'hésite pas à écrire tes textes standards, par exemple celui d'un article, en 16px.

2) De grands titres, c'est bien, mais pas aux dépens du texte en dessous. Je suis un texte petit mais je ne suis pas visible
À cause d'un texte très grand
3) Évite d'utiliser 36 000 tailles différentes (j'ai le sens de l'exagération, oui).
Et aussi, évite d'utiliser différentes polices - 1 ou 2, c'est bien.

4) On opte donc pour une police lisible, aérée et sans empattements.


Une navigation claire et utile
Le menu, c'est la porte d'entrée d'un utilisateur pour en savoir plus sur tes services.

1) Adopte la règle des 3 : pas plus de 3 clics pour accéder à une information.

2) Les intitulés du menu sont clairs et bien distincts.
Oui, "Notre accompagnement" et "Nos services", c'est pareil. Tout comme "Notre histoire" et "Qui sommes-nous ?"

3) D'ailleurs, évite l'égo trip.
Stop aux "About", "Qui sommes-nous ?", "À propos", en 1er dans le menu. L'utilisateur veut accéder au plus vite à tes services.
Le storytelling de l'entreprise, c'est important, mais c'est en dernier onglet, ou en bas de page.

4) Adopte aussi la règle des 6, grand maximum : un menu ne fait pas plus de 6 onglets.
Au delà, range, optimise. Pense ton arborescence en amont de la conception de ton site.
Cela dit, cela vaut peut-être moins pour un site e-commerce.


Des CTA clairs
1) Tes call-to-action doivent présenter le bénéfice que percevra l'utilisateur s'il clique.

2) La grammaire est la même pour tous les boutons. 
Infinitif, impératif ou 1ère personne... choisis et ne déroge pas à ta règle.

3) Applique la même mise en forme sur tout ton site : même couleur, même police, même icône... Sois cohérent.
 

Des formulaires qui fonctionnent et qui rassurent
Ton formulaire de contact est-il fonctionnel ?
Reçois-tu les mails ?
Un message de confirmation s'affiche-t-il ?
Dans le cas d'une inscription à la newsletter, l'utilisateur reçoit-il un mail de confirmation/bienvenue ?

Teste 😉 


Des liens fonctionnels
C'est pas tout de mettre des CTA et de réaliser un maillage de liens internes, encore faut-il que ces liens fonctionnent 😉


Un site aéré, épuré
Grâce à des phrases concises, qui vont à l'essentiel.
Grâce à des paragraphes courts.
Grâces à des espaces et des images.


Une orthographe soignée
Je sais bien qu'on n'est pas tous des surdoués de l'orthographe et qu'on fait tous des fautes d'inattention.
Mais, franchement, une phrase sans verbe ou un mot mal orthographié, eh bien, ça la fout mal. Ça peut impacter la confiance de l'utilisateur qui peut avoir un doute sur le sérieux de l'entreprise.
Alors, relis-toi. Demande à quelqu'un de relire. Ou à un professionnel de relire et d'auditer ton site 👋
(Bon, tu connais le principe : on le dit, mais on ne l'applique pas forcément à nous-même. Alors, dis-moi les fautes que j'ai pu faire dans ce mail)


Un site utile pour tes cibles
Dois-je détailler ce point ? 😊


J'oublie certainement des éléments, mais voilà, à mes yeux, l'essentiel à vérifier sur son site lors de sa mise en ligne.

Tu en vois d'autres ?
Dis-moi, j'en ferai profiter aux autres membres lors d'un prochain e-mail !

Belle journée, 
Apolline


P.-S. : une fois ton site livré, analyse sa vitesse et vérifie qu'il est bien sécurisé grâce notamment au "https".
 

Tu penses qu'un de tes collègues ou un de tes amis serait intéressé par cette newsletter ? Transfères-lui ce mail, il peut s'inscrire par ici https://apollinerouze.fr/inscription-emails-prives/ 😉