web-dev-qa-db-ja.com

チェックボックスまたは複数値選択ボックスのリスト

現在のアプリケーションには、チェックボックスの複数のリストがあります。これらのリストは、会社に関連するランダムな属性で構成されています。各企業はこれらの属性のいくつかを実行するだけであり、企業がこれらの属性のどれを実行するかを指定するのはユーザーの仕事です。

今のところ、ユーザビリティの観点から、そしてデザインの観点からも、チェックボックスのリストは最善の方法ではないと感じています。 2番目のオプションは、ユーザーが入力を開始するとオートコンプリートボックスが表示され、Enterキーを押して値を選択するだけで済むように、複数値の選択ボックスを持つことです。どちらが最も便利な方法かわからないので、他の皆が何を考えているのか知りたいと思っていましたか?

checkbox select box

10
Jason Frade

一部の属性をカテゴリにグループ化する方法はありますか?

もしそうなら、各カテゴリにドロップダウンを持たせるか、または各カテゴリにフォーム上の個別の領域を持たせることができます(これは、わずかに異なる背景色が単に他のものと境界を接している状態で次々と表示される可能性があります)。

それらをカテゴリにグループ化できない場合は、リストをアルファベット順に並べ替え、各属性に線の高さ/パディングを追加して、読みやすくします。

5
MephistonX

チェックボックスリストが答えです。どういうわけかWebアプリに使用できるデスクトップアプリのMicrosoftガイドラインに基づく:

標準の複数選択リストの外観は単一選択リストとまったく同じであるため、リストボックスが複数選択をサポートしているという視覚的な手掛かりはありません。ユーザーはこの機能を発見する必要があるため、このリストパターンは、複数選択が必須ではなく、めったに使用されないタスクに最適です。 2つの異なる複数選択モードがあります。複数モードと拡張モードです。拡張選択モードの方がはるかに一般的です。選択をドラッグするか、Shiftキーを押しながらクリックしてCtrlキーを押しながらクリックすると、それぞれ隣接する値と隣接しない値のグループを選択できます。複数選択モードでは、アイテムをクリックすると、ShiftキーやCtrlキーに関係なく、選択状態が切り替わります。この異常な動作を考えると、複数選択モードは非推奨であり、代わりにチェックボックスリストを使用する必要があります。 enter image description here

標準の複数選択リストとは異なり、チェックボックスは、複数選択が可能であることを明確に示しています。このリストパターンは、複数選択が不可欠であるか、一般的に使用されるタスクに使用します。 enter image description here

この例では、ユーザーは通常複数のアイテムを選択するため、チェックボックスリストが使用されます。この複数選択の明確な兆候を考えると、チェックボックスリストは標準の複数選択リストよりも望ましいと考えるかもしれません。実際には、複数の選択を必要とするタスクや、頻繁に使用するタスクはほとんどありません。このような場合にチェックボックスリストを使用すると、選択に非常に注意を向けます。したがって、標準の複数選択リストがはるかに一般的です。

1
Amitis

複数値の選択ボックスでは、ユーザーは属性の記述方法を知っている必要があります。システムユーザーがこの情報を知っている場合は、このオプションが適しています。ただし、どの属性を使用できるか、またはそれらをどのように記述するかについて曖昧な点がある場合は、別の近似値の方が適していると思います。

チェックボックスを使用するには属性が多すぎると思われる場合は、 2つのリストの選択 のようなより一般的なパターンを使用できると思います。など)、別のリストには選択した属性が含まれています。ユーザーは最初のリストから1つ以上の属性を選択し、それらを2番目のリストに追加できます。

0
PaRaP