web-dev-qa-db-fra.com

Un bouton d'annulation est-il nécessaire dans un formulaire Web?

Personnellement je ne l'ai jamais utilisé. Je ne mets pas d'informations dans un formulaire et je décide ensuite que tout doit être effacé. Je modifierais un champ.

De plus, annuler dans une interface utilisateur suggère d'annuler une action en cours. Remplir un formulaire n'est pas en cours.

Un bouton "Effacer tout" serait-il plus approprié?


[~ # ~] modifier [~ # ~] : ( de question fusionnée )

Si les boutons de "réinitialisation" ne sont pas redondants, alors pourquoi? Donnez-moi un cas où ils sont entièrement acceptés, utiles et peut-être même encouragés/requis?

Si vous vous sentez obligé d'en mettre un; cela signifie-t-il que votre formulaire pourrait être plus utilisable?

64
Tony_Henrich

L'article cite Robert Fraser est un bon article, mais il a une décennie. Depuis, le Web a quelque peu changé. Êtes-vous honnêtement d'accord avec les phrases surlignées dans l'image ci-dessous?

alt text

Nous devons être prudents pour faire la distinction entre une expérience basée sur un navigateur qui est "documentée" (où le bouton RETOUR fonctionne très bien) et "appliquée" (où l'utilisateur peut avoir besoin d'un moyen pour abandonner une tâche ou une séquence d'unité d'oeuvre).

Exemple: l'ajout d'un commentaire sur ce site semble irrécupérable. Une fois que vous avez cliqué sur "ajouter un commentaire" (en minuscules ", vous n'êtes pas autorisé à renflouer. (J'utilise Chrome 5.x ...)). la page, loin de la question, etc.

51
CSSian

Non.

Si vous voulez dire quelque chose qui annule le formulaire actuel et vous ramène là où vous étiez, le bouton de retour du navigateur est déjà là.

Si vous voulez dire un bouton "reset"/"clear all" qui efface tout ce que vous avez tapé, alors NON, NON, NON! C'est beaucoup trop facile de cliquez accidentellement et n'ajoute aucune valeur.

Quoi qu'il en soit, voici un article à lire absolument sur le sujet: Boutons de réinitialisation/annulation considérés comme nuisibles .

38
Robert Fraser

Je pense que cela dépend vraiment du contexte:

  • Si les valeurs du formulaire sont enregistrées (par exemple, recherche avancée), il est toujours judicieux d'avoir un bouton de réinitialisation.

  • S'il s'agit d'un formulaire à usage unique (par exemple, un formulaire de contact), cela n'est pas nécessaire car l'utilisateur peut simplement s'éloigner de la page s'il ne souhaite pas soumettre le formulaire pour une raison quelconque.

S'il y a un bouton de réinitialisation, assurez-vous qu'il ne soit pas confondu avec le bouton d'envoi. Je ne crée généralement pas de boutons, mais des liens pour être sûr qu'il n'est pas cliqué accidentellement lorsqu'un utilisateur essaie de soumettre le formulaire et n'a pas lu les boutons (c'est probablement la chose la plus frustrante qui puisse arriver lors de la soumission d'un formulaire ...)

6
Phil

La seule fois où j'utiliserais un bouton "Annuler" serait dans des situations où un client a pu enregistrer un formulaire incomplet et y revenir plus tard, soit dans la même session, soit dans une session ultérieure.

Je voudrais également attacher un nom à l'étiquette du bouton pour donner une signification plus claire de ce qui a été annulé.

'Annuler la commande' 'Annuler le devis'

Vous pouvez également trouver un bouton 'Supprimer' plus approprié .... par exemple 'Supprimer les détails de la carte' 'Supprimer l'élément' etc.

5
Nathan-W

Un bouton d'annulation est logique dans une application Web où la modification d'un formulaire établit une sorte de verrouillage sur une ressource, comme empêcher les données d'être modifiées par d'autres utilisateurs. Le bouton "Annuler" peut être utilisé pour permettre à l'utilisateur de libérer le verrouillage des ressources immédiatement, au lieu de laisser le système attendre un délai d'attente ou la fin de la session.

5
Steven T. Snyder

S'il est clair comment l'utilisateur peut s'éloigner du formulaire, sans le soumettre, lorsque le bouton de réinitialisation n'est pas aussi utile. L'inclure ne peut qu'élargir la possibilité que l'utilisateur clique dessus par accident et efface tout son travail acharné.

Ce dont vous avez parfois besoin, c'est d'un bouton d'annulation pour vous éloigner du formulaire, mais uniquement lorsque l'autre navigation n'est pas évidente.

Je pense que réinitialiser le formulaire à ce qu'il était lorsque la page a été chargée est rarement une action que l'utilisateur souhaite effectuer.

1
Steve

Le seul cas où un bouton d'annulation est nécessaire serait si un utilisateur cliquait pour mettre à jour un paramètre (informations personnelles, paramètre de compte, etc.).

0
zarzecks

Certainement inutile!

Les raisons données ici sont correctes, en plus vous pouvez regarder cette question sur le même sujet:

Historique du bouton "Effacer tout"

0
Dan Barak

Les boutons Annuler n'appartiennent pas aux formulaires. Ils sont destinés aux barres de progression et aux fenêtres de confirmation où les processus système sont impliqués. Cet article explique comment les boutons d'annulation peuvent dérouter les utilisateurs.

Tuer définitivement le bouton Annuler sur les formulaires

0
Beanest

Je sais que cette question a 3 ans, mais je veux moderniser cela et ajouter que pour des raisons d'accessibilité , avoir un bouton d'annulation explicite est absolument nécessaire pour éviter le "No Keyboard Trap" .

Voici la source de WCAG 2.0: http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-trapping.html

Une boîte de dialogue modale Une application Web affiche une boîte de dialogue. Au bas de la boîte de dialogue se trouvent deux boutons, Annuler et OK. Lorsque la boîte de dialogue a été ouverte, le focus est piégé dans la boîte de dialogue; la tabulation à partir du dernier contrôle de la boîte de dialogue met en évidence le premier contrôle de la boîte de dialogue. La boîte de dialogue est fermée en activant le bouton Annuler ou le bouton OK.

0
Pdxd