web-dev-qa-db-fra.com

Utiliser les barres de progression dans les longs formulaires Web: motivant ou démotivant?

J'ai parcouru les démos jQuery pour déterminer quels widgets d'interface utilisateur pourraient être utilisés pour aider à optimiser le parcours de nos utilisateurs via nos formulaires Web.

L'un de ces widgets est la barre de progression, mais elle soulève une grande question: dans les formulaires Web longs et complexes, l'utilisation des barres de progression est-elle motivante ou démotivante?

Comme je le vois:

Pro: Commentaires granulaires sur l'endroit où ils se trouvent dans le processus, définissant l'attente pour le temps jusqu'à l'achèvement. Con: Dans les formulaires Web longs, chaque élément produit un petit changement progressif en cours qui pourrait être perçu comme démotivant.

Ce que vous dites? Je dois tester deux versions, une avec et une sans barre de progression, et voir ce que les utilisateurs en pensent, mais je me demande si vous avez une expérience ou des recherches à citer?

12
Nick Fine

Je ne sais pas si les indicateurs de progrès font une interface utilisateur motivante ou démotivante en moyenne. Je sais qu'ils font une interface utilisateur informative et honnête. Les utilisateurs peuvent évaluer la quantité de travail à faire et décider par eux-mêmes si les avantages du formulaire en valent la peine. Si vous trouvez que trop peu d'utilisateurs pensent que cela en vaut la peine, vous devez soit simplifier le formulaire, soit augmenter les avantages, et le communiquer à vos utilisateurs. C'est juste (haussement d'épaules).

En revanche, si vous pariez que le fait de ne pas avoir d'indicateur de progression améliore la conversion, vous espérez essentiellement qu'un plus grand nombre d'utilisateurs percevront votre formulaire de manière suffisamment courte que ne le percevront trop longtemps. C'est comme si vous tiriez une astuce sur l'utilisateur, plutôt que de faire la meilleure expérience utilisateur.

En tant qu'expérience utilisateur, le remplissage de formulaires représente une anxiété importante pour les utilisateurs pour diverses raisons, en particulier les formulaires Web. Une grande inquiétude est que les utilisateurs n'auront pas assez de temps pour remplir le formulaire, ce qui signifie généralement que tout leur travail à ce stade est gaspillé et qu'ils devront recommencer à zéro à une date ultérieure (s'ils revenir). Fournir un moyen précoce et précis d'estimer le temps contribue beaucoup à réduire cette anxiété (tout comme le fait de sauvegarder et de récupérer des formulaires partiellement remplis).

16
Michael Zuschlag

Rétroaction granulaire sur l'endroit où ils se trouvent dans le processus, fixant les attentes quant au temps jusqu'à l'achèvement

Les commentaires sont une qualité essentielle d'un formulaire utilisable, mais le temps nécessaire pour terminer n'est peut-être pas la meilleure mesure. Une attente sur le nombre de questions/sections supplémentaires du formulaire est probablement une meilleure façon d'y penser.

Cela peut être une question de terminologie ici, mais les barres de progression jquery IMHO ne doivent être utilisées pour aucune forme. Les "barres de progression" fournissent des informations à un utilisateur sur les fonctions que le système exécute, par exemple le traitement de l'entrée à partir de un formulaire, le téléchargement d'un fichier, la récupération de données à partir de un référentiel etc.

Une "barre de progression" sur un formulaire où le système attend qu'un utilisateur remplisse des champs est inutile et ne fournit aucun contexte. Cela dit, il existe d'autres modèles de conception similaires aux "barres de progression" et ceux-ci fonctionnent vraiment. Je suppose que c'était le type de motif sur lequel votre question portait réellement.

Le modèle des étapes à gauche montrera à l'utilisateur jusqu'où il en est arrivé par le biais d'un processus, et combien d'étapes il reste, le système peut également donner une rétroaction à des points intermédiaires en cours de route pour rassurer l'utilisateur que ses informations est "correct" (acceptable, complet, formaté correctement, etc.).

Le modèle de liste de contrôle est similaire à une approche à gauche, mais il n'applique pas un ordre spécifique pour chaque partie de la liste de contrôle. Ce modèle permet aux utilisateurs de choisir et de choisir leur chemin à travers le formulaire.

Le modèle de l'assistant similaire aux autres modèles, mais est utile lorsque les étapes nécessaires pour atteindre un objectif final peuvent varier en raison des décisions prises lors des étapes précédentes.

J'ai testé un grand nombre de formulaires, certains simples, certains avec plusieurs sections, des parties et des relations compliquées et chaque résultat de test que je vois est le même. Un "indicateur de progrès" - généralement un pas à gauche, mais parfois une combinaison des 2 ou 3 des schémas mentionnés ci-dessus aide les utilisateurs à remplir le formulaire.

5
Nathan-W

Je pense que les formes longues doivent définitivement être décomposées d'une manière ou d'une autre (accordéons, barres de progression, "Étape x de y", etc.), mais selon moi, il y a 2 facteurs assez importants qui affecteront la réponse.

  1. Le type d'utilisateur - certaines personnes sont motivées en voyant une barre de progression et s'efforcent d'arriver à la fin - parfois beaucoup plus rapidement que vous ne le souhaiteriez. Inversement, d'autres - comme vous le faites remarquer à juste titre - sont rebutés par des barres de progression progressivement incrémentées.
  2. À quoi se rapporte le formulaire. S'il s'agit d'un service dans lequel un utilisateur sera investi ou qui nécessitera peut-être du temps ou un engagement financier, sa volonté de remplir le formulaire ne dépendra pas entièrement de la barre de progression. À mon avis, ce serait un réel avantage pour qu'ils puissent savoir où ils en sont dans le processus. Si c'est quelque chose d'un peu plus trivial, je pense que cela risque d'être démotivant si les incréments sont petits.
2
Sam K

... mais le temps nécessaire pour terminer n'est peut-être pas la meilleure mesure. Une attente sur le nombre de questions/sections supplémentaires du formulaire est probablement une meilleure façon d'y penser.

Je ne peux pas être plus d'accord. Je préfère généralement une combinaison du modèle Wizard et Steps Left dans le cas d'un formulaire long et complexe. Mais le choix peut varier en fonction du type de formulaire que je remplis. .

Prenons un exemple de formulaire de rétroaction sur la qualité du service/produit où je préfère ne pas voir le nombre d'étapes restantes car cela me décourage vraiment quand il y en a un grand nombre et chaque étape a tellement de questions/champs/choix! Ici, je serais à l'aise avec une combinaison de listes de contrôle et de modèles d'assistant.

D'un autre côté, si je publie des exigences ou que je dépose une réclamation, ce serait un certain nombre d'étapes et de modèles d'assistant.

1