Rich Commerce Tout savoir sur les interfaces riches appliquées au e-Commerce

Décidément les menus de navigation sont un sujet intarissable. Et pour cause : chaque site en à (au moins) un et ils se ressemblent tous. Voilà pourquoi certain essayent d’innover en apportant de l’innovation et de la sophistication aux menus de navigation.

Premier exemple avec Reebok qui propose un menu en cascade avec un effet “fisheye“ pour gagner de la place :

Le menu en fisheye de Reebok

Simple à utiliser et surtout très “souple” dans la manipulation (il y a un léger temps de latence pour ne pas perturber l’utilisateur) ce menu permet de concentrer l’attention sur les items de second niveau en attirant le regard. Ce n’est pas la première fois que la technique du fisheye est utilisée pour un menu (cf. Un Fisheye dans mon menu rédigé il y a 3 ans) mais peut-être est-ce là l’exemple le plus grand public.

Deuxième exemple avec Uniqlo qui propose une navigation latéralle en plein écran avec une barre de défilement en bas de page :

Le menu latéral d'Uniqlo

Une réalisationt très impressionnante avec une parfaite gestion du redimensionnement de la fenêtre, rien à redire. (via Hebiflux)

Je rebondis sur un article publié il y a quelques mois chez Maxdig.net au sujet des menus de navigation au format XXL. L’idée est de se servir du menu de navigation comme un gigantesque espace d’accès direct aux produits, ceci à l’aide d’une mise en forme facilitant la lecture au sein même du menu.

Exemple avec le menu de navigation de Sony qui propose même des panneaux :

Le menu de navigation géant de Sony

Principal avantage : un accès plus direct aux produits (ou aux gammes de produit). Ce principe est également mis en oeuvre chez Kelkoo :

Le menu de navigation géant de Kelkoo

Alors bien sûr vous pourriez me dire que ce type de menu pose des problèmes d’intégration, de compatibilité avec les différents navigateurs, que les internautes n’y sont pas habitués… mais je vous signale que le site du tout nouveau président US propose également un menu de ce type :

Même la Maison Blanche a son menu de navigation géant

Bon en tout cas je suis plus que convaincu de l’intérêt de ces menus sur-dimensionnés à conditions de respecter plusieurs règles :

• Prévenir l’utilisateur qu’un menu va se déployer (avec une petite flèche du type “Menu (v)” ;
• Ne déployer le menu qu’au clic de la souris (surtout pour les menus de très grande taille) ;
• Bien aérer le contenu (tant qu’à afficher un gros menu, autant utiliser tout l’espace pour maximiser la lisibilité et le repérage) ;
• Inclure une option pour pouvoir fermer le menu (car il cache ce qui se trouve derrière).

Voilà, vous voyez d’autres conseils ?

Vu sur le site de Decathlon : un menu latéral utilisant un principe de loupe au survol de la souris (déjà vu dans des premières expérimentations de  menus en Fisheye ou comme le Dock de Mac OS) :

La réalisation est soignée, même si le comportement est un peu déroutant au début. Heureusement ils ont prévu une petite cinématique à l’ouverture de la page pour expliquer le fonctionnement.

En tout cas une solution résolument innovante pour gagner de la place et assurer un minimum de visibilité à l’ensemble des rubriques (évitant ainsi de partir dans des arbres à la classification complexe).