web-dev-qa-db-fra.com

Meilleure position et étiquettes des boutons sur une page de création de commande

J'ai une interface "créer une commande" qui comprend déjà plusieurs boutons. Veuillez regarder la capture d'écran ci-dessous:

! [entrez la description de l'image ici] [1]

Ma question:

  1. Je dois ajouter un nouveau bouton ("Ajouter un nouvel élément") qui devrait être visible et accessible à l'utilisateur à tout moment, même s'il a fait défiler la page. Où devrait être ce bouton ?;
  2. Je dois modifier la position du lien "Annuler" pour indiquer clairement que tous les détails du colis en cours de chargement seront annulés. Pouvez-vous suggérer une meilleure position et une meilleure étiquette pour cela?

Jusqu'à présent, j'ai envisagé d'ajouter ces deux boutons à la fin dans une position "statique", donc même si l'utilisateur fait défiler la fenêtre, ces boutons seront toujours accessibles. Veuillez faire une capture d'écran de l'écran ci-dessous.

! [entrez la description de l'image ici] [2]

{supprimé les images pour des raisons de confidentialité des données}

3
AT - UID

J'utiliserais deux colonnes. Dans la colonne de gauche, les utilisateurs font défiler les commandes et prennent des mesures spécifiques à la commande. Dans la colonne de droite, vous avez les boutons statiques qui effectuent des actions qui ne sont pas spécifiques à l'ordre (comme ajouter une nouvelle commande ou effacer toutes les commandes), et cette colonne reste dans la même position que l'utilisateur fait défiler la page.

Vous pouvez également avoir une section "suivant" en haut (ou en bas) de la page qui reste dans la même position pendant que l'utilisateur fait défiler vers le bas.

1
pkr298

Je ne peux pas encore voter, mais je serais heureux en tant qu'utilisateur avec les onglets supérieurs ou de catégorie. alors imaginez deux votes positifs, un sur chacun.

s'il ne me suivait pas, je le ferais sur Android ou quoi que ce soit non Apple apprécie une option "tap top to go to top" (Apple) et aussi un "appuyez en bas de l'écran pour revenir/à l'endroit où vous étiez lorsque vous avez appuyé sur" en haut ".

Je fais pas mal de courses en ligne et je suis en ligne sur mobile presque tous les jours, généralement pendant au moins 8 heures et souvent beaucoup plus. en ce moment ma vie est en ligne, avec une pincée de hors ligne réticents.

une énorme contrariété, dans la navigation dans les listes ou les produits (commande ou non), c'est comment, lorsque vous choisissez un article à visualiser ou à obtenir ou réviser, vous revenez au début. toujours. J'ai abandonné de nombreuses listes volumineuses (de toutes sortes, sur tous les appareils qui se connectent) simplement à cause de la lenteur douloureuse et de la difficulté à trouver où vous vous trouviez si la liste est vraiment grande.

J'ai également plus que quelques fois abandonné un achat ou un article prometteur à cause de quelque chose qui couvre le contenu ou une fonction mais qui est difficile à ignorer ou qui se reproduit instantanément et à l'infini. en relation. je voulais juste que les concepteurs y réfléchissent.

1
iquanyin

Tout d'abord, essayez de classer vos actions en groupes comme les actions "primaires", "secondaires". Actions principales - "Créer une commande" et "Ajouter un nouvel élément" Action secondaire - "Annuler"

Pensez à "Accordance" de ces boutons d'action sur la base du primaire et du secondaire. (comme indiqué dans l'image ci-dessous)

Vous pouvez également utiliser les boutons "Flottant" ou FAB pour "Ajouter un nouvel élément".

Faites-moi savoir si vous êtes d'accord avec ma réponse.

enter image description here

0
abhishek jain

Je pense que le coin supérieur gauche serait la meilleure position pour mettre ces boutons. Ils sont assez faciles à manquer au fond!

0
Alex B