Aujourd'hui, je vous propose un petit jeu pour vous montrer les effets d'une erreur de conception qui devient de plus en plus répandue et qui concerne l'utilisation des mega menus déroulants.

Cette erreur consiste à placer des fonctionnalités ou des liens vers des contenus, directement sous le menu-déroulant, si bien que l'accès à celles-ci devient particulièrement laborieux, et n'encourage pas à s'en servir.

Pour jouer, il suffit de se rendre sur le site Desmerveilles.com, une place de marché pour les créateurs de vêtements pour les enfants et de cadeaux pour enfants. Positionnez le curseur de votre souris dans la partie supérieure du site, près du logo par exemple, et essayer d'atteindre les catégories Nouveautés, Ventes Privées, Promotion, ou le moteur de recherche se trouvant juste sous la barre du menu principal, en utilisant le chemin le plus direct, une ligne droite.

Pour la 1ère fois sur ce blog, nous allons faire un tour du côté du e-commerce allemand, avec une sélection de boutiques en ligne fonctionnant avec la plateforme e-commerce leader dans son pays, OXID eShop.

Pourquoi ? Parceque cette solution inconnue en France, et pourtant très populaire dans les pays scandinaves et en Europe de l'Est se lance officiellement en France en septembre. C'est donc l'occasion de vous la présenter, d'abord sous l'angle front-office, et nous enchaineront dans le prochain article avec une interview de Philippe Pertin, en charge du développement d'OXID eShop France qui va nous expliquer en détail les capacités de sa solution.

Pour revenir sur le webdesign, j'ai noté des différences assez flagrantes dans l'approche allemande par rapport à la France.

• La navigation dans le catalogue produit reste majoritairement verticale, dans la colonne de gauche, alors que l'école anglo-saxone la place plutôt à horizontale.
• J'ai aussi noté beaucoup plus de simplicité dans les interfaces.  On ne s'embarrasse pas de fioritures, ni de blabla. Les site sont construit autours du produit.
• Beaucoup moins d'éléments de rassurance, ce qui va dans le sens de "dépolluer" les interfaces.
• Nous avons souvent des sites carrés, au sens propre, comme au figuré.
• L'omniprésence du label de confiance Trusted Shop, qui peine à percer chez les e-commerçants français.

Alors, peut-on dire qu'il y a un webdesign allemand en matière de site e-commerce ? Je vous laisse juger.

Après vous avoir présenté Thelia dans l'article précédent, voici une sélection de quelques belles boutiques en ligne réalisées par des agences web, ou directement par Octolys, l'éditeur de Thelia.

La diversité de structure et de design des site présentés montre bien que Thelia permet de faire tout ce que l'on veut du côté front office.

De retour du salon e-commerce de Genève, qui a été une réussite pour sa première édition. L’endroit était agréable, très facile d’accès, et la salle offrait une vue splendide sur le stade du Servette de Genève. Les grands éditeurs de plateforme e-commerce étaient là, des moins connus aussi comme RBS Change, qui n’ont pas manquer pas d’éveiller mon intérêt, et que je vous présenterai plus en détail dans un prochain article.

J’étais présent pour animer un stand de démonstration « audit de site e-commerce » qui a connu un beau succès avec une quinzaine d’audits réalisés dans la journée.

Par contre, le bilan de ces audits est assez mitigé, et je suis étonné de voir encore en 2011 des sites e-commerce récents qui ont été conçus en dépit de nombreuses règles d’ergonomie et d’usabilité, qui relèvent parfois juste du bon sens, quand on veut vendre en ligne.

Headict.com, la boutique en ligne dédiée aux chapeaux, bonnets et berets a lancé la 2ème version de son site la semaine dernière, et le résultat est globalement très réussi.

Afin de faire face à un élargisement de sa gamme,  le site a revu intégralement son menu de navigation pour permettre un accès aux produits plus rapide et plus en profondeur, en particulier à une nouvelle navigation à facettes directement intégrée dans chaque menu déroulant.

C'est le principe de Bonjourboutique.fr, un nouveau site, simplissime, qui met en avant tous les jours un nouveau site e-commerce à découvrir.

La sélection est de qualité. Les boutiques sont choisies pour leur design, leur concept et leur offre.

Si vous manquez d'inspiration ou souhaitez avoir un aperçu de ce qui se fait de mieux en ce moment, n'hésitez pas à aller y faire un  tour.

Et si vous n'en avez pas assez, vous pouvez continuer sur Rhooo.com.

Le domaine du luxe est l'un des rare qui essaye de faire bouger les choses en matière d'expérience utilisateur dans la vente en ligne, avec plus ou moins de réussite, le récent fiasco du site e-commerce de Mauboussin en est un exemple. 

Heureusement, d'autres marques relèvent le défi avec beaucoup plus de brio, tel Jean-Claude Jitrois, le créateur de prêt-à-porter de luxe en cuir, avec son site éponyme qui propose de vivre une nouvelle expérience.

L'expérience Jitrois comme il l'appelle lui même, propose un site e-commerce audacieux à grand renfort de vidéo plein écran, de rotation 3D, de zoom HD, le tout dans une scénarisation fluide et facile à manier, qui plonge vraiment le visiteur dans l'univers JC Jitrois.

Si je comptais le nombre de sites internet différents que je regarde quotidiennement, je pense que ça doit facilement approcher la quinzaine. Soit 450 sites par mois ! A force, rares sont ceux qui sortent du lot, sur lesquels j'ai envie de m'attarder un peu, par simple curiosité ou par plaisir.

La sélection des 5 sites ci-dessous fait partie de cette catégorie.

Jakob Nielsen vient de publier une alerte sur la mauvaise utilisation des mega-menus déroulants, un système de navigation très répandu sur les sites e-commerce.

Bien utilisé, le mega menu est particulièrement efficace pour permettre de naviguer dans un catalogue très riche, ou dans un site complexe en permettant de présenter et d'organiser de nombreux liens, pour accéder en profondeur à l'offre.

Malheureusement, certains sites exploitent mal ce gain d'espace par rapport au menu déroulant classique, si bien que l'effet produit est plutôt inverse.

Voyons quelques exemples symptomatiques.

Dans l'artice précédent sur la difficulté de gérer la création graphique par le client, nous avons vu quelques "symptômes" typiques qui peuvent rendre cette phase de production d'un site assez pénible pour le prestataire.

Mais vous le savez, losqu'une situation devient difficile, ce n'est jamais que de la faute de l'un, ou que de la faute ou de l'autre. Chacun à ses responsabilités. Et parfois, le client a aussi de bonnes raisons de s’arracher les cheveux. Je vois plusieurs raisons principales.

• Manque de méthodologie de l'agence dans la gestion du webdesign.
• La sous-traitance
• L'erreur de casting
• L'intégrateur

Voyons cela en détail.