FacebookTwitter
  • Qui sommes-nous?
  • Mentions Légales
  • Plan du site
  • Contact
  • Actus
  • Entreprendre
    • Créer son entreprise
    • Business plan
    • Franchise
    • Micro-entrepreneur
    • Modification d'entreprise
  • Financer son entreprise
  • Gérer son entreprise
    • Information & Communication
    • Logistique
    • Internet / référencement
    • Réseaux professionnels
    • Veille & Intelligence économique
    • Finance / gestion
    • Ressources Humaines
      • Formation
      • Gestion du stress
    • Commercial & Marketing
  • Se développer
    • International
    • Développement durable
    • Stratégie / Management
    • Innovation
    • Aides & Subventions
  • Juridique & Fiscalité
    • Droit du travail
    • Droit des sociétés
    • Droit social
    • Règlementations
    • Propriété intellectuelle
  • Ressources
    • Annuaire des franchises
    • Le coin des livres
    • Vidéos
    • Sites Internet
    • Enquetes & études
    • Réflexions
    • Témoignages / Portraits
  • Evènements
    • Salons
    • Trophées / Concours
    • Conférences, ateliers & manifestations
Gérer son entreprise > Internet / référencement > Navigation + ergonomie + merchandising = menu étendu

Navigation + ergonomie + merchandising = menu étendu

( 0 )
Création : 25 mars 2010
Tweet
Share

Ludovic PASSAMONTIJe viens de lire un article très intéressant sur l'excellent blog http://www.e-merchandising.net qui explique les coulisses des nombreuses optimisations réalisées depuis plusieurs mois sur l'un des plus gros site d'e-commerce de France : Laredoute.fr.

Le dernier article parle de la refonte du menu de navigation qui intègre désormais un menu déroulant étendu. J'avais envie d'en parler depuis longtemps car je trouve ce système très pratique pour résoudre certains problèmes de navigation liés au nombreux sous-niveaux de rubriquage. Et bien plus encore...

La redoute

Qu'est-ce qu'un menu déroulant étendu ?

Exemple de menu déroulant classique sur Audi.fr

Audi_1

Audi_2

Vous l'avez compris, le menu déroulant étendu couvre toute la page et permet d'afficher beaucoup plus d'information au survol de l'onglet qu'un menu déroulant classique. Ce système est particulièrement pratique pour les sites proposant de nombreux univers-produits et/ou ayant une gamme profonde pour chacun de ces univers comme nous en trouvons beaucoup en e-commerce.

Autres exemples Conforama.fr

Conforama

Quels avantages ?

  • La profondeur et la largeur de la gamme sont immédiatement visibles. Les liens vers chaque sous-rubrique sont bien organisés, de manière lisible, grâce au gain d'espace et au traitement graphique plus poussé que sur un menu déroulant standard.
  • L'accès aux produits est plus direct. Plus besoin de jongler avec des menus déroulants en cascade, ou avec des niveaux inférieurs de navigation qui s'empilent au fur-et-à-mesure que je clique sur les sous-rubriques. En 1 clic, je peux trouver tout ce que je veux.

Mais là ou cela devient encore plus fort, c'est quand le menu déroulant devient à lui seul un véritable espace de merchandising.


Menu déroulant et e-marchanding intégré

Au delà du gain important que peut procurer ce système en matière d'ergonomie, il y a une valeur ajoutée qui me semble beaucoup plus prometteuse et encore sous-exploitée. Celui du merchandising dédié à chaques sous-rubriques. Voilà le véritable avantage de ce système !

Sur la plupart de sites d'e-commerce, le visiteur est bien souvent obligé de se rendre sur la page d'accueil intermédiaire dédié à l'univers produit pour prendre connaissance de tous les contenus associés (promo, top ventes, conseils, ...). 1 étape supplémentaire qui n'aide pas toujours à l'orientation du visiteur, surtout quand on arrive sur une page pleine à craquer de prix barrés et de promotions dans tous les sens.

Pourquoi ne pas déjà afficher certaines de ces informations (en plus du rubriquage) au survol de l'onglet ? Jettez un oeil sur ces exemples :

http://www.saveur-biere.com

Le menu propose une mise en page claire et attractive des sous-rubriques avec des visuels produits, mais aussi des entrées par Brasseries et des conseils /articles dans la colonne de droite.

Saveurs biere

http://www.sony.fr

Un site récemment refondu qui avait déjà un menu déroulant étendu, et qui enfonce le clou au  niveau du merchandising dans cette nouvelle version.

  • Bannière large pour faire passer des messages, jouer la ré-assurance.
  • Belles catégories avec visuel produit et descriptif.
  • Accès direct à des conseils d'aide au choix
  • Le Dealer Locator a même été directement intégré dans le menu !

Sony_1

Sony_2

http://www.porsche.com/usa

Dans le genre simple et sublime, Porsche est un modèle du genre. Visuel plein pot, le prix est déjà affiché... et des sous-rubriques nous invitant a une véritable expérience « Explore, Inform, Decide ». Un « entonnoir de vente » efficace, difficile de faire mieux.

Porsche

http://www.teva.fr

Très belle intégration sur un site à vocation éditoriale. Un large espace est accordé à la mise en avant de l'article « A la Une », un peu trop même... étant donné la grande zone blanche restante.

Teva

http://www.pampers.fr

Celui là est pas mal. On retrouve les catégories des produits, mais aussi un accès dédié aux outils communautaires  (blogs, forum), une mise en avant produit unique (comme ça on ne peut pas la louper), et plus inhabituel, un nuage de tags qui permet de renvoyer vers n'importe quel contenu du site.

Pampers

http://www.ae.com

Un exemple plutôt axé sur l'auto-promotion dans l'onglet Womens, avec une belle bannière qui s'intègre parfaitement dans l'environnement graphique global, et dans la rubrique Clearance, la mise en avant de 3 produits.

AE

http://www.laredoute.fr

On ne le présente plus. Sobre et efficace.

La redoute

http://www.yahoo.fr

Chez Yahoo, c'est du grand art. Le menu déroulant est ni plus ni moins qu'un flux RSS qui se met à jour, et dans lequel un espace publicitaire est intégré. On peut ainsi consulter tous ses sites préférés sans 1 seul clic. Par contre, le temps  de chargement de chaque onglet s'en ressent.

Yahoo

 

Reste une question : comment doit-on définitivement appeler ce système ? J'ai vu plusieurs termes possibles :

  • Super menu ?
  • Menu déroulant étendu ?
  • Menu déroulant surdimensionné ?
Ludovic PASSAMONTI

Ludovic PASSAMONTI

Consultant Web et e-commerce

http://www.ludovicpassamonti.com/

Tweet
Share
Ajouter un Commentaire
JComments

Newsletter

Abonnez vous à la newsletter pour recevoir nos articles et bon plans
Email * :
* champ obligatoire.

qonto

Plus d'articles ...

  • 10 conseils pour améliorer la visibilité de votre site
  • 24 Euros le clic sur Google Adwords... nouveau record ?
  • 4 points clé pour améliorer son référencement naturel
  • 40 % des TPE/PME n'ont pas de site internet
  • 5 raisons pour ne pas créer un site internet pour son entreprise

Espace privé



  • Vous avez oublié votre mot de passe ?
  • Vous avez oublié votre identifiant ?

Derniers articles

  • Utiliser les fonds de formation pour former vos salariés en langue
  • Se former aux actualités juridiques : comment faire ?
  • Publicité off-site : quels avantages pour votre entreprise naissante ?
  • Comment choisir une assurance professionnelle pour sa PME ?
  • Acquérir des compétences et suivre une formation pour créer son entreprise de rédaction web
  • Pourquoi équiper son entreprise de boitiers GPS ?
  • Néobanque : quels services pour le pro ?
  • Micro-entreprise : pourquoi souscrire une assurance décennale ?
  • L’importance des événements pour le développement des entreprises
  • Location de bureau : quels avantages et comment s’y prendre ?
  • DSN : qu'est-ce que la Déclaration Sociale Nominative d'une entreprise ?
  • SVI, pré-décroché : de quoi parle-t-on ?
  • La carte virtuelle pour les entreprises : à quoi sert-elle ?
  • Comment faire pour vivre de son savoir  ?
  • Quels droits ont les agents douaniers ?

Nos articles populaires

  • La SCI
  • La SAS
  • La SARL
  • L'auto-entrepreneur
  • Créer une entreprise
  • Modifier son entreprise
  • Comment obtenir un KBIS ?
  • Ouvrir un compte professionnel
CSS Valid | XHTML Valid | Top | + | - | reset | RTL | LTR
Copyright © Youedition 2021 All rights reserved. Custom Design by Youjoomla.com
YJSimpleGrid Joomla! Templates Framework official website
Internet / référencement