web-dev-qa-db-fra.com

Existe-t-il une meilleure pratique pour l'accès direct à toutes les étapes d'un processus en plusieurs étapes sur mobile

Je travaille sur un processus en plusieurs étapes dans une application Android et je me demande s'il existe une bonne solution pour permettre à l'utilisateur d'accéder à toutes les (3 peut-être 4) étapes sans perdre trop d'écran) biens.

Mon processus est comme ceci: enter image description here

À l'étape 2, l'utilisateur travaille sur une longue liste d'éléments, comme une liste de tâches. Les éléments traités se déplacent vers l'onglet terminé et peuvent être revus et annulés à partir de là. Une fois que la liste est vide, elle affiche un bouton pour passer à l'étape suivante.

Mais l'utilisateur peut décider de continuer sans terminer la liste entière et l'utilisateur peut vouloir revoir l'étape 1 de l'étape 3. J'ai pensé à une navigation inférieure ou à une autre barre de navigation supplémentaire avec accès à toutes les étapes, mais à l'étape 2, vous avoir des onglets et un élément similaire et si je garde également la barre supérieure Android en haut, il n'y aura peut-être pas assez de place pour la liste.

J'ai 2 idées: Ajouter un menu pour accéder à toutes les étapes. J'hésite à utiliser l'icône du menu contextuel à trois points ici, car cette interaction me semble trop importante ...

enter image description here

Ou travailler sur une barre supérieure personnalisée qui affiche toutes les étapes.

Qu'est-ce que tu penses?

4
linnedude

La barre d'en-tête qui montre l'étape en cours (titre "Étape X" dans vos maquettes) peut avoir une représentation des étapes précédentes et suivantes. Peut-être des cadres empilés qui indiquent également le nombre d'étapes (effectuées ainsi que à venir). Le cadre supérieur contient le numéro de la dernière et de la prochaine étape. Ainsi:

[1]     Step 2      [3]]

signifierait que vous êtes sur la deuxième étape et il y en a deux autres. Cliquez sur l'un des cadres pour vous y rendre. S'il existe plusieurs étapes, vous pouvez utiliser une liste déroulante similaire à celle illustrée.

Cette présentation se prête également à une belle animation: Cliquer sur [3] fera glisser le 2 sur la pile de gauche, tandis que le 3 se déplace au milieu.

3
virtualnobi

Ce serait bien de revenir à votre planche à dessin et de proposer un ensemble d'activités et différentes variations de flux de données. Cela n'a pas de sens lorsque vous étiquetez le flux comme STEP1..STEP2..STEP3 .. les utilisateurs sont alors autorisés à sauter de n'importe quel point et à saisir leurs données. Ou vous obtenez une séquence dynamique en fonction des données.

0
jonT

Sans en savoir beaucoup sur l'application et les tâches utilisateur souhaitées, je tirerais parti du processus en plusieurs étapes et le ferais dans l'interface utilisateur. Que ce soit la personnalité et le caractère de l'UX.

Je suis d'accord que cacher l'opportunité n'est pas une bonne approche. Rendez-le aussi agréable et amusant que possible!

0
Scott Hisey