Utilisabilité Web: Enregistrer et annuler ... ou ... Annuler et enregistrer?
Windows et OS X ont toujours cognée la tête sur ce, mais qu'est-ce que le général de consensus sur l'opportunité d'un bouton Enregistrer ou d'Annuler bouton va d'abord dans une application web?
[Enregistrer] [Annuler]
ou
[Annuler] [Enregistrer]
Note: j'ai ces boutons en haut de la forme au ras du droit.
source d'informationauteur Keith Adler
Vous devez vous connecter pour publier un commentaire.
Suivez les principe de moindre étonnement: le faire de la façon dont Windows ([Enregistrer] [Annuler]), sauf si vous avez des raisons de croire que les utilisateurs de Mac qui composent une grande partie de votre base d'utilisateurs.
Instinctivement j'ai toujours mis le bouton Enregistrer comme l'élément le plus à droite.
Je pense qu'il y a d'autres choses à prendre en considération. Surtout si un bouton Annuler est réellement nécessaire, ou si un autre élément (comme un fil d'ariane pointant vers la page précédente) pourrait être plus approprié.
Edit: http://www.lukew.com/resources/articles/web_forms.html - La section "Primaire et Secondaire Actions" montre comment visual pondération peut être utilisé à bon escient.
La clé ici est que nous parlons de "web" facilité d'utilisation. À ce point, je pense qu'il est assez clair que les principal de moins d'étonnement référencé dans la accepté de répondre suggère que la droite est à l'avant action (enregistrer), puis à gauche est le recul de l'action (annuler), et non pas ce que l'on a accepté de répondre suggère.
Le navigateur web est l'interface utilisateur web, les utilisateurs sont plus habitués à, et+ de 15 ans de navigation sur le web a fait c'est assez clair que le bouton de retour est à la gauche du bouton. Il a également jives avec la de gauche à droite en fonction des langues que le web a été initialement développé pour les. Le droit est l'endroit où vous allez, la gauche est l'endroit où vous avez été.
Même, en général, ordinateur vernaculaire, une barre oblique /, penche à droite tandis qu'une barre oblique inverse, \, se penche à gauche.
L'INTERFACE utilisateur de windows est la valeur aberrante ici, et je pense que c'est une mauvaise décision à la base de votre conception de l'INTERFACE utilisateur de Microsoft priorité.
Je signale que votre coin en haut à droite de positionnement des deux boutons est non-standard, mais je ne pense pas qu'il porte sur l'ordre des boutons eux-mêmes.
Pour tous les controverses ce problème peut générer, il ne semble pas faire beaucoup de différence dans le réel de la performance humaine. Le les avantages et les inconvénients de chaque travail à un lavage. Les utilisateurs semblent tout aussi probable de s'attendre à Annuler, à gauche ou à droite dans les formulaires web. Il semble y avoir un biais en faveur de l'Annuler sur la gauche si les boutons sont largement séparés, mais vous ne voulez pas le faire car mettre le bouton Exécuter l'extrême droite est associée à la lenteur des réponses et le taux d'erreurs sur des formulaires web.
Je dirais que la chose la plus importante est d'être cohérent dans votre application, et assurez-vous d'Annuler est toujours marqué “Annuler” (et non pas, disons, de “Retour” comme j'ai vu dans une application web). Sinon, mettre les boutons uns à côté des autres et à proximité de la dernière champ de l'utilisateur de regarder (ce qui n'est probablement pas dans le coin supérieur droit du formulaire).
Et ne vous inquiétez pas trop.
Ce n'est probablement pas une grande différence de toute façon, tant que c'est clairement ce que les boutons.
Mon vote serait d'avoir à l'enregistrer sur la gauche, car c'est ce que les gens font le plus souvent, et les gens lisent de gauche à droite.
Aussi, je voudrais aussi mettre un peu d'espace entre les boutons, assurez-vous que les utilisateurs ne soient pas accidentellement cliquez sur l'un quand ils sont à essayer de cliquer sur les autres.
Pourquoi avez-vous besoin d'un bouton annuler à tout?
Sur un formulaire web, l'utilisateur peut presque toujours annuler par une autre action. Mettre "Annuler" près de "Sauver" est de créer une situation où l'utilisateur a une bonne chance de tir le siège éjectable quand tout ce qu'ils veulent faire est d'enregistrer.
En général j'ai mis le bouton qui sera la cause de la plupart des actions se produire plus éloigné du centre. Si vos boutons sont en haut à droite, ma commande serait [Annuler][Enregistrer]
Familiarité est souvent plus important que d'être objectivement correcte, puisque les choses qui ne sont pas familiers sont souvent, par défaut, à moins utilisable.
De gens utilisent leur PC Windows ou un Mac plus de votre application ou de votre site web. Donc, si j'étais à votre place, je choisirais l'ordre qui vous pensez être familier pour les utilisateurs qui vous intéresse le plus. Si c'est un surtout-mac public, le faire de la manière mac. Si la plupart des PC public, le faire sur le PC.
Sur une forme normale, sauvegarde doit être sous la forme de champs. Annuler devrait être à gauche ou à droite de la Save, mais pas trop près pour éviter des erreurs tragiques. Luc W Application Web de création de Formulaire de la page a quelques éclairant les diagrammes.
Votre forme est inhabituelle en ce que vous voulez que les boutons pour être au top. Dans ce cas j'aurais besoin de savoir ce que la page ressemble et comment il sera utilisé. Mais puisque vous êtes déjà à la rupture des flux entre les champs de formulaire et l'Enregistrer, je soupçonne Enregistrer devriez être sur la bonne à l'appui de la naturel de gauche à droite chemin.
(Windows et Mac, et ont des normes différentes pour le bouton de placement sur des boîtes de dialogueet ils ont tous les deux boutons en bas. Ces normes ne s'appliquent pas aux pages web.)