it-swarm-ja.com

トグルボタンとチェックボックスおよびトグルスイッチ

XAML for Windows 8 トグルボタンには、トグルボタン、チェックボックス、トグルスイッチの3つのコントロールがあります。

visual example of all three toggle controls

Windows 8 UXガイドラインチェックボックストグルスイッチ を説明および比較しますが、トグルボタンについては触れません。

いつ、どのように使用しますか?私の意見では、より低いアフォーダンスと発見可能性を考慮して、私はそれを使用するべきですか?その長所と短所は何ですか?

12

通常、トグルボタンは選択するボタンの数がある場合に最も意味があります。インタラクションにおけるラジオボタンのセットのようなもの。

enter image description here

それ以外の場合、1つのトグルボタンだけでは、インタラクションとアフォーダンスのどちらも明確ではなく、他のオプションの方が適しています。

16
JohnGB

EUとして、私はトグルスイッチを我慢できません。州を主張するか、使用しないでください。 「オフ」は、クリックしてオフにすることを意味する場合と、「現在オフになっている」ことを意味します。それはがらくたです。色覚異常の人はどうですか?その状況を特定するためにコントロールの色を強調表示することは、その状況ではユーザーフレンドリーではありません。すべてのバイナリの決定は、チェックボックスまたはラジオボタンである必要があります。または、トグルスイッチに「現在...オン/オフ」というラベルを付けます。プログラミングはあまりしませんが、バイナリトグルスイッチは使用しません。それは人々が誤った決定をする原因になります。 「かわいい」かもしれませんが、機能不全です。

4
Jamison

私が見てきたことから、スイッチは永続的なシステム設定により多く使用されますが、トグルはよりコンテキスト的です。したがって、スイッチはサービスのオン/オフを切り替えたり、設定パネルからアクセスしたりしてもどこでも有効になりますが、トグルは現在フォーカスされているコンテンツに作用します。

トグルはグループで提供する必要はありません。 「いいね」、「お気に入り」、ワードプロセッサーのツールバーの太字のフォーマットボタンなど、単数形のトグルボタンの有効な例がいくつかあります。

2
Ashley G

説明に切り替えて、(オン/オフ)のような明確な意味で使用できるようにします。Webよりもモバイルでより一般的だと思います

チェックボックスはより正確です(ユーザーはボタンの状態を変更するだけでなくクリックする必要があります)

0

明示的なラベル付けは、ここで役立ちます。複数のトグルボタンがある場合、それらが視覚的に関連する(グループで)表示されることが非常に重要です。

スタンドアロンのトグルボタンを使用する場合は、トグルであることを明示するラベルを付け、ボタンの状態をハイライト/デハイライトしてくださいあなたの視覚的なテーマに。 ifが「無効」に非常に似ているので、単に「白い状態」にするのではなく、オフの状態をグレー表示にします。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

0
rk.