Honte à moi ! Alors que j’encensai le champion allemand de l’ergonomie, Mabito.com, aux Shop Usability Award 2008 en Allemagne, je passai misérablement sur l’éclatante victoire en ergonomie de Skimium.fr (réalisé par les ch’tis d’Altima) aux Trophées Ecommerce 2008.

N’ayant simplement pas le temps de me lancer dans une analyse, je ne peux que vous inviter à faire vous même la comparaison entre les 2 (et je vous avouerais sans détour ma préférence pour le gagnant allemand).

Auteur de ce billet : Olivier Sauvage est le fondateur de Capitaine-Commerce.com. En plus de super-héros à collants verts, il propose, en tant que consultant indépendant, des services de merchandising et d'optimisation de sites pour le ecommerce. Pour en savoir plus, lisez son blog www.oliviersauvage.com





En Allemagne, on s’intéresse aussi de près à l’ergonomie des sites e-commerce. Cette année, c’est Mabito.com, un marchand d’articles de loisirs de jardin, qui s’est vu décerné le Shop Usability Award 2008.

Voilà peut-être un site qui pourra servir à de nombreux architectes d’information, même sans comprendre l’allemand (c’est ce qui fait la force d’une bonne utilisabilité).

Pas de solution universelle en utilisabilité

Attention toutefois, j’aime bien le rappeler, il n’existe pas en utilisabilité de « solution universelle ». Autrement dit, si le menu de navigation de Mabito (grands boutons contrastés avec un « phrasé » ou « wording » court) fonctionne très bien ici, il n’est pas dit que ce choix pourra être adapté à un site comprenant plusieurs milliers de références au catalogue (ce qui ne semble pas être le cas de Mabito).

Rapide analyse

Pas de fioritures

Regardez bien l’ensemble. Vous découvrirez que Mabito a banni toute fioriture graphique qui pourrait égarer le regard. J’aime notamment l’accès aux fonctions transversales du site ( »Warenkorb, Merzkettel, Mein Konto », respectivement « Panier, favoris et Mon compte ») symbolisées par des icônes simple, mais fortes et extrêmement visibles. Petit plus : ajoutez un article au panier et vous le verrez signalé par un lien « flashy » vert foncé sur vert clair.

Des choix étonnants

Etonnamment, il n’y a pas de sous-menus ou de menus déroulant sur Mabito. C’est intéressant quand on sait que cette fonctionnalité n’est pas toujours facile à utiliser par des populations comme les seniors. Et encore plus curieux, le menu catalogue est décliné à la fois horizontalement et verticalement.

Autre curiosité : la grande image sous la barre de menu n’est pas cliquable et oblige à utiliser la barre d’ascenseur afin de dévouvrir le véritable contenu (plutôt classique) de la page d’accueil.

Design épuré

Ce qui saute aux yeux sur Mabito, c’est l’absence ou presque de design. Hormis le logo et le choix de la couleur verte omniprésente, rien ne pourrait distinguer Mabito d’un autre site. Toute l’information visuelle est portée par la mise en page et les photos des produits. L’attention de l’utilisateur s’y concentre donc naturellement et c’est sans doute ce qui est recherché ici.

Conclusion : des bonnes idées à étudier

Encore une fois, je le rappelle, ce qu’on trouve sur Mabito ne peut être appliqué tel quel. Ce qu’il faut en retenir, ce sont les principes : simplicité de la navigation, visuels épuré, mise en page portée par le contenu. Attention également aux différences culturelles : ce qui peut fonctionner en Allemagne peut ne pas forcément fonctionner en France (les français, contrairement aux allemands, aiment peut-être plus des designs plus riches, plus habillés ou plus décorés).

Auteur de ce billet : Olivier Sauvage est le fondateur de Capitaine-Commerce.com. En plus de super-héros à collants verts, il propose, en tant que consultant indépendant, des services de merchandising et d'optimisation de sites pour le ecommerce. Pour en savoir plus, lisez son blog www.oliviersauvage.com





Apparemment, le menu du monde.fr que je m’étais gentiment permis de critiquer avait du faire passer quelque nuits blanches à ses concepteurs, puisque voilà-t-y pas que je découvre ce soir, en ouvrant mon site d’info préféré, une petite flèche et une petite croix qui remédient, en partie, aux défauts que j’avais au l’audace d’évoquer sur ce même blog. Quelques tests utilisateurs auraient-ils eu raison de l’ancienne version ou bien une lueur d’intuition aurait-elle était à l’origine de ce changement ?

Lemonde.fr top menu

Auteur de ce billet : Olivier Sauvage est le fondateur de Capitaine-Commerce.com. En plus de super-héros à collants verts, il propose, en tant que consultant indépendant, des services de merchandising et d'optimisation de sites pour le ecommerce. Pour en savoir plus, lisez son blog www.oliviersauvage.com