web-dev-qa-db-fra.com

Positionnement des boutons pour les actions négatives, neutres et positives

Je suis en train de rédiger un guide de style pour une application web, en particulier une section sur les boutons (c'est le poids visuel, la position et l'étiquetage).

J'y suis presque, j'ai fait beaucoup de recherches sur divers articles et blogs, et j'ai décidé de placer des boutons d'action positive à droite et des boutons négatifs/neutres à gauche.

Mais je ne sais pas comment gérer les situations où vous pouvez avoir une combinaison sur les trois types.

Voici un exemple.

enter image description here

Quelle est la meilleure méthode? Je me penche vers B, pour les raisons pour lesquelles l'utilisateur est moins susceptible de frapper accidentellement l'option Négative (Rejeter), en optant pour le Positif (Approuver). Frapper le neutre (Annuler - qui dans cet exemple artificiel fermerait une boîte de dialogue) par erreur ne serait pas si grave.

Cependant, avoir un tel écart entre l'action négative pourrait signifier qu'il est manqué. Les yeux ont également une plus grande zone à scanner.

Quelqu'un peut-il m'aider à ce sujet?

3
Gareth Lewis

Approuver et rejeter sont une paire d'actions correspondante, tandis que Annuler est "quelque chose de différent" - le choix de ne prendre aucune action après tout.

Par conséquent, je préférerais l'option A ou C.

Je trouve B déroutant, car cela semble impliquer qu'approuver et annuler sont étroitement liés, tandis que le rejet ne l'est pas. En un coup d'œil, on pourrait penser que "Annuler" est l'opposé de Approuver sur la base du placement et le toucher accidentellement plutôt que Rejeter.

Je pense qu'un arrangement logique des actions est le plus important pour éviter les erreurs. Tant que les boutons sont de taille adéquate, une mauvaise lecture mentale des options semble être une source d'erreur plus probable que de frapper accidentellement la mauvaise partie de l'écran.

2
user31143

Cela dépend certainement du contexte. Mais je discutais d'un scénario similaire avec un ami aujourd'hui. Je suggère, si la situation le permet - par exemple, si sa fenêtre pop-up un bouton X en haut, il est beaucoup plus simple. Encore une fois, si le scénario le permet. L'intention était d'éviter le bouton Annuler lui-même, car sa fonction n'est rien d'autre que de revenir à ce que l'utilisateur faisait, sans commettre aucune action.

1
Amit Jain