web-dev-qa-db-fra.com

Meilleur moyen d'afficher les suiveurs de progression (indicateurs de progression)

J'ai un formulaire en plusieurs étapes (au moins huit), seule une étape s'affiche une fois à l'écran. Quelle est la meilleure façon d'afficher les suiveurs de progression (indicateurs de progression):

  • barre de progression; enter image description here

  • steppers (nombres);

enter image description here

  • steppers (titres) (mais pour huit étapes, c'est un peu difficile à afficher)

enter image description here

Les steppers mobiles peuvent-ils être utilisés sur le bureau pour plusieurs étapes? Qu'est-ce que tu penses?

enter image description here

Peut-être que l'étape active affichée avec le numéro et le titre et les flèches "retour" et "suivant" est une meilleure solution?

1
Madalina Taina

Créez un stepper de gauche à droite avec des titres, mais voici la mise en garde: affichez uniquement le titre de l'étape en cours et ne numérotez pas les étapes.

  1. Ne numérotez pas les étapes. Montrer à l'utilisateur qu'il lui reste huit étapes à franchir est un frein psychologique. Imaginez un entraîneur personnel vous disant que vous ferez huit séries d'exercices avant de commencer, au lieu de simplement commencer. Cela dit, gardez les cercles de progression là-bas pour indiquer une sorte de longueur. Aucun utilisateur ne va rester là et compter.
  2. Cochez les étapes terminées pour récompenser psychologiquement l'utilisateur et indiquer visuellement que les étapes incomplètes diminuent.
3
Babiker

Vous devez éviter d'utiliser un suivi de progression pas à pas, si vous avez plus de 3-4 étapes pour ces raisons:

  • Je suppose que vous obtiendrez la majeure partie de votre trafic depuis un mobile, il est presque impossible d'intégrer un stepper de progression dans un écran mobile.
  • Afficher plus de 4 étapes séparément augmentera considérablement la charge cognitive des utilisateurs et les distraira de remplir le formulaire.

Ma suggestion pour un formulaire en plusieurs étapes avec au moins 8 questions serait de mettre une barre de progression continue et de remplir la barre en fonction du pourcentage de remplissage du formulaire. La plupart du temps, le fait de remplir la barre en conséquence pour progresser permettrait aux utilisateurs de ne pas se perdre sous une forme en plusieurs étapes.

Vous pouvez essayer d'afficher le pourcentage sous forme de texte en haut de la barre de progression après qu'un utilisateur a terminé le pourcentage de X%. Dans mon cas, afficher le pourcentage de progression sous forme de texte après 70% a fonctionné le mieux.

0
berkay

Étant donné qu'il y a 8 étapes, je dirais que la meilleure option est d'utiliser des steppers verticaux et d'afficher les chiffres. Il est important de savoir combien de choses vous devez faire au total et de voir où vous en êtes dans ce processus.

Un autre problème qui me semble plus intéressant est le fait qu'il y a tellement d'étapes ... Pouvez-vous simplifier et en avoir moins?

0
JoseViso