web-dev-qa-db-ja.com

フォーム:ドロップダウンを使用するタイミングと動的リストを使用するタイミング

興味深いことに、これについての議論はまだ見つかりませんでした。

いつドロップダウン選択を使用する必要がありますか。また、Webフォームで(入力時に更新される)動的リストをいつ使用する必要がありますか。

私の意見:

次の場合、ドロップダウンの方が適しています:

  • 選択するアイテムが多すぎません(30以下ですか?)
  • あなたの聴衆はあなたのドロップダウンの選択にあまり慣れていないので、すべての可能性を見ることができることから利益を得るでしょう

動的リストは次の場合に優れています:

  • あなたはたくさんのアイテムを持っていて、それらをすべて表示する必要があります//スクロールして、必要なものを見つけます(例:国のセレクター)
  • あなたは、聴衆が可能なすべての(またはほぼすべての)選択肢に精通していて、自分で確実に入力できることを知っています(例:国または都市のセレクター)。

その他の理由//どちらか一方を選択する状況?

12
Drew

Haraldが既に述べたように、ドロップダウンは常にスクロールの問題を生成しますが、いくつかの項目では問題ありません。

ただし、多くのオプションがあり、アイテムが何らかの形でユーザーに知られている場合は、オートコンプリートフィールドを使用できます。これは、目的地の空港を選択する必要がある航空券の購入Webサイトで見られます。例として、 Kayak の機能を見てみましょう。 alt text

3
Pam Rdz

典型的な答えは「状況に依存します」であり、実際の答えは、私のテストが最も効果的に機能し、タスクに対して最もアクセス可能で使用可能であると示しているものです。

アクセシビリティは私にとって非常に重要であり、多くの動的リストは失敗するだけであり、アクセシビリティに失敗しない場合、多くの場合、ユーザーのために入力しようとするものや気を散らすものを見つけた新しいWebユーザーからユーザーの苦情を受け取ります。

有能なユーザーである私の母は、Googleを使用しているときに飛び跳ねていた方法が原因で、先週彼女のコンピューターを修正するように私に電話しました...

2
Susan R

私は個人的には、スクロールして表示する必要があるドロップダウンは好きではありません。多くのWebサイトでは、国を選択してそれを行うのが好きなようです。つまり、おそらく15アイテム以下です。

選択可能なプレーンリストと、リスト内のアイテムをフィルターする入力ボックスを実装した場合は、「動的リスト」と呼ばれるもののすべてのアイテムを他の人に見てもらうことができます。

1