Je suis un bouton

Audit de l’ergonomie

Navigation

Le système de navigation est compréhensible facilement

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Faire en sorte que le visiteur trouve ce qu'il cherche facilement et rapidement.
Inciter le visiteur à visiter plusieurs pages.
EXEMPLES
exemple

Les intitulés des pages sont clairs

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Faire en sorte que le visiteur trouve ce qu'il cherche facilement et rapidement.
Inciter le visiteur à visiter plusieurs pages.

Le menu est disponible sur chaque page

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Faire en sorte que le visiteur trouve ce qu'il cherche facilement et rapidement.
Inciter le visiteur à visiter plusieurs pages.

Le menu est disponible dans le footer

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Faire en sorte que le visiteur trouve ce qu'il cherche facilement et rapidement.
Inciter le visiteur à visiter une autre page quand il est arrivé en bas de page.
EXEMPLES
exemple

Les items actifs de menu sont signalés

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Faire en sorte que le visiteur sache sur quelle page il se trouve.
EXEMPLES
exemple
Item de menu souligné
Almapay
Item de menu en couleur
HR-Path

Le titre de chaque page est affiché clairement, de manière à ce que le visiteur sait sur quelle page il se trouve

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Faire en sorte que le visiteur sache sur quelle page il se trouve.

Il est possible de revenir à la page d'accueil depuis toutes les pages

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Faire en sorte que le visiteur puisse retourner sur la page d'accueil rapidement.

Le site propose un fil d'ariane

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Faire en sorte que le visiteur sache sur quelle page il se trouve.
Inciter le visiteur à visiter d'autres pages.
EXEMPLES
exemple

Les pages 404 sont personnalisées

Pourquoi c'est important ?
Faire en sorte que le visiteur sache qu'il y a eu une erreur.
Réduire la frustration utilisateur.
EXEMPLES
exemple

Les pages 404 proposent une alternative au contenu recherché initialement

Pourquoi c'est important ?
Faire en sorte que le visiteur sache qu'il y a eu une erreur.
Réduire la frustration utilisateur.
Proposer à l'utilisateur un contenu qui peut répondre à sa recherche initiale.
EXEMPLES
exemple

Chaque page du site est accessible en 3 clics maximum

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Assurer que toutes les pages puissent être découvertes facilement.
Améliorer le référencement : les pages qui nécessitent trop de clics pour les atteindre peuvent être pénalisées par Google.

Les articles de blog présentent des liens vers des contenus similaires

Pourquoi c'est important ?
Faciliter la navigation sur le site.
Inciter le visiteur à découvrir d'autres contenus, et passer plus de temps sur le site.
EXEMPLE
exemple

Le site ne force pas le déclenchement de la musique et des sons

Pourquoi c'est important ?
Laisser le choix au visiteur.
Ne pas déranger le visiteur.
Ne pas mettre le visiteur dans une position où il doit chercher où et comment arrêter la musique.

Liens

Les liens externes s'ouvrent dans une nouvelle fenêtre

Pourquoi c'est important ?
Faciliter le retour du visiteur sur le site audité.

Les textes de liens décrivent le contenu de la destination vers laquelle ils pointent

Pourquoi c'est important ?
Donner une indication sur la page de destination.
EXEMPLE
exemple

Le soulignement est réservé aux liens

Pourquoi c'est important ?
Permet de différencier les liens du contenu éditorial.
Evite que les visiteurs confondent les liens et les éventuels mots soulignés.

Les liens sont visuellement différenciés du reste du contenu

Pourquoi c'est important ?
Permet au visiteur d'identifier les liens dans le contenu éd
EXEMPLES
exemple

Le site n'applique pas le même style aux liens visités et non visités

Pourquoi c'est important ?
Indique aux visiteurs les liens qu'il a déjà visités.

Le site n'applique pas le même style aux liens internes et internes

Pourquoi c'est important ?
Donne une indication au visiteur s'il va visiter une page du site audité, ou un site tiers.

Les liens qui lancent le téléchargement d'un fichier sont identifiés comme tels

Pourquoi c'est important ?
Permet au visiteur de faire le choix de télécharger le fichier ou non.

Sur mobile, le numéro de téléphone est un lien cliquable et permet de lancer un appel.

Pourquoi c'est important ?
Facilite la prise de contact avec l'organisation qui édite le site.
Evite au visiteur de se souvenir du numéro de téléphone ou de faire un copier-coller.

Les textes de liens comportent des mots-clés

Pourquoi c'est important ?
Donne une indication visiteur sur l'url d 

Publicités

Les contenus publicitaires ou sponsorisés sont identifiés comme tels

Pourquoi c'est important ?
Permet au visiteur de faire la différence entre le contenu éditorial et les publicités.
Laisse le choix au visiteur.
Ne trompe pas le visiteur.

Le nombre et l'emplacement des publicités ne gène pas la navigation

Pourquoi c'est important ?
Procure une expérience de navigation qualitative et non frustrante.
Véhicule une bonne image du site et de l'organisation qui l'édite.
Ne frustre pas le visiteur.
Augmente le temps de visite sur le site.
Peut avoir un impact sur la décision du visiteur de revenir sur le site ultérieurement.

Les publicités sont pertinentes pour le visiteur

Pourquoi c'est important ?
Procure une expérience de navigation qualitative et non frustrante.
Véhicule une bonne image du site et de l'organisation qui l'édite.
Ne frustre pas le visiteur.
Peut rendre service aux visiteurs si la publicité est ciblée.

Accessibilité & Vitesse

Le site est compatible avec Chrome, Firefox, Safari et Edge

Pourquoi c'est important ?
Assure la compatibilité du site avec les navigateurs les plus utilisés.

Regardez un tutoriel rapide pour analyser la compatibilité navigateurs avec l’outil Comparium

Comment faire
Voir le tuto

Le site est adapté aux différentes résolutions d'écran

Pourquoi c'est important ?
Assure la compatibilité du site avec les différents matériels utilisés par les internautes.
Assure l'adaptabilité du site aux différentes tailles de fenêtres utilisées par les internautes.
Utilisez l'outil inspect element de Chrome (F12) > Sélectionnez le mode responsive > Choisissez la résolution souhaitée.
OU Réduisez la fenêtre de navigation pour voir le comportement de la page à différentes dimensions.
OU utilisez l'addon Chrome Window Resizer.

Les balises alt des images sont remplies

Pourquoi c'est important ?
Permet aux visiteurs atteints de troubles de la vision de comprendre le contenu des images. (Avec les fonctions lecture à haute voix des navigateurs)
Permet d'afficher la description des images en cas de non chargement de celles-ci.
Améliore le référencement de la page, en permettant à Google de comprendre le contenu des images.
C'est quoi une balise alt ?

La balise alt (pour alternative – en anglais : alternate text) est un attribut d’une image, qui décrit l’image en quelques mots.

Son utilité initiale est d’afficher un texte quand l’image ne peut pas être affichée, en raison :

D’une erreur technique

De l’incapacité du visiteur à voir les images, pour des problèmes de vue.

Au delà de son utilité initiale, la balise alt est utilisée par Google pour comprendre le contenu d’une image, et donc, améliorer le référencement d’un site.

Exemple
Comment vérifier l'utilisation de balises alt ?

Nous utiliserons des outils plus avancés lors du cours sur le SEO. En attendant, les méthodes ci-dessous suffiront pour cet exercice :

Inspecter le code source de la page.

Utilisez un outil pour vérifier les balises alt page par page : Ici ou ici

Le temps de chargement est correct

Pourquoi c'est important ?
Satisfait les visiteurs toujours plus impatients.
Incite le visiteur à visiter d'autres pages.
Augmente le nombre de pages vues et la durée des sessions.
Augmente le taux de conversion.
Vehicule une image positive du site et de l'organisation qui l'édite.

Comparez les sites audités sur Google Page Speed

Comment faire
Page Speed Insights
Vous pouvez obtenir des détails sur les indicateurs de performance mesurés en cliquant sur "Développer la vue" :

Présentation & choix graphiques

Le site est agréable à l'oeil

Pourquoi c'est important ?
Procure une expérience utilisateur positive.
Véhicule une image positive de l'organisation.
Est important pour prouver la légitimité de l'organisation et assurer la confiance de l'utilisateur.
Peut augmenter les taux de conversion.

L'aspect du site est adapté à la cible

Pourquoi c'est important ?
Affirme le positionnement de l'organisation.
Véhicule une image positive de l'organisation.
Peut augmenter les taux de conversion.

Le contraste entre le contenu et le fond est satisfaisant

Pourquoi c'est important ?
Facilite la lecture, la navigation, et la compréhension des contenus.
Véhicule une image positive de l'organisation.
Peut augmenter les taux de conversion.

Le site est homogène d'une page à l'autre (pas de rupture visuelle)

Pourquoi c'est important ?
Facilite la lecture, la navigation, et la compréhension des contenus.
Véhicule une image positive de l'organisation.
Peut augmenter les taux de conversion.

De base, sans zoomer, la taille des polices est adaptée (ni trop petit, ni trop gros)

Pourquoi c'est important ?
Facilite la lecture, la navigation, et la compréhension des contenus.
Véhicule une image positive de l'organisation.
Peut augmenter les taux de conversion.

Les textes ne sont pas justifiés

Pourquoi c'est important ?
Facilite la lecture des contenus.
Améliore l'apparence visuelle du site.

Les polices d'écritures sont lisibles

Pourquoi c'est important ?
Facilite la lecture, la navigation, et la compréhension des contenus.
Véhicule une image positive de l'organisation.

Recherche

Le site propose un moteur de recherche interne

Pourquoi c'est important ?
Permet au visiteur de trouver ce qu'il veut dans ses propres mots, sans passer par le système de navigation.
Peut augmenter les taux de conversion.

Le moteur de recherche propose des suggestions de recherches, pour compléter les recherches des utilisateurs

Pourquoi c'est important ?
Facilite l'expérience de recherche sur le site.
Peut augmenter les taux de conversion.

Les résultats de recherche sont pertinents

Pourquoi c'est important ?
Facilite l'expérience de recherche sur le site.
Augmente les taux de conversion.

La page des résultats propose des filtres pour affiner la recherche

Pourquoi c'est important ?
Facilite l'expérience de recherche sur le site.
Peut augmenter les taux de conversion.

Il est possible de relancer une recherche depuis sa page de résultats

Pourquoi c'est important ?
Facilite l'expérience de recherche sur le site.
Peut augmenter les taux de conversion.

Chaque page de résultats de recherche peut être atteinte via une adresse web

Pourquoi c'est important ?
Facilite l'expérience de recherche sur le site.
Permet de partager et retrouver facilement les résultats d'une recherche.

Auditer un site web