web-dev-qa-db-ja.com

長いマルチステップウィザードをよりユーザーフレンドリーにするために何ができますか?

多数のセクションがあり、それぞれに複数の質問があるウィザードを作成する必要があります。エンドユーザーのエクスペリエンスを向上させるにはどうすればよいですか?

24
Ryan Shripat

私の最初の提案は、できるだけ多くのステップを排除することです。流れや必要なことなどをよく考えてください。

長いプロセスをより親しみやすくするためのヒント:

  • 完了したステップの進行状況メーターを表示します
  • 可能であれば、ユーザーが前後にジャンプして前のエントリに戻って修正できるようにします
  • プロセスの最後に何かが機能しなかったことをユーザーに通知するのではなく、エントリが予想される入力値に適合しない場合にリアルタイムのフィードバックを提供します。

サイドノート(できれば炎をかき立てないでください):Appleセットアッププロセスにウィザードを使用することはほとんどありません。使用する場合、Appleセット-アップアシスタントは(私の意見では)マイクロソフトの同等のものよりも常に簡単に理解できます。

18
Brendan Berg

これは私が考えることができる最も重要なことです:

  • タスクを構成する操作を一連のチャンクに分割します。
  • [前へ]および[次へ]ボタン。
  • 常にステップのどこにいるかを示すシーケンスマップ

Designing InterfacesWizard page でこのトピックの詳細を読んでください。

10
Nacho

他の回答で言及されているすべての代替案を検討し、ウィザードを大きくする必要があると判断した場合は、以下を検討する必要があります。

  • 情報を長すぎない論理セクションに分割する
  • 各セクションに明確なタイトルを付けますが、短くしてください。必要に応じて、タイトルの下に説明を追加してさらに説明します
  • 進行状況インジケーターを表示する(ステップ3/10)
  • ナビゲーション用の次へと戻るボタンを提供します。ユーザーが各セクションを完了せずに進行できるようにすることが適切な場合がありますが、多くの場合、ユーザーが完全に理解できないウィザードに余分な複雑さを追加するため、適切ではありません。私は、ユーザーがセクションを完了するまで続行しないようにする傾向があります(これらの場合、次のボタンは送信として機能します)。
  • 各フォームコントロールについて、また、収集しようとしているデータに適しているかどうかをよく考えてください。ユーザーが短いリストから選択できるようにする場合は、ドロップダウンを使用しますが、リストが本当に長い場合、ドロップダウンはあまり適していません。検索コントロールなどを使用します。
  • ドロップダウンコントロールのリストはアルファベット順に並べる必要があります
  • フォームコントロールのラベルはできるだけ短くしますが、収集する情報は明確でわかりやすいものにする必要があります。説明を追加する必要がある場合は、タイトルを長くするのではなく、
  • すべての入力コントロールに説明的なウォーターマークを使用し、ドロップダウンにはデフォルトのアイテムを使用します。例えば「タイトルを入力してください」または「国を選択してください」
  • コントロールに沿って詳細で有用な失敗した検証メッセージを提供します。私は最初に単純なメッセージを表示する傾向がありますが、ユーザーがそれをロールオーバーすると、フィールドや受け入れられる値などの詳細情報が表示されます。また、マスター検証の失敗も含めます続行ボタンの横に表示されるメッセージ。また、この機能をリアルタイムで実行できるため、ユーザーが入力していて間違えたときに、その場で強調表示できます。
  • ウィザードが非常に長く、役立つと思われる場合は、ユーザーが進行状況を保存できるようにして、1つのセッションで入力する必要がなく、後で中断したところから再開できるようにします。
5
ArchieVersace

私は各ステップをタブに入れて、いつでもアクセスできるタブを有効にし、他のタブを無効にするようにしました。

このようにして、ユーザーはいくつかのステップに戻るなどすることなく、正しい間違いの周りを自由に移動できます。タブが有効になっていると、まだ情報が不足しているため、ユーザーはまだ変更できないステップに進むことができません。

4
txwikinger

言及されている他のヒントに加えて、可能な限りすべてにスマートデフォルトを使用してください。すでにメールアドレスをお持ちの場合は、おそらくその名前、潜在的なユーザー名、場合によっては職場、居住国を突き刺すことができます(またはIPアドレスやシステム設定から取得できます)。これが小さな です。

これにより、別の情報源が表示されます。アプリを作成している場合、システムから大量の情報を入手できます。これを使って。

これについて考えると、質問する順序が変わる場合があります。たとえば、国と郵便番号だけから、非常に多くのものを取得できます。

住所について言えば、郵便住所システムは住所の膨大なデータベースを利用して、住所エントリの簡単なエラーチェックを可能にします。郵便番号を指定すると、ストリート名を1回キー入力した後で、目的の住所が「」であると推測できる場合があります。 Quixoticストリート」、および多くのタイプミスやスペルミスを保存します。また、既知の住所の範囲を知っている場合や、たとえば、特定の番号にアパート番号などの追加情報が必要な場合でも、ユーザーが知らない通りの名前や家の番号を入力することを禁止するわけではありませんが、非モーダルな「もしかして...?」タイプのメッセージで警告するかもしれません。

要約すると、最終的にユーザーによって上書きされる可能性のある、あなたの側での多くの作業のように思われる場合でも、(できれば何百万もの)ユーザーの生活を楽にすることは価値があります。

4
whybird

プロセス/ウィザード自体を単純化できない、または他の方法で削減できない場合、少なくともユーザーがそのプロセスのどこにいるかを正確に示すことをお勧めします。

これは、「ステップ6/10」のような単純なもので、または現在のステップが強調表示されたフローチャートを表示するなど、より複雑に行うことができます。

3
J Wynia

タスクを分離したり、一部のステップをオプションにするなど、ウィザードのサイズを最小限に抑える方法は常にあります。

いくつかのヒント:

  • セクションにタイトルを付ける
  • 戻るボタンと次へボタン
  • ユーザーがステップ全体をナビゲートできるようにし、前のステップに依存している場合は、完了したステップのみを許可します。
  • 入力に適切なデフォルト値を提供します。
3
giancarlo

誰もが提案したこれらの優れた戦術的なヒントに加えて、ウィザードを使用するユーザーとの間で割引のユーザビリティテストを行うことをお勧めします。

ユーザーと共に現在のウィザードのページを確認することで、どのフィールドのセットをグループ化してプロセスをより自然にすることができるかについて、有用なフィードバックを得ることができます。

状況に応じて、ユーザーが期待に沿う方法で整理されている場合、ユーザーは長いフォームに対してより大きな許容範囲を持っていることがわかります。

r。

2

おそらく、ウィザードはここでは理想的なソリューションではありません。

ユーザーは本当に、さまざまなオプションの膨大なリストから順番に選択する必要がありますか?

ほとんどのオプションをデフォルトにできますか?ユーザーがデフォルトから変更する必要がある場合、変更ボタンをクリックしてその特定のオプションを変更できます。

最初からデフォルトにできない場合は、以前の選択を保存してデフォルトにできますか?

1
Mongus Pong

ウィザードの代替案を検討してください:プログレッシブの有効化と開示。

すべての質問は1ページで行いますが、最初のチャンクのみを表示します。次に、ユーザーが最初のチャンクを終了すると、同じページに2番目のチャンクが表示されます。このように続けます。そのように:

  • 行き来しやすい
  • すべての選択肢の概要を把握する
  • 一度に質問のサブセットのみを処理する必要があります

プログレッシブを有効にすると、ユーザーが最初のチャンクを終了するまで、次の質問のチャンクが無効になります。

1
Erik Engheim