web-dev-qa-db-ja.com

複数選択のドロップダウン/ボックスには「すべて」のオプションが必要ですか？


次のようなオプションの「複数選択」ボックスがある状況があります。

<select size="5" multiple="true">
 ...
</select>

この選択ボックスでは、フォームで送信される複数のアイテムを選択できます。リストの一番上に「すべてのオプション」またはデフォルトのオプションがあるのは理にかなっていますか。冗長ですか？ HTMLは次のようになります。

<select size="5" id="lol" name="lol" style="width: 100px;" multiple="true">
    <option value="all">All Options</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

HTMLと「フィールドをクリア」ボタンが機能する方法を示すjsFiddleは次のとおりです。 http://jsfiddle.net/m3Zu2/

website-designformsuser-behavior
4
Polaris878

あなたが尋ねた質問に答えるために、私は複数選択のドロップダウンに「すべて」オプションを追加することを強くお勧めします。同じことを達成するために2つの方法を提供することになります。個々のアイテムをすべて選択するOR「すべて」を選択する、これはユーザーを混乱させる（Neilsenのヒューリスティックな Consistency＆Standards）に違反する ）そして、両方の選択方法がデータベースに同じように記録されていることを確認しない限り、データの忠実性の問題が発生する可能性があります。

ただし、あなたが質問に答えるにはしないでください質問...複数選択ドロップダウンを使用しないでください。真剣に。 About Face のAlan Cooper（et。al）によると（p。451）：

リストコントロールの選択イディオムは、単一選択には非常に適していますが、複数選択には非常に弱いです...複数選択の場合、ユーザーがアイテムを選択するのは簡単ではありません。 選択解除最初のアイテムは表示されなくなったため...

オブジェクトが画面外にスクロールできる場合、複数選択には、より優れた、より明確なイディオム...チェックボックスが必要です。

Quinceには問題の潜在的な解決策がいくつかあります thatdo n'tmulti-select dropdown、and this以前のUX.SEの質問 にはいくつかのアイデアがあります。

13
Daniel Newman

複数選択の上部に「すべてのオプション」オプションを配置することはお勧めしません。ただし、多数の選択肢がある場合は、すべてを選択し、使用可能なオプションを選択しないことをお勧めします。

私はそれをこのようにします：

実際に見る— jsfiddle.net/Ry9LX/1/

重要なのは、アクションを区別することです。提供した例と同様に、「すべて選択」というチェックボックスは必要ありません。

10
Andy Fleming