Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Réaliser l'audit d'un site web

Examiner la disposition et l'ergonomie

Testez gratuitement nos 1334 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous allez aborder l'aspect ergonomique du site. Vous allez également analyser la disposition des blocs.
05:11

Transcription

Passons maintenant à l'analyse de la disposition et de l'ergonomie du site que nous allons auditer. Il s'agit du site paris.fr, et nous allons donc analyser la construction de la page. Donc où se trouvent son header, son footer, la disposition de sa zone principale. Est-ce que le site respecte les principes de lecture ? Donc de gauche à droite et de haut en bas, en ce qui nous concerne. Et est-ce que les contenus mis en avant sont bien des contenus qui sont pertinents dans le cadre de ce site ? Nous allons nous concentrer sur la page d'accueil du site, puis nous allons analyser, de la même façon, une page type. La page type est elle qui est en fait une page de représentation de contenus typiques. Nous n'allons pas analyser toutes les pages possibles du site, mais donc uniquement la page d'accueil et une page type qui affiche du contenu. Nous voilà sur la page d'accueil du site paris.fr. Le header, avec une navigation, et nous pouvons remarquer ici que un focus très particulier est mis sur le moteur de recherche. Donc, les deux axes de navigation sur le site sont la navigation classique, par menu, et le moteur de recherche. En dessous, il semble qu'il y ait des thématiques plutôt importantes qui soient mises en avant, et qui permettent donc de nous rendre directement sur des thématiques précises. Et donc voilà pour ce que l'on voit de base au chargement du site. Nous avons un bandeau aussi ici, bandeau de focus, qui nous envoie vers le site donc de planification de visites de Paris. Donc je vais le fermer. Et nous allons continuer à descendre. Maintenant nous sommes donc dans la zone principale de contenu, qui contient des blocs thématiques. Et donc nous sommes sur une logique de scroll vertical qui est maintenant assez acceptée et utilisée très largement, puisqu'elle colle très bien à l'usage en contexte de mobilité, et fonctionne aussi très bien avec la roulette de la souris. et nous permet d'accéder à beaucoup de contenu, sans avoir à cliquer. Analysons maintenant le footer du site. Donc le pied de page. Ici il est très fin, par rapport à ce qui se fait en ce moment. Nous avons quasiment uniquement ces deux blocs. Donc, un lien d'information sur les données personnelles, et un simple menu de footer. Donc là, on est un petit peu en marge de ce qui se fait en ce moment, puisque la tendance est plutôt à faire de gros footer, notamment pour pouvoir y mettre du contenu qui permet d'optimiser l'indexation du site. Un petit peu différent des tendances. Et vous avez remarqué que, lorsque je scrolle, j'ai un rappel de lien vers le moteur de recherche, qui en fait me repositionne directement avec un focus sur le moteur de recherche. Je vais maintenant me diriger vers une sous-page type. Je vais cliquer sur « Professionnels », et là je vais chercher un lien vers une page. par exemple cette page-là. C'est une page de contenu. Et donc là je suis sur la page type de présentation de contenu. Et donc je reprends depuis le début. Donc j'ai toujours ma navigation, avec une mise en avant vers le moteur de recherche, mais il est toutefois plus discret que sur la page d'accueil. Un header graphique, avec un bandeau graphique. Ensuite, un fil d'Ariane qui me permet de me retrouver dans mon positionnement sur le site à tout moment. Et ensuite, une zone de contenu principale qui est assez classique, avec une grosse zone, fond blanc, pour y contenir le contenu éditorial. Et une colonne de gauche avec des ancres qui me permettent de me positionner dans le contenu, mais aussi une petite fonctionnalité intéressante qui m'affiche l'état d'avancement de lecture du chapitre en cours. Enfin, une possibilité de commenter et de poser des questions. Et un footer qui, cette fois-ci, est beaucoup plus important puisqu'il contient un lien vers les rubriques importantes du site. Et puis un bloc « Restez connecté » qui était, dans la page d'accueil, positionné sur la droite dans la zone principale, mais ici qui fait en fait partie maintenant du footer, avec la partie réseaux sociaux, lettre d'information et un fil d'informations twitter. Si maintenant je dois donner une note à la partie disposition et ergonomie du site, je peux dire que le site reprend une disposition classique, donc que les codes de navigation de l'internaute ne sont pas bousculés, qu'il s'appuie sur des méthodes modernes qui sont maintenant très acceptées, comme le scrolling vertical, que les couleurs et la disposition des blocs rendent la lecture des contenus tout à fait simple, et que le sens de la lecture est respecté, et que les contenus importants sont bien mis en avant. Je donnerais, de manière tout à fait subjective, une bonne note à l'ergonomie et à la disposition du site de paris.fr. Alors ici, 9 ou 10 sur 10, puisque pas de remarque négative, tout est clair, tout est lisible. On va mettre 10 sur 10.

Réaliser l'audit d'un site web

Évaluez la qualité du travail de développement et d'intégration de votre site Internet. Détectez les éventuels problèmes de performance, de compatibilité, etc.

1h47 (24 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !