Audit Graphique du site Gol De Letra

 

       I.            Objectif de l’audit

L’objectif est d’analyser le graphisme du site Gol De Letra français. Nous allons ainsi essayer d’identifier les atouts gaphiques du site ainsi que ses défauts en vue de les corriger dans le nouveau site.

   II.            Le graphisme général du site

Nous allons parler ici de l'impression générale dégagé au premiers abords par le site.

Lors de la première visite, nous pouvons facilement nous trouver assaillis par les nombreux éléments qui apparaissent. En effet, les images et les textes ont tous l'air de "flotter", la bannière Flash met en scène des mouvements pas forcément agréables car répétitifs et incessants et enfin, un lecteur de musique apparait au milieu de la page et lance un morceau. De plus, l'apparence général du site est plutôt vieille.
Tous cela peut donc amener le visiteur à se sentir perdu. Mais heureusement, les photographies nous indiquent tout de même que nous nous trouvons sur un site ayant rapport avec les enfants du Brésil.

v  Qualité

      v  1 : Le background du contenu du site est blanc, ce qui permet une meilleur lisibilité des textes en noir. Le texte est donc clair et facile à lire

      v  2 : Les visuels utilisés sont pertinents avec le sujet et utiles

v  Défauts :

                       v  1 : L'utilisation du bleu comme couleur de base donne une impression de froideur au site. Cela ne va pas dans le sens de l'image que l'on a du Brésil (plutôt chaleureuse) et de l'objectif du site web (tout aussi chaleureux)
                       v  2 : Le logo de l'association (même s'il est bien positionné) n'est pas mis en valeur. En effet il est sur 2 fonds de couleurs différents et est même coupé en son milieu
                   v  3 : L'utilisation systématique de formes rectangulaires donne une impression de rigidité pas forcément bénéfique pour l'image  de l'association
               v  4: Il n'y a pas d'éléments graphiques marquant clairement le point de situation
               v  5 : Le contenu du site ne paraît absolument pas ordonné, il est simplement centré, ce qui donne une impression de fouillis, d'autant plus que l'équilibre entre les éléments graphiques et informatifs n'est pas évident
               v  6 : La bannière Flash met en scène des photographies trop petites pour pouvoir prétendre donner un caractère immersif. De plus, le nom de l'association écrit en jaune puis en orange n'y est pas très facilement lisible. En ce qui concerne les animations, elles sont répétitives et peuvent agacer
               v  7 : Le fait d'utiliser 2 gros à plats de couleur bleu pour encadrer le site est plutôt maladroit car ce dernier est plutôt agressif. En effet, les regarder fatigue les yeux ce qui donne plus une impression d'emprisonnement du regard que d'invitation à regarder le site en lui-même
               v  8 : Sous Firefox, la colonne de droite du site n'est pas disposée directement sous le menu supérieur, ce qui laisse un grand vide

     Le    Les menus de navigation du site

a.     Menu supérieur

          v  Qualité : L'idée d'utiliser une couleur de fond différente pour chaque rubrique donne une unité avec le site Italien et rappelle l'univers de l'enfance
          v  Défauts :
                     v  1 : Le fait d'écrire le nom de chaque rubrique avec une couleur appartenant à la même gamme que son bakcground enlève de la lisibilité (surtout pour la rubrique Action)
                        v  2 : Lors du Roll-Over, la rubrique est mise maladroitement en relief. Cela n'a pas vraiment de cohérence par rapport au reste du site

b.     Menu de gauche

               v  Qualité : Les rubriques et les sous rubriques ne sont pas traitées de la même façon ce qui les rend aisément identifiables
          v  Défaut : Ce menu n'est pas clairement séparé du contenu du site, on ne le distingue donc pas immédiatement

Les     La mise en page du contenu du site

          v  Qualité : Certaines pages montrent un effort de mise en page (alignement des photos et du texte) et mettent en scène une hierarchie cohérente des textes
          v  Défauts :
                 v  1 : Dans l'ensemble, il n'existe aucune standardisation de la couleur des textes (on utilise tantôt que du bleu, tantôt que du noir et d'autres fois du bleu et du noir)
                   v  2: Dans l'ensemble, les photos et les textes sont simplement centrés (pas de réelle mise en page)
                   v  3 : Pour séparer les différents éléments du contenu on utilise tantôt des cadres (maladroitement) tantôt rien du tout
                v  4 : Lors de la navigation il apparait de temps à autres des éléments (tableaux de chiffres, boutons pour accéder au formulaire) qui n'ont aucune cohérence dans leur aspect avec le reste du site, que ce soit dans leurs formes ou leurs couleurs

Syn    Synthèse générale de l’audit Graphique

    
Qualités :

           v  1 : Le background du contenu du site est blanc, ce qui permet une meilleur lisibilité des textes en noir. Le texte est donc clair et facile à lire
           v  2 : Pour le menu supérieur, l'idée d'utiliser une couleur de fond différente pour chaque rubrique donne une unité avec le site Italien et rappelle l'univers de l'enfance
           v  3 : Les visuels utilisés sont pertinents avec le sujet et utiles même si il mériteraient d'occuper une place plus importante


Défauts :

           v  1 : L'utilisation trop fréquente du bleu donne une impression de froideur au site. Cela ne va pas dans le sens de l'image que l'on a du Brésil (plutôt chaleureuse) et de l'objectif du site web (tout aussi chaleureux).
                --> solution : Utiliser des couleurs plus chaudes et en en meilleur adéquation avec le logo comme couleur dominante. D'autres couleurs pourront également être utilisées mais dans des moindres mesures.

           v  2 : L'utilisation systématique de formes rectangulaires donne une impression de rigidité trop forte, ce qui n'est pas forcément bénéfique pour l'image de l'association.
                --> solution : Injecter quelques courbes dans les formes générales du site.

           v  3 : La bannière supérieure du site (logo + Flash), ne met en valeur ni le logo ni le nom de l'association. De plus les images utilisées sont trop petites pour prétendre donner un caractère immersif.
                --> solution : Disposer le logo sur un à plat de couleur qui lui sera propre et déplacer les animations photographiques vers le contenu du site afin qu'elles puissent être plus grande.

           v  4 : La mise en page du contenu du site est souvent incohérente car presque inexistante dans la majorité des pages.
                --> solution : Instaurer un style de mise en page où un équilibre entre visuels et textes règnera. Il sera alors nécessaire de s'y tenir sur toutes les différentes pages du site.

           v  5 : Le menu de gauche n'est pas clairement séparé du contenu du site, on ne le distingue donc pas immédiatement.
                --> solution : Remettre à plat l'arborescence permettrait peut-être de nous contenter d'un seul menu.

           v  6 : Malgré une bonne idée de base, le menu supérieur est mal traité.
                --> solution : Utiliser une écriture plus contrastée vis-à-vis des couleurs de fond des rubriques est crucial pour la lisibilité, quant aux couleurs elles se devront d'être moins pâles pour apporter plus de dynamisme (propre à l'enfance). On peut également imaginer un principe basé sur les couleurs du menu permettant de savoir dans quelle rubrique on se trouve.