web-dev-qa-db-fra.com

"Assistant" à onglets: suivant vs enregistrer?

Je travaille actuellement sur la conception d'un flux de configuration où l'utilisateur créera une étude en 6 étapes. J'ai décidé de diviser les différentes étapes en onglets en fonction de ce que l'utilisateur devra y faire, à savoir:

  • Étape 1: Formulaire avec 7 champs où l'utilisateur entre des informations sur l'étude.
  • Étape 2: Création d'un formulaire que les gens devront remplir pour participer à l'étude.
  • Étape 3: Gérez les emplacements et les utilisateurs impliqués dans l'étude.

    etc..

J'ai choisi des onglets (au lieu d'un assistant) car l'utilisateur peut ne pas tout remplir en une seule fois, mais plutôt le revisiter et le modifier de temps en temps. De plus, l'ordre n'est pas nécessairement séquentiel, mais c'est l'ordre dans lequel la plupart de nos utilisateurs travaillent actuellement.

A ma question!

Je ne sais pas trop comment aider l'utilisateur à travers le processus et le faire savoir/lui faire sentir que ses progrès sont enregistrés. (J'ai vu une question similaire dans les forums ici, mais elle est plus liée à la façon dont/quand les informations sont envoyées à la base de données).

Je choisis entre:

  1. Un bouton d'enregistrement dans chaque onglet. (Sent la peine de leur demander d'économiser 6 fois)
  2. Un bouton suivant dans chaque onglet. (Ça fait bizarre parce que ce sont des onglets, pas un sorcier)
  3. Enregistrement automatique et un bouton de finition/sauvegarde à la dernière étape. (Manque de commentaires lors du remplissage des étapes précédentes)

Que faire?

6
Mumas

Vous dites:

J'ai opté pour des onglets (au lieu d'un assistant) car l'utilisateur peut ne pas tout remplir en une seule fois, mais plutôt le revoir et le modifier de temps en temps.

Donc, vous avez une lourde tâche où il faudra plus d'expérience dans une prise en main que même l'assistant typique. En d'autres termes, vous devrez créer plus d'invites et d'explications que d'habitude afin que les gens comprennent le processus.

À votre question, la réponse est certainement enregistrée automatiquement - et je suggère que l'étiquette Pdxd suggère visible à proximité de toute action de sortie. (la solution n ° 2 encerclée)

TOUTEFOIS, puisque votre objectif est comment aider l'utilisateur à travers le processus et le faire/lui faire sentir que sa progression est enregistrée, vos solutions vont au-delà des boutons de sauvegarde par rapport à la sauvegarde automatique. Considérer:

  • 7 onglets qui traversent le haut est écrasant (5 correspond à ce que le cerveau moyen peut absorber) - des morceaux peuvent-ils être combinés pour réduire ce nombre d'onglets à 5?
  • Vous n'avez pas besoin de présenter ces pages sous forme d'onglets. Ils pourraient ressembler à des balles:

Tabs as bullets

  • La progression peut être affichée sur chacun de ces onglets afin que l'utilisateur sache à quel point chaque section est complète (elles sont plus grandes que celles qui seraient affichées):

pie progress

  • Vous voudrez peut-être demander à l'utilisateur en quittant, ou en travaillant dessus, qu'il est X% complet avec le processus entier - même en le montrant en haut de l'interface utilisateur.
8
Evan Lange

Sauvegarde automatique! :)

Je recommande Autosave avec un gros bouton enregistrer/soumettre à la fin, bien qu'il n'y ait aucune raison pour que vous ne puissiez pas donner de commentaires pendant que l'utilisateur progresse.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Dans mon faux croquis ci-dessus:

  1. Vous pouvez fournir un texte d'indication au survol (oui, cette flèche est destinée à être une souris).

  2. Ou pour être plus franc, incluez simplement le texte d'aide sous le bouton.

Assurez-vous que lorsque le prochain écran se charge, en haut, vous devez inclure un message qui dit quelque chose comme "Vos modifications ont été enregistrées".

Cela sauverait une étape pour l'utilisateur plutôt que l'enregistrement push. Google l'utilise principalement dans ses documents Google.

Exemple:

Changes saved.

Quant à ce qu'il soit "de type assistant", ce bouton suivant ne peut pas vraiment être aidé s'il s'agit d'un processus linéaire. Les onglets forment essentiellement le fil d'Ariane. Si ce n'est pas linéaire, vous pouvez toujours fournir une alerte avant de passer qui dit quelque chose comme:

mockup

télécharger la source bmml

Remarque: je ne suis pas rédacteur, donc peut-être que les exemples peuvent être reformulés, mais c'est essentiellement le flux que je recommande.

2
Pdxd