web-dev-qa-db-ja.com

予約プロセスでユーザーの場所を表示するためのクリック不可能なパンくずリスト?

詳細な予約プロセスのように、ユーザーが実行するマルチステップシステムがある場合があります。

たとえば、ユーザーは予約を完了するために6つの手順を実行する必要があります。システムには現在、プロセス内の自分の場所を示すパンくずリストのようなものが表示されます(動的に生成され、それに応じて名前が付けられます)。

たとえば、ユーザーが6のステップ3にいる場合。

ステップ1 >>ステップ2 >> ステップ >>ステップ4 >>ステップ5 >>ステップ6

私の主張は、これは些細なことだけでなく、注意散漫になるということです。 「パンくずリスト」または「視覚的ステップ」はリンクのように見えますが、そうではありません。また、なぜこの情報が重要なのですか?

このUI要素に関する調査や議論はありましたか。

ps。地図に表示される「あなたはここにいる」矢印をよく思い出しますが、予約の場合、それが実際に役立つかどうかわかりません。

3
Wyck

プログレスバーパターン の使用は、ユーザーがマルチステッププロセスのどこにいるかを知ることでメリットを得られる場合に役立ちます。お気づきのように、クリックできない場合は、リンクのようにスタイル設定しないでください。

Yahoo Design Pattern Library の例を次に示します。

enter image description here

13
Luke Charde

個人的に、私はWindowsのような長いシリーズのウィザードを不愉快に思っています。しかし、それはアプリケーションと私の期待に依存します。かなりの数の選択肢があるカジュアルな、たまに使用するユーザーは、4番目または5番目のステップに不満を感じ、プロセスを終了する場合があります。頻繁に使用するユーザーや、業界でこのようなウィザードに慣れているユーザーの方がはるかに寛容です。

ある種のステータスインジケーターは、実行する必要がある作業の量と、完了した量の両方を伝えます。これは2つの方法であなたに有利に働きます。まず、トンネルの終わりにユーザーに光を当てると、ユーザーに期待と保証が与えられます(ユーザーの期待に応じて)。しかし、第2に、多くのスクリーンウィザードに慣れていないユーザーがいる場合、それらのウィザードをどれだけ実行したかを示すことで、仕上げに既得権を与えることができます(昔ながらの " sunk cost "心理学を介して)。顧客を失うことを心配している場合は、顧客がすでに投資した金額を示すことで、顧客をもう少し長く説得することができます(ただし、これは無限ではないので、画面の数を最小限に抑えることが不可欠です)。

個人的には、退屈なテキストではなく、画像やアニメーションを使用するプログレスバーを常に使用してきました。たとえば、デジタル以外の世界でプロセスがどのように見えるかを示す一連の画像(できれば人)を使用できます。次に、現在行っているステップ以外はすべてグレー表示にします。これは、ユーザーに現実のプロセスとのつながりを与え、コンピュータに費やしている時間を正当化するのに役立ちます。人々は、コンピュータに対する忍耐力が悪かったことで悪名高く、現実の世界のプロセスの人々と同じです。そのため、現実の世界でどれほど長く待つかを微妙に思い出させることで、少し長くするのに役立つかもしれません。

プログレスバーがユーザーの心理に与える影響について具体的な調査を行うことはできませんが、正しく使用すれば、ほとんど見えない抽象化されたプロセスにユーザーを結び付けるのに非常に便利で強力な視覚的手がかりになると思います。

編集:余談ですが、過去のウィンドウの間違いを修正する方法を彼らに与えず、プロセス全体を再起動するように強制する場合、タイプミスのような単純なものでそれらを失う可能性がはるかに高くなります道の名前。マルチステッププロセスに戻る機能は非常に貴重です。このような機能への投資を検討することもできます。

Research は、ユーザーが効率的に使用しない可能性があるため、ブレッドクラムに依存しない方がよいことを示しています。しかし、あなたの場合、単なるリンクのように見えないビジュアルデザインを作成すると、期待どおりの結果が得られます。プレーンテキストではなく、セクションのように見えるようにする必要があります。

0
Spicerjet