web-dev-qa-db-fra.com

Préparez un utilisateur à effectuer une action avant de passer à l'étape suivante

Je conçois une application qui permet aux utilisateurs de s'entraîner à domicile.

J'ai une étape (appelons-la étape 1) dans laquelle l'utilisateur doit être en mesure de se "synchroniser" (étape 2) avec l'application pour les exercices à venir. Pendant cette période de synchronisation (étape 2), l'utilisateur doit bouger son corps ou simplement bouger - la façon dont il doit bouger étant présentée à travers une vidéo à l'écran.

Disons que l'écran ressemble à ceci, avec un titre, une photo de la position que l'utilisateur doit prendre et une petite description. L'appel à l'action doit à nouveau rappeler à l'utilisateur qu'il doit être en position - dans l'exemple j'ai utilisé un CTA général.

Une fois que l'utilisateur a appuyé sur le bouton "CTA", l'utilisateur passe à l'étape 2. L'écran de l'étape 2 ressemble à l'écran de l'étape 1, l'image étant remplacée par une vidéo et l'absence de bouton. Une fois la synchronisation terminée, l'utilisateur est invité par un message (succès ou échec).

https://i.imgur.com/nC4T62q.png

Problèmes actuels:

  • Lorsque l'utilisateur passe de l'étape 1 à l'étape 2, il n'est pas prêt à effectuer ce qu'il voit dans la vidéo afin de se synchroniser. Il doit d'abord relire ce qu'il est censé faire, même si je l'ai préparé à l'étape précédente sur ce qu'il est censé faire. En ne bougeant pas lorsqu'il atteint l'étape 2 et en attendant de traiter ce qu'il doit faire, l'étape semble beaucoup plus difficile qu'elle ne l'est réellement et parfois la synchronisation échoue.

Déjà essayé: déplacer la vidéo, ainsi que la position initiale, à l'étape 1 afin qu'il puisse prévisualiser ce qu'il est censé faire. Parfois, les utilisateurs commencent à effectuer l'étape 1 et se fatiguent et se plaignent que la synchronisation ne se produit pas.

Je recherche toute solution possible qui faciliterait le processus et résoudrait le problème.

Solution possible: j'y ai pensé en écrivant ceci. Lorsque l'utilisateur passe à l'étape 2, l'informez de ce qu'il doit faire et ajoutez un grand compte à rebours quand il peut commencer à effectuer ce mouvement/cette action? Peut-être que pendant ce compte à rebours, il pourra se préparer.

LE: Le processus de synchronisation (étape 2) capture le mouvement de l'utilisateur et le compare à la vidéo. De cette façon, pour les exercices suivants, il sait quelle jambe est la jambe gauche, quel bras est le bras gauche, etc. La synchronisation prend entre 10 et 15 secondes, rien de trop lourd. Les actions que l'utilisateur doit effectuer sont simples: lever votre genou x, lever votre main y, etc. Une autre mention est que ce processus doit être effectué à chaque fois que l'utilisateur commence la formation.

LE2: L'âge démographique utilisant l'application est âgé de 40 ans et plus

11
Darkkz

Je pense que vous mettez trop d'attentes dans la vidéo sans aucun avertissement préalable de ce qui va se passer.

J'ai l'image de la plongée olympique: avant le saut, il y a une animation sur l'écran de la façon dont l'action sera exécutée avec quelques informations techniques, de sorte que les téléspectateurs savent déjà ce qu'ils verront.

dive

La même chose que vous pouvez utiliser dans votre application, trouvez un moyen d'empêcher l'utilisateur de schématiser la prochaine étape, de cette façon, vous ne mettez pas toutes les actions futures uniquement dans la vidéo de l'étape suivante.

enter image description here

32
Danielillo

Il convient d'envisager d'utiliser des intervalles de temps. Je pense qu'un compteur de comptage par exemple de 5-0 pourrait fonctionner ici (ou autre période). Cela dépend beaucoup du contexte et de l'environnement dans lequel se trouve l'utilisateur

Il est possible d'omettre le CTA, à la place, utilisez le compteur qui modifie le pas à chaque intervalle de temps désigné (pratique). cette approche permettra de traiter le téléphone comme un écran et de réduire les interactions, ce qui conduira l'utilisateur à se concentrer sur son propre corps et sa propre tâche

C'est une chance de créer une interface utilisateur conviviale et agréable

enter image description here

7
Piotr Żak

Utilisez-vous voix/instructions verbales? Parce que vous devriez!

Comme dans toute classe liée à la danse ou aux arts martiaux, je pense que la meilleure façon d'apprendre à faire un mouvement nouveau ou inconnu est de recevoir instructions physiques et verbales claires, en commençant par une étape par étape explication au rythme lent accompagné d'une démonstration physique et d'instructions verbales.

Imitant cela, le flux pourrait se dérouler comme suit:

  1. Quelle est la prochaine étape?

écran: [montre le nom de l'exercice]

Voice: "Le prochain exercice sera [nom], rappelons-nous comment cela a été fait"

  1. Comment c'est fait?

écran: [vidéo qui montre lentement comment faire l'excersif pas à pas à un rythme lent]

Voice: [en même temps expliquant ce que la vidéo montre]

  1. Préparez-vous!

écran: [montre la vidéo passant de l'explication de l'exercice à la position qu'ils doivent prendre avant de commencer l'exercice réel]

Voice: [en même temps en expliquant cela et en disant des choses comme "dans dix secondes, nous commencerons l'exercice, n'oubliez pas de {ce qui est pertinent pour l'exercice} et le compte à rebours au moins à partir de 3, comme 3 2 1 c'est parti! Idéalement synchronisé avec une minuterie à l'écran]

  1. Résultats/Commentaires.

Si l'utilisateur connaît déjà les instructions, vous pouvez ajouter la commande vocale comme "SKIP" pour le laisser passer directement à l'étape 3.

5
Alejandro Veltri