web-dev-qa-db-ja.com

特定のウィザード画面でドリルダウンを使用するにはどうすればよいですか?

複数のステップと入力するデータが非常に多いウィザードを作成しています。これらのステップの1つで、ユーザーは別の画面にドリルダウンすることができます。彼はこの画面に入力する必要はありません。情報を提供することができますが、ほとんどの場合、彼はそれを入力できます。別のステップで、ユーザーは同じ画面にドリルダウンすることもできます)。

ユーザーがこのドリルダウン画面に到達した後、ユーザーがどのようにナビゲートできるようにするのがベストプラクティスなのかわかりません。 enter image description here

ユーザーは引き続きウィザードの手順を実行できますか、それともメイン手順に戻る必要がありますか?この例はすぐにはわかりません。

2
continuous

同じステップでアコーディオンに似た垂直タブを使用できます。1つは必須フォーム用で、もう1つはオプションフォーム用です。

ただし、オプションのパネルは2番目のタブになり、デフォルトでは必須フォームが表示されます。

オプションのステップを表示するこの方法は、ポップアップにオプションを表示するよりも優れており、これにより第2レベルのナビゲーションも回避されます。

以下のモックアップに示すように:-

Optional Step in a Wizard

2
Chetan

段階的開示

Jakob Nielsen によって説明されているように、あなたが説明しているものは、段階的な開示にほとんど適合しているようです。

段階的な公開は、タスクをほとんど相互作用のない別個のステップに分割できる場合に役立ちます。ステップが相互に依存していて、ユーザーがステップを交互に切り替える必要がある場合は問題があります。

出典: プログレッシブディスクロージャー


線形ワークフロー

ドリルダウンオプションはワークフローを複雑にします。この特定のケースでは、線形である必要があります。これらの「オプション」はウィザードの次のステップに影響を与える可能性があるように思われ、それに基づいて、それらを独自のステップとして示すことをお勧めします。選択するオプションが多すぎる場合は、それらを論理エンティティにグループ化し、個々の画面を各エントリ専用にします。


適切な場所と適切なタイミングで情報を表示

また、各ステップに付随する情報と、フォーム全体に特化した情報をよく見ることをお勧めします。ここでの目的は、フォーム全体およびフォームの概要に、サポート情報を有意義で役立つ方法で配布することです。これにより、ワークフローが合理化され、タスクが完了するまでユーザーの手を握ります。

1
Okavango

次の画面が常に現在の画面(選択した方法)の上にスライドするように設計して、最初の画面の小さな部分をカバーせずに残すことができるので、ユーザーは2番目の画面が実際にはセカンダリ画面であり、続行するには、最初のものに戻ってください(戻る、スライド、上などを使用)

コンテンツを押し下げる(視覚的に分割する)、上または横に移動するためのオーバーレイをあきらめることもできますが、考え方は同じであり、ユーザーが現在の状態を理解できるように適切な視覚的フィードバックをユーザーに提供します。

0
Ciprian Pălici