Design : le cas du bouton désactivé

Lorsque nous désactivons un bouton sur un formulaire, nous désactivons souvent l’appel à l’action. Oui, cette chose sur la page que nous essayons d’encourager les utilisateurs à cliquer pour poursuivre leur voyage.

Pire encore lorsqu’un utilisateur clique sur l’appel à l’action dans l’espoir de poursuivre le processus, rien ne se passe. Ils ne se déroulent pas comme prévu et il n’y a aucun commentaire ou message d’erreur. Ils sont coincés et c’est frustrant. Cela pourrait même les faire se sentir stupides ou confus.

Les boutons désactivés ont également un aspect étrange et sont souvent difficiles à lire. La plupart ne respectent pas les directives de contraste des couleurs. Les utilisateurs inexpérimentés ne reconnaîtront pas nécessairement le bouton comme désactivé et se demanderont «pourquoi cela semble-t-il différent?»

Ce n’est pas seulement frustrant, les boutons désactivés peuvent exclure les personnes handicapées ou celles qui utilisent un mobile. Si un utilisateur ne peut voir qu’une partie du formulaire, il peut arriver à la fin en pensant qu’il a rempli tous les champs requis pour constater qu’il n’est pas en mesure de soumettre le formulaire en raison d’un bouton désactivé. Il n’y a aucune rétroaction leur indiquant ce qui ne va pas.

Les boutons désactivés peuvent avoir leur place dans les applications Web complexes. Ils peuvent être utiles pour indiquer à un utilisateur « vous ne pouvez pas faire cela ». Mais ils ne disent pas à l’utilisateur pourquoi. S’il ressort implicitement de l’expérience pourquoi le bouton est désactivé, ils sont peut-être utiles. Une interface utilisateur plus réfléchie peut souvent supprimer la nécessité d’utiliser des boutons désactivés.

Cependant, ils ne doivent pas être utilisés pour empêcher les utilisateurs de commettre des erreurs dans les formulaires. Souvent, ils n’empêchent pas les erreurs. Pour aider les utilisateurs, vous devez fournir des commentaires bien écrits et appropriés. Mais, vous devriez vous demander: quelle valeur est-ce que j’ajoute en ayant un bouton désactivé par rapport à ne rien montrer? Il en va de même pour tout élément d’interaction désactivé.

Bref, les boutons désactivés n’ont pas leur place comme appel à l’action sur les formulaires. Fournissez plutôt des messages d’erreur utiles. Il est également important de ne pas suivre aveuglément des règles ou des modèles établis par d’autres. Le point clé de Jakob Neilson est qu’une conception soignée empêche les utilisateurs de faire des erreurs. L’utilisation de boutons désactivés n’est pas prudente ou utile la plupart du temps.