web-dev-qa-db-ja.com

フリップフロップ/トグルとバイナリ状態ボタンの混合

私はかなり好奇心の強い苦境に直面しています。 2列のページで作業しています。 1つの列には、基本的にクリックしたときに実行されるアクションのリストが含まれています(そのため、ワンクリックの不思議なので、グループ化されています)。 その列は心配していません。

もう1つの列には、切り替え/設定できる機能のリストが含まれています。私の質問はこれです:一部のトグル機能には値が付加されていますがありますが、一方が必ずしも他方よりも優れているわけではないため、オンまたはオフだけでなく、たとえば「 cat "または" dog "(はい、それはまだバイナリです-しかし、一方が他方よりも優れているので、代わりにオプション1または2であるため、悪影響はないはずです)。このため、これらのボタン/オプションを(最初の2行のように)2つの状態にしました。したがって、ユーザーはオプション1またはオプション2のいずれかのボタンをクリックして(ボタンをアクティブ/インデントに切り替えて)選択できます。

2番目のボタン(最後の2つの行)は、機能をオンまたはオフにするときのトグルです。 onの場合、トグル/フリップフロップは色付きであり、さらにボタンには機能をオンまたはオフにする以外の値はありません。 。

enter image description here

これら2つのタイプのボタンを互いに非常に近づけて混合することは賢明ですか、それとも、そうするときに少し複雑で厄介なものとして遭遇しますか?さらに、おそらくすべての場合に最初のアプローチを使用するほうが良いでしょう-すべてのオプションを2ボタンのようなものにして、ラベルにオン/オフするだけですか? 1つのオプションは本質的に他よりも「より良い」ように見えるため、上位2つのボタンをフリップフロップにするのは賢明ではないと思います。

enter image description here

上の画像で明らかに猫を選択することは、犬よりも肯定的な意味合いを持っています。 ただし、私は次のようなより中立的なものを使用することを考えました: enter image description here

あなたの提案は何ですか?ボタンをすべて同じ/統一する必要がありますか?組み合わせを使用しますか?フリップフロップ/トグルボタンをよりニュートラルに変更しますか? そして最後に私が見逃したかもしれないより良い代替案はありますか?

4
jpegasus

私はこのソリューションが各オプションに同等の優位性を与え、多くのiOSインターフェースで見られると信じています:

Toggle Button

5
DarrylGodden