L’objectif est d’analyser l’ergonomie du site Gol De Letra français. Nous allons ainsi essayer d’identifier les atouts ergonomiques du site ainsi que ces défauts en vue de les corriger dans le nouveau site.
Ce bandeau, situé en haut de toutes les pages du site se compose du logo Gol De Letra ainsi qu’un bandeau Flash qui utilise 6 photos provenant du Brésil ainsi que le nom du site en Français et en Portugais.
v Qualité : Schéma classique logo + Bannière reconnaissable par les internautes.
v Défauts : Informations redondantes (Nom du site). Bannière flash qui apporte peut d’informations et n’est pas très professionnelle.
Situé sous le bandeau supérieur, ce menu se compose de 6 boutons colorés permettant d’avoir diverses informations. (Missions, contexte brésilien, Action, Chiffres, Récompenses). Ces boutons mènent vers des pages qui ne sont pas accessibles via les autres menus du site.
v Qualité : Menu bien visible sur le site.
v Défauts : Double menu sur le site. Boutons colorés sans lien avec un code couleur. Bouton non dynamique sur roll-over.
C’est le menu principal du site. Il est présenté sous la forme d’une arborescence, coupé en deux parties.
Premier niveau :
Certain liens de premier niveau sont
cliquables, d’autre non. Les liens de niveau 1 sont en Bleu foncé et ceux en
niveau 2 en bleu clair. Sur roll-over, les liens deviennent bleu clair. Les intitulés
du menu sont clair (Ns missions, Comment nous aider ?, Ils nous aident déjà, Espace bénévole, …).
Deuxième niveau :
Il est également sous la forme d’un arborescence avec les intitulé de premier
niveau non cliquable, en noir et ceux de second niveau de la même manière que
la première partie. Il contient l’espace presse, la news letter et le
formulaire d’inscription à cette newsletter.
v Qualité : Menu classique facilement compréhensible par les internautes. Roll-over sur les liens. Intitulés des liens. Structure claire.
v Défauts : Menu en deux parties mise en page différemment. Confusion avec menu supérieur. Pas d’utilisation de code couleur. Trop sobre ?
Le bas de page contient un lien, un numéro de téléphone ainsi que les crédits concernant un lien vers l’agence créatrice du site.
v Qualité : Informations de contacts rapidement identifiables.
v Défauts : Trop peu d’information. Le menu Botton peut inclure une redondance de liens important ou des liens standards vers le plan du site, les infos de contact, …
La plupart des pages du site Gol De Letra sont standardisé autour d’une structure commune. La page contenant le texte est située en dessous de la bannière haute et à droite de la bannière gauche. La plupart des pages contiennent du texte et des images.
v Qualité : Standardisation qui permet à l’internaute de trouver facilement les informations. Contenus varié : Photos, texte, vidéos. Mise en page interne différentes selon les pages ce qui évite une trop grande redondante.
v Défauts : Le texte est trop petit (1). Impossible d’agrandir les photos (2). Les contenus sont éparpillés sur le site et aucune possibilité de voir les contenus regroupés (Notamment photo et vidéo).
Certaines pages du site bénéficient d’une structure différente. Souvent en dehors de toute la structure générale du site. Notamment les pages ou quelques photos sont regroupés. Parfois ce sont des pop-up qui s’ouvre, parfois des pages avec une mise en page différentes …
v Qualité : Permet de changer un peu la redondance des pages …
v Défauts : Pages en pop-up modifiant la lecture sur le
site. Difficultés de compréhension pour
l’internaute de ce changement de structure.
Voici une liste des avantages et qualité que nous avons pu retrouver lors de cet audit de l’ergonomie / Structure du site.
v Qualités :
o Le menu top bénéficie d’un schéma classique logo + Bannière reconnaissable par les internautes.
o Le menu supérieur est bien visible sur le site.
o Le menu principal est très facile mais facilement compréhensible par les internautes. Roll-over sur les liens. Intitulés des liens. Structure claire.
o Le menu bas bénéficie d’informations de contacts rapidement identifiables.
o L’espace central des pages standard permet à l’internaute de trouver facilement les informations. Contenus varié : Photos, texte, vidéos. Mise en page interne différentes selon les pages ce qui évite une trop grande redondante.
o L’espace central des pages non standard permet de changer un peu la redondance des pages
v Défauts :
o La bannière top utilise des informations redondantes (Nom du site). Bannière flash qui apporte peut d’informations et n’est pas très professionnelle.
o Le menu utilise un double menu sur le site. Le menu top utilise des boutons colorés sans lien avec un code couleur. Bouton non dynamique sur roll-over.
o Le menu principal est un menu en deux parties mise en page différemment. Confusion avec menu supérieur. Pas d’utilisation de code couleur. Trop sobre ?
o Le bas de page contient trop peu d’information. Le menu Botton peut inclure une redondance de liens important ou des liens standards vers le plan du site, les infos de contact, …
o Pour les pages standards, le texte est trop petit. Impossible d’agrandir les photos. Les contenus sont éparpillés sur le site et aucune possibilité de voir les contenus regroupés (Notamment photo et vidéo).
o Pour les pages non standard, les pages en pop-up modifient la lecture sur le site. Difficultés de compréhension pour l’internaute de ce changement de structure. Mis en page des photos peu pro.