web-dev-qa-db-ja.com

アイテムの2つの状態を切り替えるときのチェックボックスとボタン

ユーザーは、UI内のアイテムをアクティブ化/非アクティブ化できる必要があります。

仕様:

アイテムの現在の状態(アクティブ化されているかどうか)を表示し、現在の状態に応じてアクティブ化/非アクティブ化する機能を提供します。

両方の方法の例については、モックアップを参照してください。

enter image description here

もっと良い方法はありますか?

これらのいずれかは、状態をより明確に示すためにサポートUI要素を必要としますか、それとも、上記の仕様のニーズを満たすためにスタンドアロン要素として機能できますか?

2
Dave Haigh

たぶんそのようなものですか?何が選択され、アクションを逆にするために何をすべきかは明らかです...

enter image description here

4
Maor Bluman

ボタンのラベルは、現在の状態、またはボタンが押されたときにそのボタンが実行するアクションを示します。したがって、状態とアクションの両方が必要なため、仕様は満たされていません。

より見やすく、より直感的なUIはトグルスイッチです( http://ui-cloud.com/toggle-switches-ui-elements/ の厚意による):

On/off latch or switch


回答のこの部分は、質問の更新されたモックアップによって廃止されます:

チェックボックスは、両方を同時に選択できるという誤った考えを示しています(相互に排他的なオプションは、チェックボックスではなく、ラジオボタンで表されます)。

6
Erion

あなたの質問について本当にわかりません。より良い方法があるのか​​、別の方法があるのか​​知りたいですか?

どちらの例もかなり一般的です。ボタン以外のチェックボックス。 Windows 8 UXはチェックボックスの上にトグルスイッチを提案します:

http://msdn.Microsoft.com/en-us/library/windows/apps/hh465475.aspx

0
DennisW