web-dev-qa-db-ja.com

ユーザーが選択を行う前にUI選択の結果をユーザーに通知する最良の方法は何ですか?

たとえば、ユーザーがオンラインのリクエストフォームを使用していて、業種、フォーム、職種、ジャムの種類などの長いリストから選択する必要がある場合、一部の項目では他の項目とは異なるUXパスになるため、何が良い方法でしょうか彼らが選択を行う前に、彼らが望むパスを続けることができない場合に彼らが選択を行った後に失望しないように彼らが示すこと。

別の例:自分の車用にカスタムカーマットを作成したいのですが、すべての車に「メーカー」と「モデル」の選択肢が与えられます。カスタマイズマットを手に入れられるものを選べば、色を選ぶのが楽しみです。カスタマイズマットが手に入らないものを選ぶと、会社に電話するための電話番号を教えてくれます。

もともと、私は彼らが進めることができるものだけをリストアップしたかったのですが、ビジネスはすべてのタイプをリストアップして、彼らがオフラインの紹介も取得できるようにする必要があります。

それは多くの状況に適用できます。別の場所とサービスの特定の組み合わせが提供されていません。

1つのリストを保持しながら選択を行う前にトランザクションを完全にオンラインで完了できない場合、コンテキスト内でリストアイテムを簡単に見つけることができ、両方のリストを確認する必要がない場合は、ユーザーにもっと早く知らせたいと思います。彼らが選択を行い、「パス2 /申し訳ありませんが、オンラインで実行できません」というメッセージが表示された場合、エラー/悪いUXのように感じます。どのように改善するためのアイデア?

4
Sarah

あなたの言っていることが理解できたと思います。あなたは、彼らがページに深く入り込む前に、できるだけ早く組み合わせの可用性についてのフィードバックを彼らに与えたいです。

あなたのページは彼らの心を読むことができないので、彼らは少なくとも最初の一般的なアイテム、例えばフォードを入力する必要があります。次に、その機能を備えたモデルのリストを表示できます(エクスプローラー、フォーカス、マスタングなど)。ここまでは順調ですね。

次に、モデルのリストにカーソルを合わせると、色や素材など、利用可能なアイテムを表示するバルーン/ポップアップウィンドウが表示されます。選択プロセスが深すぎない場合、たとえば、3〜4の深さが有効です。ただし、ホバーはタブレットやスマートフォン(成長するセグメント)では機能しません。

別の方法として、「Ford Explorer 2011」と入力するためのテキストボックスを提供し、そのテキストボックスの下に項目を表示することもできます。これはタイプしたい人のためのものです。

1つの問題はクエリ時間です。それがx秒間砂時計の場合、彼らがアイテムを選択するたびに、彼らは彼らをいらいらさせるかもしれません。ここには、最適化手法があります。たとえば、すべての組み合わせを事前にプリフェッチしますが、帯域幅とメモリを消費します。

1
GB11111