通常のチェックボックスとチェックボックスボタンの使用について議論しています
通常のチェックボックス(最初のチェックボックス)が良い選択だと思います。視覚的には、選択の余地があることが明確に示されています。また、応答性を高めるのも簡単です。
どんな考え/展望。
ボタンは、混乱を引き起こす可能性のあるトグルやタブなど、他のよく知られたパターンによく似ています。特に、複数選択が許可されている場合。トグルとタブは複数選択を許可していません。それがボタンバーがそれを許可するように読み取らない理由です。
それらは明らかにボタンにも似ていますが、それ自体に問題があります。ボタンは通常、選択ではなく、何らかのアクションを通知します。
ここにも、非常によく似た質問に対するあらゆる種類の回答があります。 Webベースの調査のチェックボックスとラジオボタンの代替ですか?
あなたが提案した2つの設計上の選択に基づいて、次のような他のいくつかの要因を調べることによって決定を下すことが役立つ場合があります。
これはデスクトップまたはモバイルビュー(または両方)に適用されますか?それらは異なる相互作用パターンと間隔要件を持っています(それらがデザイナーやユーザーにとって問題になる場合)。
同様のデザインパターンを他の場所に適用しましたか(一貫性のため)?
これは、UIの他のセクションに適用されますか(たとえば、選択するものが5つ以上ある場合、ボタングループは機能しますか)?そうでない場合は、2つの異なるデザインを使用しますか?
他のアイテムに適したテキストの長さ?ボタングループは長いテキストには適さないという欠点があると思いますが、チェックボックスグループで実行できる配置やグループはさまざまです。