Par
Mathieu Collet dans
Ergonomie le
14 avril 2008 |
2 commentaires Focus sur plusieurs grands sites web d’information. Un prochain billet viendra conclure ce focus et en faire ressortir les grandes tendances.
Vous avez surement entendu parler du nouveau site de la BBC qui innove en choisissant d’adopter une interface d’aggrégateur de flux tel que le font Netvibes, Yahoo!, iGoogle ou encore PagesFlakes.
Interface épurée
- Graphisme : des couleurs claires, un fond gris pour le site, des portlets à fond blanc pour maximiser la lisibilité
- Editorial : Pas de longs textes, uniquement des remontées de liens (voire quelques lignes de résumés)
- Architecture / structure de l’information : personnalisation (placement des portlets, ajout/suppression de portlets
Liberté de contenus
- En offrant la possibilité d’ajouter ou de supprimer des portlets, la page d’accueil devient la page de l’internaute et non plus la page souhaitée par le redacteur en chef. Il s’agit là d’une mini-révolution dans le monde de la presse.
Interface claire et navigation contextuelle
- Graphisme : La prédominance du blanc avec des fonds gris apportent une bone lisibilité
- Navigation : Les entrées de niveau 1 représentent de grandes thématiques. Le parti pris réside plus dans les liens contextuelles répartis par thématiques plus ciblées.
- Architecture / structure de l’information : Le choix se porte sur une structure 2 colonnes. L’information est principalement présentée sous forme textuelle. La limitation de l’utilisation d’images favorisent la lecture et « forcent » le lecture à prêter attention aux liens.
Dans sa globalité, l’interface bénéficie d’une respiration forte (cf. exemple ci-dessous) ce qui favorise (encore) la lecture, la navigation et la recherche d’informations.
L’apogée de la (très) longue page
- Architecture de l’information : Une structure 2 colonnes classique mais une page d’accueil qui traîne en longueur. Même si les utilisateurs sont habitués à scroller de plus en plus (2 ou 3 écrans), le parti pris de Bild est risqué.
- Graphisme: Contrairement à CNN, Bild mise davantage sur les visuels et un design coloré.
- Navigation : Le rubricage par thématique est classique. Le mode de navigation horizontale l’est aussi.
Interface textuelle
- Architecture de l’information : structure 3 colonnes peu aérée. A noter l’utilisation de la colonne de gauche pour la mise en avant d’actualités à l’instar des autres sites web d’informations.
- Graphisme : Le fond blanc est là mais le site manque de clareté. Là où CNN réussit son pari en fixant leur concept sur le texte et non les images, Le Monde a moins de succès, même si le résultat est satisfaisant.
- Navigation: Pas de mise en avant de thématique mais une seule rubrique « Actualités » est présente dans la navigation horizontale. En revanche, il y a une forte présence de navigation contextuelle où les actualités sont groupées, ici, par thématique.
Interface claire et lisible
- Architecture de l’information : Structure 2 colonnes uniforme et très efficace.
- Graphisme : L’utilisation du fond blanc et de peu de couleur (dont le bleu qui est apaisant) rend l’interface lisible.
- Navigation : Je l’ai déjà évoqué dans un précédent billet, le choix de navigation est très osé, je n’adhère pas du tout car l’utilisateur n’a aucun répère et aucun moyen de mémoriser l’arborescence mais bon … (cf. Le figaro.fr ou la navigation aléatoire…)
Mise en avant efficace
- Actualités : La taille des titres d’actualités permet de faire ressortir les titres.
- Outils : L’utilisation de la barre de droite sur un fond différent permet de mettre en valeur les outils sans que cela soit gênant pour la lecture des actualités.
- Visuels : L’utilisation avec parcimonie des visuels favorisent également la lecture.
Poster un commentaire
La preuve par l’exemple… C’est du bon boulot !
Article clair et très instructif !
Je reste en revanche un peu perplexe pour le menu « mouvant » qui sert de navigation en haut du site du Figaro. Aurais-tu une explication rationnelle ?