J'ai un assistant en 7 étapes. La première étape contient 3 sous-sections que j'ai organisées en onglets verticaux:
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.
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.
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:
Ou quelque chose comme ça pour les bulles (ajoutez évidemment le texte approprié, etc. à l'intérieur de chaque bulle)