web-dev-qa-db-fra.com

Navigation et positionnement des sous-étapes dans l'assistant

J'ai un assistant en 7 étapes. La première étape contient 3 sous-sections que j'ai organisées en onglets verticaux:

enter image description here En ce moment, lorsque vous passez à 1.1. vous aurez un bouton "Suivant" qui vous amènera à 1.2. Lorsque vous êtes à 1,3, vous avez un bouton "Précédent" et un bouton "Étape Nest".

Mes boutons sont donc les suivants:

1. Step 1 (this takes you to 1.1)
    1.1. NEXT 
    1.2. PREVIOUS, NEXT
    1.3. PREVIOUS, NEXT STEP
1. Step 2: PREVIOUS, NEXT STEP
2. Step 3: PREVIOUS, FINISH

Un utilisateur a dit qu'il était déroutant pour lui lors des étapes 1.1 à 1.3 de savoir où le bouton suivant le mènerait.

Quelle est la meilleure façon de faire comprendre à l'utilisateur quelle est l'étape actuelle et ce que fait le bouton suivant? L'ordre des sous-étapes est facultatif (mais elles sont toutes obligatoires). Je pensais aussi à mettre les sous-sections en accordéon mais certaines sous-sections peuvent être longues.

1
Daniel

Si la question est - l'utilisateur doit savoir à quels boutons "Suivant" ou "Précédent" effectuer l'action? alors vous pouvez explicitement mettre une étiquette dans le bouton comme indiqué ou afficher une info-bulle. Vous pouvez utiliser le bouton de mise en surbrillance ou la section/l'onglet pour afficher l'onglet ou l'étape actuellement actif. enter image description here

enter image description here

2
PK2016

Les onglets de sous-section sont trop éloignés de l'onglet parent pour que l'utilisateur puisse comprendre la relation entre eux (principes gestalt). Peut-être déplacer les sous-onglets vers la ligne sous les principaux? Cela pourrait ressembler à peu près à la façon dont ces onglets sont organisés, et il ne devrait y avoir aucun doute quant à la destination du bouton suivant:

enter image description here

Ou quelque chose comme ça pour les bulles (ajoutez évidemment le texte approprié, etc. à l'intérieur de chaque bulle)

enter image description here

1
Franchesca