web-dev-qa-db-fra.com

Positionnement du même bouton de confirmation pour 3 situations d'affichage de panneau différentes

J'ai deux panneaux qui sont cachés/affichés selon la valeur de "l'état à affecter" liste déroulante. J'ai douté de placer le bouton Confirmer:

  • Dans un position fixe, par exemple: le coin inférieur droit (comme dans la dernière image).
  • Selon chaque affichage de la situation.

enter image description hereenter image description hereenter image description here

Pour l'instant, comme vous pouvez le voir, j'ai choisi cette dernière approche, car je pense:

1) Il suit le flux lors du remplissage des entrées.
2) Il y a juste 1 bouton, donc ce n'est pas un gros problème (à propos de "l'orientation utilisateur") de rendre le bouton "réactif".
3) Compte tenu du cas de la première image, où placer le bouton fixé en bas à droite serait assez désagréable (trop d'espace vide au milie).

Donc, les questions:

1) Où serait-il préférable de placer le bouton de confirmation dans les approches both et laquelle choisiriez-vous?
2) (peut-être implicite dans 1)) Comment pourrais-je améliorer mon approche actuelle (en me référant simplement au positionnement)?

1
Alejandro Veltri

J'essaierais de rendre ce comportement de formulaire vertical au lieu d'horizontal. Il est difficile de savoir si cette option est sur la table - car je ne suis pas au courant du reste de l'interface, mais je pense qu'une partie du problème provient de la croissance horizontale du formulaire couplée au bouton de confirmation sous la textara.

Et en ce qui concerne les utilisateurs plus âgés, une orientation verticale faciliterait probablement leur traversée de la forme, le dernier repos de leurs yeux et de leurs actions étant le bas. J'ai observé des utilisateurs de tous âges aux prises avec des actions désalignées ou "hors axe".

Comme toujours, les solutions de prototypage et de test de vos théories par rapport à la rétroaction des utilisateurs sont les meilleures. J'espère que cela t'aides.

1