Button

Emplacement du bouton Enregistrer / Suivant / Annuler / Avis de texte

Emplacement du bouton Enregistrer / Suivant / Annuler / Avis de texte
  1. Où mettez-vous des boutons Enregistrer et Annuler?
  2. Quel bouton d'annulation de côté?
  3. Devrait enregistrer le bouton en haut ou en bas?
  4. Si le bouton primaire est à gauche ou à droite?

Où mettez-vous des boutons Enregistrer et Annuler?

Sur une forme normale, la sauvegarde doit être sous les champs de forme. L'annulation doit être à gauche ou à droite de sauvegarde, mais pas trop près pour éviter les erreurs tragiques. La page de conception du formulaire d'application Web de Luke W a des diagrammes d'éclairage. Votre formulaire est inhabituel en ce que vous voulez que les boutons soient en haut.

Quel bouton d'annulation de côté?

Dans la plupart des langues, les gens sont habitués à lire du côté gauche au côté droit, donc cela s'accorde avec nos habitudes de discours pour mettre OK-Key sur le côté gauche de Cancel-Key. 2. Le type «OK / Cancel» facilite la voir et la sélection d'Ok-Key.

Devrait enregistrer le bouton en haut ou en bas?

Étant donné que vos utilisateurs accéderont généralement à une catégorie, apporteront une modification, puis cliquez sur Enregistrer les modifications, je pense que placer le bouton en bas / gauche est le meilleur. Si vos utilisateurs apportaient fréquemment des modifications dans plusieurs catégories, alors vous auriez un bon argument pour placer le bouton en haut.

Si le bouton primaire est à gauche ou à droite?

Les conceptions de page complète doivent avoir le bouton principal sur le côté gauche de la page. Si la fenêtre du navigateur est grande ou si vous devez faire défiler vers le bas pour remplir un formulaire, il est préférable d'avoir le bouton principal juste en dessous du dernier bit de contenu de la page.

Si les options sélectionnées sont supprimées des listes déroulantes à un seul et multi-sélection?
Comment supprimer une valeur d'une liste déroulante multisecte?Comment fonctionne la liste déroulante Multiselect?Comment supprimer plusieurs options...
Recommandation pour l'étiquette des graphiques avec 2 actions
Comment ajouter deux étiquettes de données à un graphique?Quel graphique est le mieux utilisé pour montrer la relation de deux variables?Quel type de...
Comment signifier différentes tailles de texte et poids de police dans les wireframes en papier?
Lors de la création de wireframes, quel est le moyen le plus efficace de représenter les mots?Le wireframe inclut-il le texte? Lors de la création d...