ユーザーが複数の回答を選択できるフィールドがあり、チェックボックス付きのドロップダウンとして実装される可能性があります。ユーザーは、オプションのリストから1つ、2つ、または多くを選択できます。さらに、すべてを高速化するための「すべてのオプション」オプションも提供しています。
ただし、フィールドには最後の要件が1つあります。つまり、ユーザーはmustで少なくとも1つのオプションを選択する必要があります。各オプションを個別に選択および選択解除できますが、少なくとも1つは選択したままにする必要があります。
通常、フォームを使用してフィールド検証を行うこともできますが、この場合、選択された値は動的にチャートにリンクされるため、制約を効果的に強制するUIを探しています。
助言がありますか?
この問題のパターンは次のとおりです。
この方法では、ボックスがチェックされていない状況になることはありません。これは、多くのファセットベースの検索ツールに存在します。私の頭の上の例は、LinkedIn People Searchです(検索結果の左側にある「refine by」オプションはこのパターンに従います)。
注:Webアプリケーションを構築している場合、これを機能させるにはクライアント側のスクリプトとイベントハンドラーを呼び出す必要があります。そのため、ユーザーがJavaScriptを有効にしていない場合は、そのケースもカバーする必要があります。
デフォルト(「すべての国」など)にフォールバックするとコストがかかりすぎる(パフォーマンスの面で)場合は、メッセージを表示してグラフをグレー表示してフリーズすることを検討してください。
(たとえば)アフガニスタンの代わりにザンビアを選択したい場合、常に1つの国を選択するという制約は苛立たしい場合があります。現在の(アフガニスタン)の国を選択解除し、下にスクロールしてザンビアを選択するだけではなく、むしろ必要です。選択を解除する前に選択する必要があるため、リストを2回スクロールします。それはあまりユーザーフレンドリーではありません。
アイテムを選択せずにユーザーが先に進んだときに、アラート/検証のヒントを表示しないのはなぜですか?ユーザーは、この要件を知らなくてもすでに満たしている場合でも、この要件を知る必要がありますか?
コンテンツの種類がわからないので、これが役立つかどうかはわかりませんが、1つの解決策は、選択のプロセス(ポップアップなど)を分離し、その別の瞬間にユーザーに通知することです。すべてのチェックボックスを選択解除できないこと、および少なくとも1つを選択する必要があること(ユーザーがすべて選択解除した場合)。選択肢がたくさんある場合は、インカが既に述べた問題のため、ポップアップにそれらを置く方が良いでしょう。
コンテンツに応じて、最も一般的な選択肢を表示し、[もっと見る]をクリックするとポップアップを切り替えることができます...