Implémentation d'une navigation parlante (ou je veux inscrire mon blog à Relooking Extrême)
Suite à la lecture de l’excellent Navigation Menus, Trends and Examples, j’ai découvert les navigations “parlantes”. De la théorie à l’application, il n’y avait qu’un pas. J’en ai donc profité pour redonner un coup de jeune à mon thème, sans toutefois changer radicalement de charte graphique. Finis les thèmes glossy et brillants à la Apple / web2.0, je passe à quelque chose de semblable mais beaucoup plus épuré.
L’intérêt de la navigation est double. Du point de vue de l’interface, elle est à la fois facilitative et incitative.
Elle facilite la vie de l’utilisateur en le guidant explicitement vers les principales sections et fonctionnalités du site. Le fait de passer par un mode horizontal limite volontairement le nombre de sous-catégories disponibles, et évite par là de retomber dans les errements des navigations latérales interminables et inutilisables à la mode portail. Certes, mon modèle de navigation précédent, un menu horizontal simple guidait également l’utilisateur vers les principales sections du site, mais un mot clé par grande section était beaucoup moins parlant qu’une description, laquelle sert en même temps de navigation. C’est d’ailleurs cet établissement du dialogue avec l’utilisateur qui nous permet de parler de navigation “parlante”, à l’opposé de la navigation “silencieuse” par mots clés.
Le modèle précédent proposait un lien “articles” menant vers les archives chronologiques du site. Le nouveau modèle propose également une section “articles”, mais avec des liens vers :
- Archives.
- Catégories.
- Thématiques.
Elle incite l’utilisateur à naviguer sur le site en lui proposant des points de contact multiples pour chaque type d’information recherchée. Outre les articles vus précédemment, la section “contacts” propose aujourd’hui d’accéder à :
- Une page d’informations “à propos”.
- Mon curriculum vitae (pas super à jour, mais ça va changer).
- Une page d’abonnement.
Je me pose juste une question : dois-je remettre mon bloc “abonnement” dans mon menu latéral en plus de ma navigation horizontale afin de conserver l’iconographie RSS et Mail tout en proposant un descriptif justement plus parlant de ces fonctionnalités ?
Commentaires
Trackbacks
Les trackbacks sont fermés pour cause de spam.
Passionné d'informatique depuis l'âge de six ans, je travaille en tant que responsable qualité chez blueKiwi Software, éditeur spécialiste des outils collaboratifs en entreprise. Ma double formation en sciences politiques et en informatique me permet de porter un regard particulier sur les problématiques abordées par mon poste.
Sébastien Courtès about 12 hours later:
Salut Frédéric,
Merci pour cet excellent lien qui m’a fortement intéressé.
J’adore le bleu donc forcément ton nouveau thème me plait. Toutefois je suis pas sur de la lisibilité parfaite de la ligne ” Thématiques : blogging navigation typo utilisabilité ” Peut-être le blanc sur un bleu clair avec une font underlined … ou alors ça vient de moi… Mais comme on dit : les gouts et les couleurs…
Sylvain about 14 hours later:
Moi le truc “Thématiques :” me fait penser à une pub Adsense… :S
Jean-Sébastien Mansart about 20 hours later:
J’avais déjà lu l’article et le trouvant vraiment bien fait et plein d’exemple, je l’ai directement transmis à Marlène pour sa veille…
Bref.
Ce type de navigation est très intéressant. Comme tu le dis, cela force à définir une sous navigation assez restreinte, et qui fait “parler” le titre de la rubrique la précisant. J’ai d’ailleurs vu que tu l’avais implémenté en utilisant les balises de définitions <dl> <dt> et <dd>, une excellente idée et qui traduit sémantiquement assez bien le principe de cette navigation.
Maintenant ce que tu pourrais à mon sens améliorer :