web-dev-qa-db-fra.com

Interface utilisateur cohérente avec différentes actions

J'ai un petit dilemme et je me demandais si tu pouvais aider.

Dans un flux de paiement, l'utilisateur a le choix entre la collecte de billets au magasin ou à partir d'un kiosque dans un complexe.

L'écran de sélection de magasin est OK:

  • L'utilisateur peut sélectionner le magasin immédiatement ou voir plus de détails
  • L'utilisateur fait une sélection
  • La sélection est mise en évidence
  • L'utilisateur continue en utilisant le bouton ci-dessous les options

Store select screen

Le problème survient lorsque l'utilisateur doit sélectionner un kiosque au complexe pour collecter les tickets. Je ne vois pas comment l'utilisateur peut sélectionner activement un kiosque, avec des commentaires mettant en évidence le choix actif. S'ils sélectionnent un kiosque différent comme le même complexe, il y a peu de repères visuels.

Il existe deux kiosques par complexe pour les boutons radio.

Avez-vous des suggestions à faire sur ce point?

Merci beaucoup.

Selecting kiosk at complex

1
MollyB

Il me semble que vous montrez trop d'informations à la fois.

Je voudrais d'abord que l'utilisateur sélectionne un complexe, puis seulement montre un moyen de sélectionner un kiosque. De cette façon, il sera clair quel complexe est sélectionné. L'interface que vous montrez est déroutante. Pourquoi montrer plusieurs complexes à la fois? Que se passe-t-il si un utilisateur sélectionne des kiosques dans deux complexes différents?

Je ferais la même chose avec le magasin également: avoir une liste avec uniquement des informations clés qui différencient les magasins (comme la distance de l'emplacement ou une partie reconnaissable de l'adresse, comme la ville/le quartier). Afficher uniquement des informations détaillées telles que les heures une fois qu'un magasin a été sélectionné.

1
user31143

Un petit merci à Dan et Igor. Vous avez posé les bonnes questions quand j'étais au milieu de la cécité itérative!

La solution semble fonctionner le mieux:

  • Sélectionnez complexe avec radio pour révéler la liste déroulante du kiosque.
  • Lors de la sélection du kiosque, les détails du kiosque sont révélés, l'arrière-plan est mis en surbrillance.

L'utilisateur a donc des commentaires à chaque étape. Merci encore. Bon week-end.

0
MollyB

Bien qu'il semble que vous ayez trouvé une solution qui fonctionne pour vous, je pense que vous pourriez aider davantage vos utilisateurs en fournissant un schéma de la disposition du kiosque. Cela fournirait aux utilisateurs un moyen de s'orienter visuellement au moment du ramassage. Un utilisateur peut également l'imprimer et l'emporter avec lui s'il le souhaite.

0
Teresa Ortega