チェックボックス付きのドロップダウンメニューを使用して、フィールドの複数のオプションを選択します。
「検証」または「保存」リンクが必要かどうか、またはユーザーがドロップダウンの外側をクリックするだけでよいことをユーザーが理解するかどうかはわかりません。
どちらのデザインを使用する必要がありますか:メソッドAまたはメソッドB?
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
11月26日の編集:ドロップダウンにチェックボックスが必要な理由を多くの人が疑問に思っています。同じデータに対して多くの関数を選択する必要があるためです。小さなスペース。
ドロップダウンの外側をクリックするのに十分なスペースがあれば、私の考えでは実際に保存ボタンを置く必要はありません。ドロップダウンが現在開いている場合、theボタンを選択してクリックするとドロップダウンが閉じられるようにすることを忘れないでください。
通常のドロップダウンは、それらの外側をクリックしたとき、またはキーボードナビゲーションを使用して別の要素を選択したときに選択を保存します。これはrequiringによるこの拡張で、ドロップダウンを終了するためのアクションです。
ドロップダウンボックス自体の内容をリアルタイムで更新することは、保存ボタンが押されるのを待つよりもはるかに優れたオプションです。
検証/確認ボタンの使用は、通常、ユーザーの選択を有効にするためにそのボタンをクリックする必要があるかどうかに関係しています。
私は次のような質問をします:
これらのオプションでフィルタリングされているデータは、このページに表示され、ライブで変化していますか?もしそうなら、ボタンは意味をなさないでしょう。
1b。ユーザーの選択を有効にするためにボタンのクリックは必要ですか?その場合、ボックスの外側をクリックすると、ボックスも閉じて、データを保存するのと同じ効果がありますか?
そもそもドロップダウンが使用されているのはなぜですか?ドロップダウンは通常、複数選択オプションでは直感的ではありません。
2a。 2つのオプションが選択されているために「オプション1、オプション2」と表示されている場合、3つのオプションが選択されるとどうなりますか?ドロップダウンは広くなりますか?そうでない場合、ユーザーはすべての選択されたオプションを表示することができず、2つだけが選択されていると考える場合があります。ドロップダウンが閉じているときに「オプション1、オプション2」と言う場合、これは通常、現在選択されているオプションか、オプションが選択されていない場合は使用可能なオプションのカテゴリです。
2b。ドロップダウンは、すべてのオプションを常に表示するための十分なスペースがないために使用されていますか?もしそうなら、おそらくドロップダウンなしで、オプションを非表示/表示する同様の方法があります。実際にデータを保存し、ユーザーのオプションを有効にするボタンの使用に制限されていない場合は、これをお勧めします。
試してみる
オプションの各グループが分類されるカテゴリを決定します。 OR現在選択されているすべてのオプションを確実に表示します(つまり、1、2、3が選択されている場合に1と2のみを表示します)誤解を招く)。
「検証」ボタンと「保存」ボタンのどちらを使用するかを決定するときは、この追加のクリックがタスクの完了に必要かどうかを検討してください。必要なクリック数を低く抑えます。
ドロップダウンはデフォルトでは開かれていないと思いますが、代わりにユーザーアクションに応じて開かれます。したがって、ユーザーはタブアウトするか、クリックしてもう一度閉じることができることを理解していると想定できます。
もちろん、仮定はそれらが何であるかであり、あなたはそれをそれのままにしておくべきではありません。このフィールドコントロールに問題がある場合は、後で通常のユーザビリティテストを行うとすぐに明らかになります。
あなたはユーザビリティテストをしますよね?
多分、multilineプロパティで2つのselectを使用して、アイテムを1つのボックスから別のボックスに移動できます。
(さて、MXMLLNに返信したかったのですが、50の評判がないので返信できません)。
かなり長いリストから1つ以上のアイテムを選択する場合にも同様の問題がありました。 「Select2」とは異なる「複数選択ドロップダウンメニュー」を使用しました
デモのここを参照(「複数値選択ボックス」と呼ばれるリストの2番目)
基本的には、検索とコンボボックスが1つになっており、ユーザーを強制的にクリックする必要はありません。
[〜#〜] b [〜#〜]は、2つのオプションの方が適しています。それでも、ボタンを含めるだけの方が良いかもしれませんが、使用する必要はありません。したがって、AとBの組み合わせです。Web分析では、ユーザーがボタンをクリックしているかどうかを示す必要があります(後で削除することもできます)。ステージ)。
ただし、代わりに複数選択ドロップダウンメニューをお勧めします。このフォーム要素は長年使用されており、一部のユーザーはこの規則に精通しています。
これらの2つのオプションのうち、より優れています。しかし、ユーザーをよりよく認識するため、「検証」または「続行」ボタンを使用することをお勧めします。ユーザーは確実にその目的を理解します。つまり、選択したオプションを送信して続行するためにそれをクリックすることです。
オプションAを選択します。
ドロップダウンとチェックボックスは、私たちが持っている最も原始的なビルディングブロックです。したがって、ユーザーがそれらの使用方法を知っていることを公理的に仮定できます。他に選択肢はありませんが、ここでは両方を組み合わせたコントローラです。