web-dev-qa-db-ja.com

デスクトップに内部スクロールバーがあるドロップダウンメニューの推奨高さはどれくらいですか?

デスクトップに内部スクロールバーがあるドロップダウンメニューの推奨高さはどれくらいですか?

ドロップダウンメニューがあり、開いたときに30〜50の項目から選択できます。デスクトップ用です。 1024 x 768ピクセルの画面を持つユーザーに対応したいのですが、ページの長さを実行してスクロールするドロップダウンリストを使用しても見栄えがよくないと思います。ドロップダウンの最大の高さを設定し、内部(ネストされた)スクロールバーを使用してリストを表示することを考えていました。例については以下を参照してください

enter image description here

完全な長さを表示することのメリットは、より多くのオプションを選択しやすくすることですが、80%の時間にユーザーが最初の16のオプションを選択している場合は、できるだけ多くのコンテンツを表示するのが最適です。高さを固定長にした場合、推奨される高さはありますか(たとえば、ピクセルまたは選択数によって?それとも、内部スクローラーがあるデスクトップドロップダウンの推奨高さ(ピクセル)に従うべきガイドラインがありますか?

以下は、ダミーコンテンツでの修正例です。

enter image description here

3
Neil O'Donoghue

あなたのケースでは、ドロップダウンを必要なだけ(フルハイトの下にいくつかのマージンがある)占めるようにして、スクロールしなくてもより多くのオプションが表示されるようにします。

A 素材デザイン スクロール可能なメニューの例:

enter image description here

より一般的な考え:

  • ユーザーは選択を行うためにコンテキストが必要ですか?ユーザーがドロップダウンオプションを表示しながら情報を確認する場合は、ドロップダウンでそのコンテキスト情報を非表示にしないでください。
  • ページの内容に関係なく、ドロップダウンの選択はありますか?この場合、ユーザーがこのタスクに集中しているため、おそらくドロップダウンを必要なだけ大きくすることをお勧めします。

このドロップダウンはクリックで開き、オプションを選択すると閉じると想定しています。だから私の意見では、ドロップダウンの高さは一般的なルールよりもケースに依存しています。

1
Alvaro