web-dev-qa-db-fra.com

Les boutons «dangereux» devraient-ils être gros et rouges ou petits et discrets?

Dans une application Web, certaines personnes pensent qu'un bouton "Supprimer" doit être évident et rouge vif, signifiant un danger. Le problème est que cela attire l'attention sur le bouton et peut rendre les clics accidentels plus probables. Donc en général ...

Les boutons "dangereux" doivent-ils être visibles? Ou doivent-ils être discrets?

Les boutons "dangereux" sont des boutons sur lesquels les utilisateurs ne doivent jamais cliquer par accident. Il s'agit généralement de boutons d'action secondaires qui provoquent des actions destructrices, qu'ils aient besoin d'une confirmation ou qu'ils ne puissent pas être annulés.

Je me demande si cette question a été traitée ailleurs. Je remarque que l'icône du bouton Supprimer de Microsoft Outlook 2007 est tout simplement noire, alors que l'IICR était rouge il y a quelques années. La page d'édition du blog WordPress va encore plus loin: le bouton Enregistrer est grand et facile à cliquer, tandis que le bouton Supprimer est un petit hyperlien simple qui n'attire pas l'œil. Il existe de nombreux autres exemples.

J'ai vu ce modèle de "bouton destructeur discret" utilisé dans de nombreux endroits, mais je n'ai pas vu de référence décente. Ce problème est-il discuté dans des livres ou des sites Web?

34
Bennett McElwee

Il y a un petit extrait d'informations que je peux ajouter. Bruce Tognazzini a posté sur AskTog il y a quelques années:

"Il semblerait à première vue que peindre la boîte de fermeture en rouge est une bonne chose, car cela avertit l'utilisateur de son danger potentiel. Cependant, une étude réalisée à Apple il y a près de dix ans a révélé que la souris de l'utilisateur gravite vers des objets rouges presque comme s'ils étaient possédés par le magnétisme. L'étude nous a forcés à abandonner l'idée de faire des boîtes fermées et l'option d'arrêt en rouge. "

Cela peut ajouter une certaine influence à votre décision, mais je ne peux pas dire que j'ai cliqué sans réfléchir depuis 9 ans sous Mac OS X!

21
Alastair J

Dépend.

Par exemple, si vos utilisateurs sont susceptibles d'utiliser la navigation au clavier (c'est-à-dire les applications professionnelles) et que le focus est automatiquement sur le bouton Supprimer, alors la taille n'aura pas vraiment d'importance s'ils s'attendent à ce que la touche Entrée fasse autre chose.

Juste un exemple pour expliquer pourquoi cela dépend.

La suppression est-elle une fonction probable dans le contexte de l'écran et des tâches? Une suppression est-elle réversible?

Il faut également tenir compte de la distance du bouton par rapport à la zone cible, c'est-à-dire si vous devez cocher une case sur le côté gauche de l'écran, puis vous déplacer à l'extrême droite pour cliquer sur supprimer, puis ce qui compte; également la proximité de la suppression avec d'autres options.

Des éléments tels que des icônes (le X rouge ou la poubelle) peuvent soit réduire le temps d'acquisition et de reconnaissance de la cible ... soit le gêner, s'ils sont mis en œuvre de manière incorrecte.

Donc, désolé - il n'y a pas de bonne réponse à cette question.

Personnellement, je n'aime pas la nouvelle implémentation de Wordpress - cela rend la fonction de suppression trop difficile à localiser.

Si les gens cliquent accidentellement sur le bouton Supprimer et que ce n'est pas une fonction souvent utilisée, envisagez une suppression en deux étapes + confirmez ou sélectionnez + supprimez la mise en œuvre, ou déplacez le bouton, ou ajoutez/supprimez l'iconographie, agrandissez-le, plus d'espaces autour, etc. .

7
Nathanael Boehm

Parfois, le bouton Supprimer IS l'action principale, alors il devrait être plus important, sinon il ne devrait probablement pas se démarquer autant. J'aime aussi la façon Wordpress l'a implémenté avec un lien simple insignifiant qui obtient un arrière-plan rouge très visible lorsqu'il est survolé.

J'ai tendance à penser que ce qui se passe après avoir cliqué sur le bouton est plus important que son apparence. Si l'action est réversible (fonction d'annulation), ce n'est pas si dangereux et le coût d'un clic accidentel est très faible.

Je préfère avoir une fonction d'annulation à l'action de suppression, mais si cela n'est pas possible, il devrait probablement y avoir une sorte de confirmation. Dernièrement, j'emprunte un modèle de conception à l'iPhone dans mes applications Web. Et c'est lorsque vous cliquez sur le bouton Supprimer, il se transforme en un nouveau bouton avec l'étiquette "Confirmer la suppression" ou quelque chose de similaire. L'action de suppression n'est pas effectuée tant que le bouton "Confirmer" n'est pas enfoncé. Je pense que c'est une façon plus discrète de demander une confirmation que la boîte d'alerte oh si commune qui devrait être évitée à tout prix :-)

5

Je pense que cela dépend beaucoup du contexte du bouton, et même de son contexte dans l'application globale. Il peut y avoir des parties de votre application où "Supprimer" est moins "destructif" que dans d'autres parties. Dans ce cas, vous avez un problème de cohérence à résoudre. De plus, comme cela a été souligné à juste titre, la suppression est parfois l'action principale sur une liste ou sur un écran. Vous devez donc équilibrer à quoi ressemblent les actions principales dans le reste de votre produit avec les fonctionnalités de la suppression elle-même.

À titre secondaire, que pensent les utilisateurs attendre quand il s'agit de supprimer des boutons? Le "X" est assez synonyme de fonctionnalité de suppression et la couleur du "X" (vous avez mentionné Outlook) ne semble pas trop cruciale. Je crois que les utilisateurs apprécient (sinon s'attendent nécessairement) à être invités à confirmer une suppression - bien que cela revienne à la question de savoir à quel point une suppression peut être destructrice et si elle est facilement annulable.

Bien que je pense que l'apparence des choses est maintenant aussi importante que la façon dont les choses fonctionnent (dans un sens général), je pense que ce genre de chose est davantage gouverné par l'opération que par l'esthétique.

1
Sam K

Si "Supprimer" est dangereux, assurez-vous de demander à l'utilisateur " Êtes-vous sûr? "

Je pense que tous les commentaires/réponses ci-dessus sont bons et pertinents. Puis-je proposer une deuxième réponse à cette question? En fin de compte, je pense que l'un des aspects les plus importants de la protection des utilisateurs contre les ravages en cliquant accidentellement sur "Supprimer", est de fournir une couche plus sûre à l'option:

Par cela, je veux dire, assurez-vous de dire " Hé! Êtes-vous sûr de vouloir faire cela? "

1
jffgrdnr