web-dev-qa-db-fra.com

désaccentuer annuler

Est-ce une bonne idée de désaccentuer le bouton d'annulation?

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

vs.

mockup

télécharger la source bmml

11
Homer

Jakob Nielsen a déclaré que la suppression du bouton Réinitialiser (ou annuler) aide la convivialité la plupart du temps :

Étant donné que Back est un comportement très puissant sur le Web, il n'est généralement pas nécessaire de proposer des boutons Annuler explicites. Si l'utilisateur demande quelque chose mais ne le veut pas, alors vous pouvez être sûr que c'est l'heure du bouton Retour.

Offrez un bouton Annuler lorsque les utilisateurs peuvent craindre de s'engager dans quelque chose qu'ils souhaitent éviter. Avoir un moyen explicite d'annuler offre un sentiment de sécurité supplémentaire qui n'est pas offert simplement en partant.

Quelques questions ici aussi: N'est-il pas conseillé d'avoir une option d'annulation visible lors de l'exécution d'une action telle que supprimer ,

Dans quel sens vos utilisateurs doivent-ils pouvoir annuler? S'ils pouvaient simplement "annuler" en appuyant sur le bouton de retour, ce serait mon conseil.

Si vous avez besoin d'avoir le bouton Annuler, je pense que le désaccentuer et en faire juste un lien texte est la voie à suivre. De cette façon, les utilisateurs se concentreront sur le bouton Enregistrer, ce qui les fera avancer dans le processus, et l'action par défaut est évidente. S'il s'agissait d'un processus de commerce électronique, vous voudriez faire avancer les utilisateurs dans le processus de conversion plutôt que de donner à l'option en arrière (ou à l'option de sortie) le même poids. Avoir ces boutons dans l'ordre "Enregistrer - Annuler" correspond à l'ordre de Windows (7, au moins; je ne suis pas sûr de 8), donc cela semble un peu plus naturel.

10
David

Je vais aller un peu à l'encontre du flux général ici et dire que cela dépend de la situation dans lequel vous les utilisez. le défaut. Il s'agit donc plutôt de savoir si c'est un meilleur choix de faire cela par défaut ou non.

Si vous êtes demandant quelque chose de trivial sans grandes conséquences, alors la désaccentuation du bouton d'annulation est un bon choix. forme en plusieurs parties, alors cela a également beaucoup de sens.

En fait, dans de nombreuses situations où vous pourriez utiliser un bouton d'inscription sans accentuation, vous devriez vous demandez si vous avez même besoin du bouton Annuler en premier lieu.

Cependant, lorsque le bouton d'annulation est là pour protéger contre une action ayant des conséquences critiques, non seulement vous ne devez pas le souligner, mais vous devez en faire la valeur par défaut. Lorsque le bouton d'annulation apparaît dans le cadre d'une invite. Imaginez l'invite suivante, puis réfléchissez-y.

Êtes-vous sûr de vouloir supprimer votre compte? Toutes les données seront définitivement perdues.

3
JohnGB

Oui, vous devez désaccentuer le bouton Annuler (resp. Le styler différemment).

Non, vous ne devez pas le faire ressembler à un lien.

Je pense que le styliser comme un lien donne une fausse impression. Certains pourraient penser qu'ils pourraient ouvrir ce "lien" dans un onglet. Certains qui recherchent un moyen d'annuler l'entrée peuvent ne pas reconnaître ce "lien" car ils recherchent un bouton. Et ce n'est tout simplement pas cohérent.

Vous devez utiliser une méthode différente pour la désaccentuer, par exemple:

  • par taille:
    • le rendre plus petit (en hauteur/largeur et/ou taille de police)
  • par couleur:
    • le rendre incolore tout en donnant une couleur au formulaire de soumission
    • coloriez le bouton d'envoi en vert et le bouton d'annulation en rouge
  • par position:
    • ne les placez pas directement les uns à côté des autres (je ne préfère pas cela car vous pourriez toujours les confondre facilement)
  • par symbolisme:
    • ajouter un symbole de coche (ou similaire) au bouton de soumission et rien à annuler le bouton

Un autre moyen (mais jamais vu auparavant) pourrait être d'exiger deux clics sur le bouton Annuler avant d'annuler le formulaire. Après le premier clic, le texte de l'étiquette/du bouton se transforme en quelque chose comme "Voulez-vous vraiment annuler? Toutes vos données saisies seront perdues.". Quelqu'un souhaitant annuler explicitement un formulaire sera probablement attentif si cette action réussit et notera donc la confirmation "cliquer à nouveau".

2
unor

Je suis d'accord avec la réponse de David.

Si vous devez avoir un bouton Annuler visible, un lien réduirait certainement sa hiérarchie. Cependant, s'il ne suit pas votre guide de style, vous pouvez avoir deux boutons, juste avoir le bouton "Enregistrer" en vert par exemple, tandis que l'annulation en gris clair (ou une légère différence par rapport à son arrière-plan).

1
Chris N.