60 modèles de navigation passés au crible

Souvenez-vous, il y a quelques années (en 1998) sortait un livre intitulé « Web Navigation » qui décortiquait les quelques modèles de navigation de l’époque (6 types de site : shopping, community, entertainment, identity, learning et information).

Depuis il s’est passé presque 10 ans. Donc en théorie 10 x 6 ça doit faire 60.

Et le compte est bon puisque le livre dont je souhaite vous parler est construit autour de l’analyse de 60 modèles de navigation. Oui môssieur, 60 !

« Donne-moi ce que je veux ! » est un livre unique puisqu’il est composé d’une série de fiches qui décortiquent différents modèles de navigation : horizontale, verticale, menu déroulant, double bandeau….

C’est donc au final un très gros travail de recherche réalisé par Patricia qui a souhaitée prolonger l’expérience en créant un site communautaire pour faire vivre et évoluer ces modèles de navigation : Navigation-web.com.

Je précise au passage que j’ai eu la lourde tâche de rédiger la préface de ce livre, de même que de me prêter au jeu de l’interview d’expert sur le modèle N°55 (fil d’Ariane ou breadcrumbs en anglais). L’auteur fait d’ailleurs référence sur cette fiche au menu très inspiré de Yahoo! Food (nom de code : crumbing menu) dont j’avais déjà parlé dans un précédent billet.

Je précise également que malgré de nombreuses tractations, il n’a pas été possible d’insérer le très bon exemple de iLike (cf. Peut-on se passer des menus de navigation ?).

Bon bref, un livre indispensable pour pouvoir y piocher de l’inspiration ou pour avoir une vue exhaustive de ce qui se fait en matière de systèmes de navigation.

Normalement Patricia sera présente à la Journée Mondiale de l’Utilisabilité, donc si vous venez n’oubliez pas votre exemplaire pour vous le faire dédicacer.

Journée Mondiale de l’Utilisabilité 2007, on y est presque !

Et oui, la troisième édition de la Journée Mondiale de l’Utilisabilité c’est dans moins de 3 semaines… et les inscriptions ne sont toujours pas ouvertes. Bon OK, sur ce coup là je n’assure pas une cacahouète, mais j’y travaille très dur !

Cette journée est une occasion unique de découvrir les meilleures pratiques de l’Utilisabilité et de découvrir les dernières tendances. Cet évènement se déroulera toujours le jeudi 8 novembre prochain de 9 H à 12 H 30 dans les locaux de Microsoft (148 rue de l’Université, Paris 7ème).

Le programme est en cours de finalisation, pour plus d’infos je vous recommande ce site (provisoire) : SimpleWeb.fr.

Rassurez-vous, il y a 150 places dans la salle mises à disposition par Microsoft et les conférences seront filmées donc tout le monde pourra en profiter.

Est-ce la mode des menus déroulants surdimensionnés ?

Question : que faites-vous quand vous avez une arborescence très large, que vous voulez un accès en un clic à vos sous-catégories et que vous ne souhaitez pas gaspiller trop de place avec un menu de navigation à rallonge ? Et bien vous utilisez un menu déroulant surdimensionné.

Démonstration avec le menu « All Product Categories » de Amazon (qui s’affiche au survol de la souris) :

Une solution élégante qui permet à ces nombreuses catégories et sous-catégories de respirer (et à vos yeux de se reposer).

Solution qui a d’ailleurs été reprise par Kelkoo dans sa nouvelle version (il faut cliquer sur la flèche) :

On en trouve aussi sur la page d’accueil de Target :

Et également dans certaines pages du site de Dodge :

Encore plus fort, je vous propose de découvrir cet autre menu (chez RarePlay) qui intègre également l’argumentation (un peu comme une page d’orientation) :

Une solution audacieuse, mais qui manque un peu de lisibilité à mon goût (les liens ne ressortent pas au premier coup d’oeil).

Avez-vous d’autres exemples (merci à Arnaud et Jean-François) ?

Une nouvelle version pour Amazon.com ?

Apèrs eBay, c’est visiblement au tour d’Amazon (en version US) de lancer une nouvelle version de son site : A Quick Tour of Our New Remodel.

Une grande première puisque les évolutions sont rares chez Amazon, la dernière remonte à mai 2005. Pour être plus précis il ne s’agit pas d’une refonte mais plutôt d’une évolution de son système de navigation :

Un travail qui semble intéressant au premier coup d’œil. Attendons le résultat final pour voir ce qui va également changer sur le reste de la page.

Apple et la recherche prédictive enrichie

Aviez-vous remarqué le remarquable moteur de recherche prédictive sur le nouveau site d’Apple. Non seulement les résultats s’affichent au fur et à mesure de la frappe, mais en plus un panneau flottant affiche les meilleurs résultats avec des gros pictos :

Cerise sur le gâteau, les résultats sont groupés par sections et il y a un petit effet de contraste au survol de la souris :

Du très bon travail, forcément pas accessible mais qu’importe puisque cette recherche fonctionne comme un raccourci (ou un facilitateur) : le moteur de recherche reste parfaitement fonctionnel pour ceux qui n’ont pas de javascript.

Encore un bel exemple de fonctionnalité « simple » parfaitement mise en œuvre. Pour ma culture personnelle, qui a déjà croisé des moteurs similaires ? (merci à Raphaël pour l’info)