web-dev-qa-db-ja.com

依存チェックボックスの動作

コンテキスト:

フォームには、2つのメインセクション(ブースターとフィルター)があります。

ブースターがチェックされている場合、フィルターセクションはチェックできません。フィルターがチェックされている場合、ブースターはチェックできません。現在の相互作用は以下の通りです:

enter image description here

質問:
これを表現し、伝えるためのより良い方法はありますか?フィルターオプションは1つだけです。表現やレイアウトに問題があるようです。フィルターオプションは、ブースターの上のトグルにする必要がありますか?

これをわかりやすくするにはどうすればよいですか?

1
Ashwin Nepal

enter image description here

ラジオボタンを使用して、フィルターXまたはブースターの間にトップレベルの選択を追加することをお勧めします。次に、チェックボックスを使用して選択できるブースターの下の2次レベル。 Filter Xオプションボタンが選択されている場合は、Boosterチェックボックスを無効にします。

Filter XもBoostersもない明確なオプションが必要かどうかに応じて、上部に「フィルターまたはブースターなし」というラジオボタンを追加し、それをデフォルトの選択にすることができます。

8
Martyn

enter image description here 互換性がない場合は、ブースターとフィルターを明確に分離することをお勧めします。

ここに2つのアイデアがあります:

[〜#〜] a [〜#〜]ユーザーに1つのグループを選択させるタブシステム

[〜#〜] b [〜#〜]両方のカテゴリを縦に区切り、それがであることを言及します[〜# 〜]または[〜#〜]の選択

2
Renaud