Placement / ordre des boutons
Je conçois un formulaire qui sera utilisé pour publier une annonce. Le formulaire comprendra les boutons suivants dans sa section inférieure:
- Réinitialiser
- Aperç
- Mise à jour
J'ai besoin de conseils concernant la commande et le placement de ces boutons. quelle serait la disposition des boutons la meilleure et la plus logique pour ce cas?
L'arrangement actuel peut être vu ici:
Je le ferais par ordre de importance, en supposant que la gauche est la moins importante et que la droite est la plus importante. Dans la plupart des cas, importance = quantité de frustration si mal utilisée et permanence. Selon cette logique, votre commande devrait être modifiée de sa version actuelle: Réinitialiser, Prévisualiser la mise à jour à: Prévisualiser, Mettre à jour, Réinitialiser, mais je pense que dans ce cas spécifique, une exception devrait être faite, et elle devrait être Prévisualiser, Réinitialiser, Mettre à jour, parce que je crois que la mise à jour est la fonction principale, et donc la plus importante, et je crois que son importance l'emporte de loin sur le risque de "suppression" et l'ordre devrait être: Aperçu, Réinitialiser, Mettre à jour.
* En remarque: * Je pense que votre bouton de réinitialisation doit être rouge et que votre bouton de mise à jour doit être vert, en raison de leurs connotations positives et négatives, cela améliorera considérablement la convivialité.
Une suggestion:
Laissez le bouton "repos" en dehors s'il est destiné à effacer uniquement les champs du formulaire. Aucun corps ne remplit un formulaire pour trouver un bouton qui lui demande de réinitialiser un formulaire. Si votre proposition consiste à réinitialiser l'ensemble de l'ajout et ses paramètres sur plusieurs onglets (ou sections), même alors, la réinitialisation est un processus qui ne peut pas être annulé et l'utilisateur prend essentiellement le "risque impossible" pour reposer sa forme.
Venant à votre question
Si vous deviez placer ces trois boutons ensemble, je vous suggère d'afficher "Reset" espace espace espace "Aperçu" espace "Mise à jour". L'idée est de regrouper les boutons qui effectuent des actions connexes et de garder les boutons irrévérencieux physiquement et visuellement séparés.
En ce qui concerne la commande, j'irais avec Reset, Preview et Update comme vous l'avez suggéré. Notre balayage visuel commence en haut à gauche et se termine en bas à droite. Également dans une liste donnée, le premier et le dernier élément sont les plus faciles à repérer et à cliquer. Compte tenu de l'importance et de l'utilisation des boutons Aperçu et Mise à jour, je suggère de les conserver à l'endroit "le plus visible", en bas à droite.
Si vous cherchiez à placer vos boutons en haut du formulaire (comme dans le cas d'une application Web), ma commande suggérée serait la même. Réinitialiser ----- Aperçu - Mettre à jour.
Une autre couche d'amélioration serait de donner plus d'importance au bouton "Mettre à jour" en changeant sa couleur ou en fournissant un contour/bordure autour. Si vous faites cela, vous pouvez afficher ces trois boutons ensemble comme RESET - PREVIEW - UPDATE .
- J'en viens à la question - "Je conçois un formulaire qui sera utilisé pour publier une publicité". Les libellés des boutons sont basés sur " l'action que l'utilisateur souhaite que vous preniez ". L'utilisateur du scénario actuel souhaite publier sa publicité. L'étiquetage du bouton "Mettre à jour" sur "Publier" sera donc plus perçu.
- Le bouton "Réinitialiser" apparaît sur l'image lorsque vous avez un grand nombre de champs de saisie et que l'utilisateur a dû supprimer manuellement le texte de chaque champ lorsqu'il a mal saisi. Aucun bouton de réinitialisation n'est requis dans l'exemple ci-dessous car le formulaire est court https://www.redbox.com/register?ReturnUrl=http%3a%2f%2fwww.redbox.com%2f
L'ordre de placement sera - Aperçu et publication côte à côte
Ordre de placement, y compris la réinitialisation - Réglez le bouton de réinitialisation un peu plus loin que le bouton Aperçu et publication. afin que l'utilisateur ne clique pas accidentellement. Pour une réponse plus spécifique, veuillez partager votre écran de formulaire de conception.
Comme les autres affiches l'ont mentionné, c'est généralement considéré comme une mauvaise forme pour inclure les boutons "Réinitialiser" sur les formulaires Web de nos jours .
Si vous pouvez supprimer ce bouton, vous pourrez rendre l'ordre des boutons plus logique, en faisant du bouton "Mettre à jour" le principal (en passant, le texte de ce bouton devrait idéalement être remplacé par "Enregistrer les modifications", " Mettre à jour l'annonce "ou similaire pour le rendre plus clair, car" Mettre à jour "en tant que verbe pourrait également signifier" Actualiser la page ", ce qui a une signification très différente pour l'utilisateur).
Donc, étant le bouton principal, vous pouvez le placer le plus à gauche sous le formulaire et positionner le bouton "Aperçu" à droite en tant qu'action secondaire.
Comme pour la plupart des réponses, il n'y a pas vraiment de bonne ou de mauvaise façon de procéder, surtout lorsque nous n'avons pas d'informations détaillées sur le contexte exact ou les utilisateurs. Cependant, certaines directives générales existent:
- L'ordre doit être logique et cohérent (par exemple, le plus utilisé au moins utilisé, le moins important au plus important).
- Le bouton par défaut qui est mis en surbrillance doit être logique, sauf dans le cas où l'action peut être destructrice (c'est-à-dire provoquer une perte d'informations), auquel cas vous devez empêcher l'utilisateur de pouvoir cliquer dessus par accident et ne pas le rendre par défaut.
- La convention de dénomination doit être simple et claire (la réinitialisation peut être ambiguë si d'autres étapes sont impliquées dans le processus, donc Clear peut-être mieux?)
- Testez et voyez si vos hypothèses correspondent aux attentes/comportements réels des utilisateurs!
Les boutons de réinitialisation ne sont pas essentiellement nécessaires sauf s'ils sont explicitement demandés.
Vous pouvez placer les boutons Mettre à jour - Aperçu - Fermer (le cas échéant) dans la zone inférieure droite, car il s'agit de la position commune pour interagir avec les boutons.
Veuillez noter que Windows suit le modèle Mettre à jour (OK) et Annuler.