web-dev-qa-db-ja.com

次のステップに進む前に、アクションを実行するユーザーを準備します

ユーザーが自宅でトレーニングできるアプリケーションを設計しています。

次の演習でアプリと「同期」する(ステップ2)ために、ユーザーがその位置にいる必要があるステップ(ステップ1と呼びましょう)があります。その同期期間(ステップ2)の間、ユーザーは自分の体を動かすか、単に動かす必要があります-動く方法は、画面上のビデオを通して提示されなければなりません。

画面が次のようになっていて、タイトル、ユーザーの撮影位置の写真、簡単な説明が表示されているとします。行動を促すフレーズは、その場にいる必要があることをユーザーに再度思い出させる必要があります。この例では、一般的なCTAを使用しました。

ユーザーが「CTA」ボタンを押すと、ユーザーはステップ2に進みます。ステップ2の画面はステップ1の画面に似ていますが、画像がビデオに置き換えられており、ボタンがありません。同期の準備ができると、メッセージ(成功または失敗)が表示されます。

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

現在の問題:

  • ユーザーがステップ1からステップ2に進むと、同期するためにビデオに表示されるものを実行する準備ができていません。最初に彼がすべきことについて前のステップで準備したとしても、彼は自分がすべきことをもう一度読む必要があります。ステップ2に達したときに移動せず、彼がしなければならない処理を待機しているため、ステップは実際よりもはるかに困難に見え、同期が失敗する場合があります。

既に試してみました。ビデオを最初の位置と一緒にステップ1に移動して、彼が何をすべきかをプレビューできるようにしました。時々、ユーザーはステップ1でパフォーマンスを開始し、疲れて、同期が起こらないと文句を言います。

プロセスを簡単にし、問題を解決する可能性のある解決策を探しています。

可能な解決策:これを書いているときに私はこれについて考えました。ユーザーがステップ2に到達したら、何をしなければならないかをユーザーに通知し、その動き/アクションの実行を開始できるときに大きなカウントダウンを追加しますか?多分そのカウントダウン中に彼は準備することができます。

LE:同期プロセス(ステップ2)はユーザーの動きをキャプチャし、それをビデオと比較します。このように、次の演習では、どちらの脚が左脚で、どちらの腕が左腕であるかなどがわかります。同期が完了するまでに10〜15秒かかります。ユーザーが実行する必要があるアクションは単純です。x膝を上げる、y手を上げるなどです。別の言及は、ユーザーがトレーニングを開始するたびにこのプロセスを実行する必要があることです。

LE2:アプリを使用している年齢層は40歳以上です

11
Darkkz

何が起こるかについて事前に警告することなく、あなたはビデオに期待しすぎていると思います。

私はオリンピックのダイビングのイメージを持っています。ジャンプの前に、アクションがどのように実行されるかを示すアニメーションが技術情報とともに画面に表示されるため、視聴者は何が表示されるかをすでに知っています。

dive

アプリケーションで使用できるのと同じことで、ユーザーが次のステップがどのようになるかを概略的に防ぐいくつかの方法を見つけます。このようにして、次のステップのビデオだけに将来のアクションをすべて入れていません。

enter image description here

32
Danielillo

時間間隔の使用を検討する価値があります。たとえば5から0までのカウントカウンターは、ここ(または他の期間)で機能する可能性があると思います。多くは、ユーザーがいるコンテキストと環境に依存します。

CTAを省略して、指定された(便利な)時間間隔ごとにステップを変更するカウンターを使用することもできます。このアプローチにより、電話を画面として扱い、操作を減らすことができます。これにより、ユーザーは自分の体とタスクに集中することができます。

フレンドリーで楽​​しいUIを作成するチャンスです

enter image description here

7
Piotr Żak

voice/口頭での説明?使用する必要があります!を使用していますか?

ダンスや武道に関連するクラスと同様に、新しい動きや未知の動きを学習するための最良の方法は、段階的に開始する明確な身体的および言葉による指示を受け取ることだと思います遅いペースの説明物理的なデモンストレーションと口頭での説明が付いています。

それを模倣して、フローは次のようになります。

  1. 次は?

画面:[運動の名前を表示]

Voice:「次の演習は[name]になります。それがどのように行われたか覚えておきましょう」

  1. それはどのように行われますか?

画面:[ゆっくりとしたペースで抜本的な手順を実行する方法をゆっくりと示すビデオ]

Voice:[同時に、ビデオの表示内容を説明します]

  1. 準備をしてください!

画面:[実際のエクササイズを開始する前に、エクササイズの説明から、必要な位置に移行するビデオを示します]

音声:[それを説明し、「10秒以内に演習を開始します。{エクササイズに関連するものなら何でも}と少なくとも3からカウントダウンすることを忘れないでください。 2 1行こう!オンスクリーンタイマーと同期するのが理想的です]

  1. 結果/フィードバック

ユーザーが指示をすでに知っている場合は、「スキップ」などの音声コマンドを追加して、直接ステップ3に進むことができます。

5