État de vol stationnaire pour la navigation par étapes
Je suis perplexe sur la détermination de l'état de survol approprié pour un flux de travail de navigation basé sur les étapes.
La navigation apparaît ci-dessous. Il y a 3 états. Terminé, actif et pas encore terminé. L'utilisateur ne doit pouvoir revenir à aucune des étapes terminées en cliquant sur le texte/l'icône (voir capture d'écran ci-dessous).
Parce que les états Actif et Pas encore terminé ne sont pas cliquables, j'ai du mal à communiquer avec l'utilisateur "hé, vous pouvez cliquer sur les étapes que vous avez faites pour revenir en arrière et changer votre travail."
Existe-t-il un moyen simple de procéder? Est-ce aussi simple que de changer le curseur en icône de main une fois que l'utilisateur survole une étape terminée? Si oui, comment pourraient-ils même savoir que cela est possible?
Lorsque je suis confronté à ce type de décision, je me fie souvent à d'anciennes tactiques appropriées, souligne le texte sous le cercle pour indiquer qu'il est cliquable. Ce repère visuel fonctionne également pour les utilisateurs tactiles, car comme @msanford l'a mentionné, les utilisateurs tactiles ne peuvent pas voir les effets de survol.
Lorsque l'utilisateur a terminé la première étape comme présenté avec l'option de revenir en arrière, vous pouvez simplement afficher une bulle de chat/texte qui dit quelque chose comme "Cliquez ici pour modifier l'étape précédente". Cette bulle doit être de taille appropriée, positionnée et conçue en fonction de l'appareil utilisateur, bien sûr. Ce devrait être juste un conseil amical, affiché pendant suffisamment de temps pour attirer l'attention, mais ne pas y rester éternellement ou être sur le chemin.
J'espère que ça aide, bonne chance!
Comment l'utilisateur passe-t-il de Instructions à Target Candidate Profile, en soumettant un formulaire? Je suppose que vous avez implémenté un modèle semblable à un assistant avec une sorte de bouton Suivant ou Continuer.
Si vous souhaitez qu'ils utilisent la séquence de pas, ce que vous devez faire est de donner un accessance à vos boutons de bande de pas illustrés.
Montrez à l'utilisateur comment avancer
- Désactivez le bouton pour l'étape suivante (comme vous l'avez fait) dans la bande de l'étape.
- Une fois que la validation côté client a déterminé que l'étape en cours est terminée, activez le bouton pour l'étape suivante et donnez-lui une possibilité (faites-le Pulse doucement, biseautez-le, affichez info-bulle , etc.).
- Cliquer sur l'étape suivante soumet l'étape des courants. L'abordabilité, peut-être avec une info-bulle
Cela montrera à votre utilisateur, je crois assez clairement, que la façon d'interagir avec votre assistant est via les boutons sur la bande de l'étape. Donnez aux boutons déjà terminés la même possibilité et vous venez de montrer à vos utilisateurs qu'ils peuvent passer à n'importe quelle étape activée en cliquant sur son bouton.
Juste un coup rapide sur celui-ci: Peut-être qu'en survolant la coche se transforme en un symbole d'édition (document avec une sorte d'accord au crayon) ou une flèche de retour, indiquant qu'il peut revenir en arrière.