Entrée libre 37 salles · 6 ailes

Le musée des erreurs d’interface

Chaque œuvre exposée est une erreur d’UX qu’on essaie pour de vrai. On la subit, puis la vitrine voisine montre la version réparée, avec la règle à retenir.

Entrer dans le musée Voir la pièce maîtresse

0 salle visitée sur 37

Valider la commande ?

Commandes envoyées : 3

N° 01 Le bouton muet HTML sans retour visuel, vers 2009. Il a été cliqué trois fois, trois commandes sont parties.

Comment visiter

  1. 1Subissez le piège. Chaque vitrine de gauche contient une interface ratée, à essayer pour de vrai.
  2. 2Ouvrez la vitrine réparée. Elle se déverrouille dès que le piège a fait effet.
  3. 3Lisez le cartel. Pourquoi ça ne va pas, la règle à retenir et sa source.

Pièce maîtresse Exposition permanente

Coiffeur Antique, un site en deux versions

Le même salon de coiffure, la même page de contact. L’une cumule les erreurs des salles, l’autre les corrige toutes. Ouvrez les deux et comparez.

Sans UX Onze liens dans l’en-tête, des cookies imposés, un formulaire interminable. Visiter la version ratée Avec UX Quatre liens, quatre champs, des retours clairs. On prend rendez-vous en trente secondes. Visiter la version réparée

Plan du musée 37 salles

Six ailes, une erreur par salle

Suivez le parcours dans l’ordre, ou entrez directement dans la salle qui vous intéresse. Les salles visitées sont marquées.

Aile A · Gestes et boutons

Ce qu’on touche doit répondre, et ce qu’on casse doit pouvoir se réparer.

  1. 01 Le bouton muet Un bouton qui ne dit rien : on reclique, la commande part trois fois.
  2. 02 Le clavier qui vibre Des vibrations à chaque touche, sans retour visuel.
  3. 03 Le favori en trois étapes Trois étapes pour un simple favori.
  4. 04 La note sous condition Une note perdue faute de commentaire obligatoire.
  5. 05 Le zoom sans frein Un zoom bloqué, ou incontrôlable.
  6. 06 La corbeille piégée Supprimé d’un geste, sans retour possible.

Aile B · Saisie et formulaires

Remplir un formulaire ne devrait jamais ressembler à un examen.

  1. 07 Le texte d’exemple qui sert d’étiquette L’intitulé caché dans le champ disparaît dès la première lettre.
  2. 08 L’erreur vague Un « Erreur » en haut du formulaire, et débrouillez-vous.
  3. 09 Le formulaire qui efface tout Un message vague, et toutes les saisies effacées.
  4. 10 Le validateur pressé Une erreur rouge dès la première lettre tapée.
  5. 11 Le code en six cases Six cases pour un code, collage impossible.
  6. 12 Le brouillon perdu Un rechargement, et le texte disparaît.
  7. 13 L’aide qui fait quitter la page L’aide ouvre une autre page et fait perdre le fil.
  8. 14 Les frais surprises Des frais surprises au moment de payer.

Aile C · Navigation et repères

Savoir où l’on est, d’où l’on vient et comment en sortir.

  1. 15 Le menu qui se ferme tout seul Un menu qui se referme avant qu’on ait choisi.
  2. 16 La barre d’outils figée Des actions inutiles et des libellés figés.
  3. 17 Le retour qui efface Le bouton Retour fait tout perdre.
  4. 18 La liste interminable Une liste de 60 villes, sans recherche.
  5. 19 L’autocomplétion sponsorisée Des suggestions hors sujet qui changent d’ordre.
  6. 20 Les douze boutons Dix boutons du même poids, aucun repère.
  7. 21 L’article envahi Des pop-ups et des bandeaux par-dessus le texte.

Aile D · Retours et états

Une interface qui se tait laisse croire qu’elle est en panne.

  1. 22 Le sablier éternel Un sablier éternel, sans durée ni annulation.
  2. 23 Le chargement aveugle Un écran blanc, aucune idée de la durée.
  3. 24 La barre de progression muette Une barre de progression muette pour les lecteurs d’écran.
  4. 25 L’écran figé Un long traitement sans signe de vie.
  5. 26 La sauvegarde qui bloque Une sauvegarde automatique qui bloque l’écran.
  6. 27 L’écrasement silencieux Un conflit découvert après l’enregistrement.
  7. 28 La session expirée Session expirée, retour à zéro.
  8. 29 Le paiement à refaire Le paiement échoue, tout est à refaire.

Aile E · Lisibilité et attention

Ce qui ne se lit pas n’existe pas. Ce qui crie tout le temps non plus.

  1. 30 Le gris sur gris L’information importante écrite en gris clair sur blanc.
  2. 31 Le badge « Nouveau ! » partout Des badges clignotants partout, qui reviennent sans cesse.
  3. 32 Tout en rouge Tout est en rouge, donc rien n’est urgent.
  4. 33 Les rappels imposés Des rappels imposés, sans réglage.

Aile F · Confiance et pièges

Les pièges commerciaux, ou l’art de faire dire oui.

  1. 34 La bannière de cookies piégée Refuser les cookies demande quatre écrans.
  2. 35 Les cookies déjà posés Des traceurs posés avant même votre choix.
  3. 36 Le paiement sans repère Aucune indication sur qui traite votre carte.
  4. 37 L’export par courrier Un courrier papier pour récupérer ses données.

Frustromètre

Votre colère, mesurée

Le musée compte vos clics rageurs : trois clics rapides au même endroit. Plus il monte, plus la salle a bien fait son travail.

0 clics rageurs depuis votre arrivée