web-dev-qa-db-ja.com

ウィザード/プログレッシブステッパー:状態は戻るボタンでのみ制御する必要がありますか?

ステッパーに6つのステップがあるとします。ユーザーは4番目のステップに直接ジャンプできますか、または「保存して次へ」をクリックして同じフローに従う必要があります。逆の順序でも同じフロー。

例えば:

ユーザーがステップ2または3をクリックできるようにする必要がありますか?ユーザーがステップ3にいて、ステップ1でいくつかの変更を加えたいとします。ユーザーがclickbackステップ1に到達するためにボタンを2回、またはユーザーは以下に示す番号をクリックして任意のステップに直接ジャンプできますか?

enter image description here

ウィザード理想的なフローは何ですか?

4
NB4

ユーザーがどのステップにも戻れないようにすると、ユーザーの自由が妨げられます。ただし、ビジネスルールでは、ユーザーがフローに従う必要があることを示唆している場合があります。

それは問題ではないように思えますので、ユーザーが他のセクションに戻る必要があるかどうかをユーザーが自由に選択できるようにします。以前のデータの変更が将来のステップに影響を与える場合は、ユーザーにフローを実行させます。

編集:

ユーザーが将来の手順に進まなかった場合、私は許可しません。ユーザーがステップ3にいて、ユーザーがステップ1に戻りたい場合は、ユーザーがクリックしてそのステップに移動できるようにします。最初にステップに到達する前に、ステップ間を自由に移動できるようにするのをためらうのは、最初に各ステップを実行する必要があるためです。ユーザーが到達する必要がある場所に到達するために、ユーザーを一生懸命働かせないでください([戻る]ボタンを2回クリックする)。

ユーザーが常にこれらの非表示の機能を使用しているわけではない場合でも、戻る機能を提供することで、取り消しとやり直しがサポートされます。あなたがレビューページを持っているならば、ユーザーが彼らが望むものを間違って選択した場合、それは非常に有益になるかもしれません。

そして、オフトピックについて。ボタンに「次へ」または「戻る」という名前を付ける代わりに、ボタンに「広告の詳細」と「広告のサイズ」または「詳細」と「サイズ」などのより意味を持たせます。 「次へ」や「戻る」などのあいまいなボタンラベルは避けてください。

誰もがテストに言及しているように、私の友人:D

1
Oddball

他の多くの設計/使いやすさの質問と同様に、答えはコンテキストによって異なります。

すべてが同じであるため、ユーザーが前後にジャンプできるようにすることは便利な機能であると私は主張します。 Nielsen/Normanが、ユーザビリティヒューリスティックのリストでユーザーコントロールと自由と呼ぶものを許可します。 https://www.nngroup.com/articles/ten-usability-heuristics/

しかし、私はあなたに決定を下す前にあなたのデザインをテストすることを強くお勧めします。この機能は実装にコストがかかる可能性があり、メリットが制限される可能性があります。

たとえば、私は複数ページの保険フォームのプロトタイプを作成しました。各ページには、ユーザーがすべてのステップで戻る/進むボタンと、ユーザーが任意のステップにジャンプできるクリック可能な進行状況インジケーターがありました。

ユーザービリティテストでは、ユーザーは戻るボタンとクリック可能なプログレスバーを無視しました。フォームの表示方法に従ってフォームに記入したかった一度にページ。彼らは戻りたくない、または先にスキップしたくない傾向があった。

しかし、あなた自身の設計/テストは何か違うものを明らかにするかもしれません。

1

ステッパーには2つのタイプがあります。

  1. 編集可能なステッパー-ユーザーは後で戻ってステップを編集できます。これらは、セッション内のステップの編集を伴うワークフローに最適です。この場合、ユーザーがすべてのステップをナビゲートできる非線形ステッパーを使用します。

  2. ユーザーが後でステップを編集できない場合は、編集不可のステッパーを使用する必要があります(依存関係)ORステップ編集は、フォームの完成に注意散漫のリスクをもたらします。この場合、ユーザーを禁止する線形ステッパーを使用します手順をナビゲートします。

0

これらをステップ(ウィザード)として作成する場合、「トンネリング」アプローチを使用しています。したがって、ユーザーは1から6までのステップを入力し、1から6にジャンプするべきではありません。トンネリングの背後にある考え方は、進行状況の正確な場所をユーザーに提供することです。これらの円はタブのようなものではないため、進行状況インジケータとして機能するはずです。ユーザーは1つのステップだけを前後に移動できます。

ユーザーにセクションを順番に編集する権限をユーザーに与えたい場合は、ウィザードではなくこれらの拡張可能ファイルを提供できます。

0
Erkan Kerti