eCommerce 404
Blog e-commerce et webmarketing

08 sept 2008

Navigation horizontale (portant web ?)

Auteur: Jean-Yves Fort · Thème: Interfaces

Un portant, c’est une barre supportée qui sert à ranger les vêtements en les suspendant à des cintres.

La navigation proposée sur les sites de deux marques de vêtements rappelle cette façon de ranger les habits, chez Diesel et Abercrombie Kids.

A la différence du portant, les vêtements peuvent être présentés de face sur le web. Une barre de défilement horizontale permet de passer d’un modèle à l’autre.

Seules des données chiffrées permettraient de savoir si cette présentation est plus efficace que les grilles de produits que l’on trouve sur la plupart des sites. Cette façon de présenter les produits est en tout cas originale et assez naturelle à utiliser pour l’internaute que je suis. Les photos plus grosses qui peuvent être utilisées ne sont sans doute pas étrangères à ce sentiment.

Abercrombie Kids

8 modèles de jeans sont affichés côte à côte. Avec les différents coloris sous chaque jean, ce sont 19 jeans qui sont présentés sur la page. Un clic sur chaque coloris affiche le jean dans le coloris choisi sans rechargement de la page. Le survol d’un modèle à la souris affiche le prix et le nom du modèle cachés par défaut.

L’ajout du produit au panier se fait sur la fiche produit de chaque jean. Ajouter à cette interface la possibilité de sélectionner une taille n’aurait pas été une mince affaire.

Diesel

Aucune possibilité de changer de coloris, mais le nom du modèle et son prix sont immédiatement visibles. Le survol de la souris sur chaque modèle ouvre une fenêtre qui indique les coloris existants (en texte, dommage) ainsi que les tailles disponibles.

Je préfère le choix de photos de Diesel, qui ne se contente pas de montrer le jean seul, mais suggère un look complet.

Que pensez-vous de cette façon de présenter une catégorie de produits ?

Be Sociable, Share!

2 commentaires à "Navigation horizontale (portant web ?)"

1 | altman

16 avril 2009 à 16:24

Avatar

la navigation horizontale est agréable mais je trouve que les demi slhouettes gachent tout.

2 | Sébastien

5 octobre 2010 à 18:16

Avatar

Je suis tout à fait d’accord : c’est pas mal mais les demi silhouettes gâchent tout.

Ecrire un commentaire


  • Rémi Rossat-Mignod: Il est important d'éduquer à l'utilisation des MC négatifs, mais aussi à la bonne utilisation du Broad, Phrase et Exact... Si un peu moins de mond
  • Benoit: Bonjour, Très bon article ! En effet tellement d'argent est dépensé dans des mots clés inutiles ! J'ai tout intérêt à faire part de mon expé
  • malleret: pouvez vous m'explequez d'ou vient ce prelevement de 49.00e alors que je n'ai rien commande
  • Georges: Bonjour, Voici mon point de vue à votre observation. Un diffuseur de bon de réduction (de qualité) est un professionnel qui a développé un sit
  • David: Les parts d'affichage inutiles sont vraiment impressionnantes. Cela démontre, une fois de plus, qu'il est vraiment primordial d'optimiser très régu
  • Jean-Yves FORT: Je vous remercie pour cet éclairage et ces études, qui donnent des chiffres sur les codes promos dans l'acte d'achat, mais qui ne justifient pas for
  • Georges: Bonjour, Je me permets d'intervenir en tant qu'éditeur d'un site de Bon de réduction/Bon plan afin d'apporter un éclairage différent à votre p
  • Xavier: Bonjour, Je découvre ton blog, je viens de lire tes derniers posts et je tenais à te féliciter pour la qualité de ceux-ci. Voila un nouveau
  • Benoît Méli: Bonjour Jean-Yves et merci pour votre mention de notre article sur le bilan de l'affiliation en 2011. Deux petites choses : - Le bilan que nous prés
  • sylvain: J'ai la même sensation quant aux site de bons de réduction. La part réelle du trafic apportée en propre est très dure à quantifier. La seule cho

Photos

  • Bientôt.

A propos

eCommerce404 partage des expériences, réflexions et observations sur le e-commerce et le marketing sur Internet.

Blog édité par Jean-Yves Fort.