質問: 複数選択ドロップダウンリストの実装のベストプラクティス 多くのwebサイトは複数選択のドロップダウンリストを使用しなくなりました。ux実践者がよく引用する理由は、このui要素がユーザーに対して「十分にテスト」されないためです。私が参照しているものの例を次に示します。これは、ux stackexchangeでタグが追加される方法に似たものに置き換えられています。最初の質問は、これらのタイプの観察の多くは正確に検証することが難しいため、これにある程度の重みを加えることができる優れた調査研究があるかどうかです。2番目の質問は、このui要素の操作性が悪いために、ui要素に大量のインタラクション/情報がロードされているためか、それとも最適な方法で使用されていないのかということです。実装で確認できる問題は次のとおりです。 利用可能なスペースの量:ユーザーが覚えておく必要のある情報の量(つまり、ユーザーが選択したもの)を最小限に抑えるために、彼らが行った選択の別の領域。これにより、選択を簡単に削除することもできます。ただし、モバイルアプリケーションの場合など、利用可能なスペースが常に多いとは限りません。 インタラクションの一貫性:選択したリストを別の領域に表示することに関する別の問題は、この領域が選択したアイテムを削除するためにのみ使用されることが多いことです。追加アクションと削除アクションを分離しています。これにより、他のセクションで追加と削除のアクションが同じui要素で発生した場合、インタラクションに不整合が生じる可能性があります。 ドロップダウンリスト内のアイテム数:長いドロップダウンリストの場合、上下にスクロールして、既に選択されているリストアイテムを見つけるのははるかに困難です。または、ユーザーが選択したいこと。この場合、スマート検索フィールドの方がはるかに実用的であるように見えますが、ユーザーはリスト内のすべての項目に精通していないため、効率的に検索することができません。 しかし、多選択ドロップダウンまたはリストを使用することが実際的でより適切な場合がまだあるでしょうか?同様の質問が約1年前に尋ねられました( webの最も直感的な複数選択コンポーネント )が、目立つuiデザインソリューションはないと思います(そして誰かが我慢してくれることを期待しています)そのための報奨金)ですので、うまくいけば、今いくつかの新しいアイデアがあるかもしれません。
回答: ドロップダウンリストについての考え:複数選択リストを含むすべてのドロップダウンは、おそらく行の終わりに達していると思います。彼らの汎用性もアキレス腱であることが判明しました。 ドロップダウンメニューは、多くの場合、その価値よりも問題が多く、webデザイナーがいくつかの異なる目的で使用するため、混乱を招く可能性があります。また、メニューをスクロールすると、ユーザーがすべてのオプションを一目で確認できなくなると、使いやすさが低下します。 ソース: ドロップダウンメニュー:控えめに使用 ユーザーが同じ結果を達成できるようにする方法は他にもたくさんあります。以下の簡単な比較から、関連する場所とタイミングでコントロールを区別することがドロップダウンリストの必要性を減らす上で重要であることが示唆されます luke wroblewski。 の礼儀デスクトップの複数選択ドロップダウンリストデスクトップの複数選択ドロップダウンの場合、最初に頭に浮かぶパターンは、選択メカニズムを提供するだけでなく、選択されたものの一定の可視性も提供するデュアルリストです。このパターンのバリエーションは、スクロールを回避するフィルターを組み込んだハイブリッドデュアルリストです。モバイルの複数選択ドロップダウンの代替モバイルでの複数選択のドロップダウンの代替手段は、レイアウトが応答することを確認しながら単純なスクロール可能なチェックリストを利用するか、モバイルアプリの場合はネイティブ要素を使用することができます。上記はモバイルでの複数選択の問題を解決しますが、左の例のように画面スペースの使用が最適ではないいくつかの欠点がありますが、これはいくつかの革新とより良いスタイリングで対抗できます。