Vous l’avez peut-être déjà remarqué ? Il n’est jamais très agréable de ne pas arriver à se loguer sur un site parce qu’on a oublié son identifiant ou son mot de passe. C’est encore pire quand on a ce genre de message.

gravatar-login Ergonomie : lépreuve du mot de passe oublié

Avec un message comme ça, on est bien avancé

Cherchez l’erreur ! Est-ce votre identifiant, votre mot de passe ou les deux qui sont faux ? Si vous utilisez plusieurs adresses email, comme moi, il se peut que vous ayez devant vous un certain nombre de tentatives avant de retrouver la bonne combinaison. On se croirait au Master Mind ! Evidemment, il reste toujours la possibilité de redemander un mot de passe, mais c’est un peu la solution de facilité.

Autre champion de la complexité en la matière, le Yahoo ID. Si vous avez perdu votre identifiant ou votre mot de passe, vous êtes bon pour 5 bonnes minutes de pérégrination entre plusieurs questions sordides où l’on vous demande l’âge de votre mère ou la couleur de votre chat blanc.

Chez Yahoo, retrouver son mot de passe est un véritable parcours du combattant

Chez Yahoo, retrouver son mot de passe est un véritable parcours du combattant

Mais le pompon en la matière revient sans doute à Ebay pour lequel j’ai définitivement perdu les informations d’un de mes comptes malgré de longues minutes de transpiration.

Quoi ma mère ? Pourquoi tu veux savoir le nom de ma mère ?

Et si je n'ai pas de mère, je fais quoi, moi ?

Alors qu’il me semble être certain de connaître ma date de naissance et le nom de jeune fille de ma mère (qui n’ont pas changé depuis environ 35 ans), Ebay refuse systématiquement de me valider mes informations (à croire que j’étais ivre le jour où j’ai du les entrer dans le système, mais bon…)

Mais cessons là ces sarcasmes, car il est évidemment compliqué pour des géants comme Ebay ou Yahoo de gérer des millions d’identités et il est normal après tout que des méthodes drastiques soient appliquées pour permettre aux honnêtes citoyens de retrouver leurs informations de connexion sans que d’autres puissent leur subtiliser.

Malgré cela, et si vous même ne devez pas gérer des millions de comptes pour votre site, vous devriez vous assurer que la procédure pour retrouver leurs identifiants ne se transforme pas en épreuve pour vos utilisateurs. Ou sinon, gare aux fuites ! Il se pourrait bien que ce simple petit problème soit, sans que vous en ayez conscience, le point de déperdition de futurs acheteurs.

,


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).

skimium Skimium.fr : Champion de France 2008 dergonomie



mabito-homepage1 Mabito.com : champion dAllemagne de lergonomie

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.

screen-capture-2 Mabito.com : champion dAllemagne de lergonomie

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).



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