web-dev-qa-db-fra.com

Que peut-on faire pour rendre un assistant long en plusieurs étapes plus convivial?

J'ai besoin de créer un assistant qui comporte de nombreuses sections, chacune avec plusieurs questions. Comment puis-je améliorer l'expérience de l'utilisateur final?

24
Ryan Shripat

Ma première suggestion serait d'essayer d'éliminer autant d'étapes que possible. Pensez vraiment au flux, à ce qui est nécessaire, etc.

Quelques conseils pour rendre un long processus plus convivial:

  • Afficher un indicateur de progression des étapes terminées
  • Si possible, autorisez les utilisateurs à faire des allers-retours pour revenir en arrière et corriger une entrée précédente
  • Donnez une rétroaction en temps réel lorsqu'une entrée n'est pas conforme aux valeurs d'entrée attendues, au lieu d'avertir l'utilisateur que quelque chose n'a pas fonctionné à la fin du processus.

Une note latérale (j'espère ne pas attiser les flammes): Apple n'utilise presque jamais d'assistants pour les processus de configuration, et quand ils le font, le Apple set- Les assistants sont (à mon avis) toujours plus faciles à comprendre que les équivalents Microsoft. Je suggère de regarder les différences et d'essayer d'identifier les astuces employées par Apple.

18
Brendan Berg

Ce sont les plus importants auxquels je puisse penser:

  • Divisez les opérations constituant la tâche en une série de morceaux.
  • Boutons Précédent et Suivant.
  • Carte de séquence qui montre où vous en êtes à tout moment

Pour en savoir plus sur ce sujet, consultez la Conception d'interfaces Wizard page .

10
Nacho

Si vous avez pris en compte toutes les alternatives mentionnées dans d'autres réponses et avez décidé que l'assistant devait être grand, alors vous devriez considérer les points suivants:

  • Divisez les informations en sections logiques qui ne sont pas trop longues
  • Donnez un titre clair à chaque section, mais essayez de la garder courte. Si vous en avez besoin, ajoutez une description supplémentaire sous le titre pour expliquer davantage
  • Afficher un indicateur de progression, c'est-à-dire l'étape 3 sur 10
  • Fournissez des boutons suivant et arrière pour la navigation. Il est parfois approprié de permettre à l'utilisateur de progresser sans avoir terminé chaque section, mais dans de nombreux cas, ce n'est pas car cela ajoute une complexité supplémentaire à l'assistant que l'utilisateur peut ne pas comprendre pleinement. J'ai tendance à ne pas laisser l'utilisateur continuer jusqu'à ce qu'il ait terminé la section (le bouton suivant dans ces cas fait office de soumission).
  • Réfléchissez vraiment à chaque contrôle de formulaire et s'il est approprié pour les données que vous essayez de collecter. Si vous souhaitez que l'utilisateur sélectionne dans une liste courte, utilisez une liste déroulante, mais si la liste est vraiment longue, une liste déroulante ne convient pas vraiment. Utilisez un contrôle de recherche ou quelque chose.
  • Les listes des commandes déroulantes doivent être classées par ordre alphabétique
  • Rendez les étiquettes de contrôle de formulaire aussi courtes que possible, mais elles doivent être claires et faciles à comprendre quelles informations vous souhaitez collecter. Si vous devez ajouter une description, ne faites pas le titre très long
  • Utilisez des marques d'eau descriptives sur tous les contrôles d'entrée et les éléments par défaut dans les listes déroulantes. par exemple. "Entrez un titre" ou "Sélectionnez un pays"
  • Fournir des messages de validation échoués détaillés et utiles en ligne avec le contrôle, j'ai tendance à afficher un message simple d'abord, mais si l'utilisateur le survole, il obtient beaucoup plus d'informations sur le champ et les valeurs acceptées, etc. J'inclus également un échec de validation principal message qui apparaît à côté du bouton Continuer. Vous pouvez également rendre cette fonctionnalité en temps réel, donc lorsque l'utilisateur tape et qu'il se trompe, vous pouvez la mettre en évidence ici et là.
  • Si l'assistant est vraiment long et que vous pensez que cela pourrait aider, permettez à l'utilisateur d'enregistrer sa progression afin qu'il n'ait pas à le remplir en une seule session et puisse reprendre plus tard là où il s'était arrêté.
5
ArchieVersace

Je mettrais chaque étape dans un onglet, de telle sorte que les onglets accessibles à tout moment soient activés, les autres désactivés.

De cette façon, l'utilisateur peut se déplacer librement autour d'une erreur correcte sans avoir à revenir en arrière, etc. L'activation des onglets empêche toujours l'utilisateur de passer à des étapes qui ne peuvent pas encore être modifiées, car il manque encore des informations.

4
txwikinger

En plus des autres conseils mentionnés, utilisez les paramètres par défaut intelligents pour tout ce que vous pouvez. Si vous avez déjà leur adresse e-mail, vous pouvez probablement essayer leur nom, leur nom d'utilisateur potentiel, éventuellement leur lieu de travail, leur pays de résidence (ou obtenir cela à partir de leur adresse IP ou des paramètres système). Voici un petit exemple .

Ce qui fait apparaître une autre source d'informations: si vous créez une application, il y aura déjà de grandes quantités d'informations à votre disposition à partir du système. Utilise le.

Penser à cela peut également modifier l'ordre dans lequel vous posez vos questions. Vous pouvez obtenir énormément de choses à partir du pays et du code postal, par exemple.

En ce qui concerne les adresses, les systèmes d’adressage postal utilisent de vastes bases de données d’adresses pour permettre une vérification facile des erreurs d’entrée d’adresses: étant donné le code postal/postal, vous pourrez peut-être deviner après une seule frappe du nom de la rue que l’adresse prévue est " Quixotic street ", et enregistrez de nombreuses fautes de frappe et d'orthographe. Vous pouvez également connaître la plage d'adresses connues, et même si certains numéros nécessitent des éléments supplémentaires comme le numéro d'appartement, par exemple. Ce n'est pas que vous interdisiez à l'utilisateur de saisir un nom de rue ou un numéro de maison que vous ne connaissez pas, mais vous pouvez l'avertir avec un message de type non modal "voulez-vous dire ...?".

Pour résumer: même si cela semble beaucoup de travail de votre part qui pourrait bien être annulé par l'utilisateur à la fin, rendre la vie facile à vos utilisateurs (espérons-le, des millions) en vaut la peine.

4
whybird

Si le processus/assistant lui-même ne peut pas être simplifié ou d'une autre manière réduit, je suggère au minimum d'indiquer exactement où se trouve actuellement l'utilisateur dans ce processus.

Vous pouvez le faire avec quelque chose d'aussi simple que "Étape 6 sur 10", ou de manière plus détaillée en montrant un organigramme avec l'étape actuelle en surbrillance, etc.

3
J Wynia

Il existe toujours des moyens de réduire la taille d'un assistant, comme séparer les tâches ou rendre certaines des étapes facultatives.

Quelques conseils:

  • Titre vos sections
  • Boutons Précédent et Suivant
  • Permettez à l'utilisateur de parcourir les étapes, et si elles dépendent des étapes précédentes, alors seulement celles qui sont terminées.
  • Fournissez de bonnes valeurs par défaut pour vos entrées.
3
giancarlo

En plus de ces excellents conseils tactiques que tout le monde a suggérés, je vous recommande également de faire des tests d'utilisation à prix réduit avec des personnes qui travailleraient avec l'assistant.

En parcourant les pages de l'assistant actuel avec les utilisateurs, vous pouvez obtenir des commentaires utiles sur les ensembles de champs qui peuvent être regroupés pour rendre le processus plus naturel pour eux.

Dans certaines circonstances, vous constaterez que vos utilisateurs ont une plus grande tolérance pour les formulaires plus longs lorsqu'ils sont organisés d'une manière qui correspond à leurs attentes.

r.

2
Robert Hamburger

Peut-être qu'un assistant n'est pas la solution idéale ici.

L'utilisateur a-t-il vraiment besoin de choisir parmi une vaste liste d'options différentes dans l'ordre?

Pourriez-vous par défaut la plupart des options? Si l'utilisateur doit modifier les valeurs par défaut, il peut cliquer sur un bouton de modification pour modifier cette option particulière.

S'ils ne peuvent pas être par défaut depuis le début, pouvez-vous enregistrer leur choix précédent et les par défaut?

1
Mongus Pong

Considérez les alternatives à Wizards: Activation et divulgation progressives.

Ayez toutes les questions sur ne page, mais montrez seulement le premier morceau d'entre eux. Ensuite, lorsque l'utilisateur a terminé le premier morceau, vous affichez le deuxième morceau sur la même page. Continuez comme ça. De cette façon, c'est:

  • Aller et venir facilement
  • Obtenez un aperçu de tous les choix
  • Il suffit de traiter un sous-ensemble de questions à la fois

Avec l'activation progressive, vous avez désactivé le bloc de questions suivant jusqu'à ce que l'utilisateur ait terminé le premier bloc.

1
Erik Engheim