トグルスイッチの誤用をやめよう

AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 トグルスイッチを使うべき場合と使うべきでない場合があります。デザイナーが誤った使い方をするとユーザーの混乱とイライラにつながります。使うべきタイミングを知るには、さまざまなタイプのトグルの状態や選択肢について理解する必要があります。 文脈上の状態 vs システムの状態 トグルスイッチとトグルボタンをデザイナーは混同しがちです。両方とも状態を管理しますが、トグルスイッチとトグルボタンには根本的な違いがあります。トグルスイッチはシステムの状態を管理し、トグルボタンは文脈上の状態を管理します。文脈上の状態のトグルはユーザーが見ようとしている現在の画面にのみ影響を及ぼしますが、システムの状態のトグルはアプリ全体に影響を及ぼします。 トグルスイッチを文脈上の状態のために使う

[y-kawaz]

え？そう言う話？そもそも初耳だしどうでもよくね？／てっきり『押すたびにラベルが「有効」と「無効」と交互に切り替わるボタン』の話かと。今有効な状態なのかそれとも今は無効だけど有効にするボタンなの？て奴。

[Panthera_uncia]

それよりモノクロデザインでオンかオフか分からないのやめて

[Falky]

『トグルスイッチはシステムの状態を管理し、トグルボタンは文脈上の状態を管理します。』そんな決めごとはないし、そんなアフォーダンスもない。無視してよい記事。

[kvx]

そんなに批判が必要な記事かな？物理的なスイッチの利用場所考えれば間違ったことは言ってないと思うけど。

[zentarou]

どっちがスイッチでどっちがボタンか分からないから混乱した。記事の文章UIに問題があるのではないか。

[otihateten3510]

ユーザーの人そこまで考えてないと思うよ　／そもそも「保存ボタンを押さないと反映されない」っていうのはアプリでやってほしくない、混乱する。ConfirmがあるとかCreateの文脈なら良いけど。

[himako13]

ニールセン博士が似たようなこと言ってたのでこれは正しいけど記事が読みにくいのでニールセン博士のを読むべき（ニールセン派）https://u-site.jp/alertbox/toggle-switch-guidelines

[buhoho]

誤用例に挙げられてる使い方全然見たことない/と思ったけどIFTTTでサブミットするまで有効にならないやつ使われてた。

[nijitaro]

これを些末だと思うか重要かと思うかでUIに対する粒度が変わるよな。トグルスイッチは触った瞬間に状態が変わるのが期待されるので別のボタンでSubmitするのはNGとか面白かった。

[htnmiki]

なるほど。トグル警察はマナー業界とグルだったのか。

[yamasta]

　初見のサイト。翻訳がこなれていない文章で、理解するのに引っ掛かって読みにくい部分があり、他の記事を読む気にならなかった。ニールセンの同趣旨の記事の方が読みやすく、翻訳がこなれていることを再確認した。

[daaaaaai]

ブコメだと批判されているけれど、個別の事例から導かれる経験則としては妥当な気がする。

[vndn]

「影響が現在の文脈にとどまるかどうか」と「反映までに保存や送信の操作が必要かどうか」と。検索フィルターはそのフィルタが保存されるならスイッチでも違和感がないかなあ。「誤用」は言葉として強いと思うけど。

[letsspeak]

言ってることはとても正しい。gifアニメじゃなくて Affects Screen ていう文字しかないから伝わらんのだとおもう。

[nigohiroki]

言語化されていてよい。感覚ではここはトグルでしょーっていうのが言語化されている。

[renowan]

近頃のUI論は工学、心理学、行動学に基づいてるから、マナー業界のアレとは違ってちゃんと根拠があるんだよ。

[kjin]

トグルって語頭に来ても、誰でもそれらの認識の判別すると思ってデザインしてるのか聞きたい。

[dame_maru]

学び

[beed]

ユーザーに適切に共有されているわけでもないUIのルールをエンジニア間でだけあーでもないこーでもないってやられてもユーザーには関係ない。。。

[Dursan]

トグルに尖る、誤用によがる。

[maketexlsr]

物理デバイスのアナロジーになってないと意味ないってのはわかる。ところでボタンの押し/放しとスイッチ/ラッチの組み合わせはなんとか直感的にならんものか…

[toaruR]

『全体』の範囲がいろいろよなーって考えさせるところから始まるからモヤるけど、すごく良い指摘だと思う（´－｀）うんうん

[harumomo2006]

欧米人はせっかちだから保存ボタン付けると怒られるし保存してもいいですかって質問したら激怒されるって習った。トグルで即効果を発揮して欲しいっていうのはそういう人がターゲットなんじゃないかな

[dfk3]

トグルスイッチ(物理)なら、オルタネート動作とモメンタリ動作があって中間で止まるやつもある。

[ducktoon]

DBのカラムを2択ならなんでもbooleanにしてしまう人がやりそう

[AyeBee_TY]

どうでもいいけど保存ボタン押すまでは状態保存されないでくれ。 元がどっちだったかわからず復元するときに保存せずに閉じたいんだよ。いやよくないや。「０か１の選択はオンかオフか」お前のルールを押し付けるな

[kabuquery]

ミルクは飲むものです

[kijtra]

まあ物理のスイッチも単体では今どっちかわからんの多いよね。

[blog0x003f]

>そんなアフォーダンスもない って言うけど結構ここに書かれてるとおりに理解しちゃうけどな。

[starrysky-capsule]

トグルって、くるくる循環する表示形式のことだと思ってた(素人)

[napsucks]

ぜひyahooスマホ最適化ツールを使って欲しい。気が狂わんばかりのスイッチデザインでこの人がぶっ倒れること間違いなし。

[naofumit]

絶対に間違える自信がある！

[infobloga]

2と3は同意。1は違う気がする

[kujoo]

物理を模す事を基本に据えるなら、dipスイッチ的に考え、ズラリ並んだスイッチのONOFFを切り換えてsubmitなりconfirmで反映てのもアリな気がするが。　同一アプリ内で同じコントロールを使うなら同じ挙動でって話で良くね？

[aike]

何年度の何OSのガイドラインか出典を示してほしい。出典がないなら慣用なのか筆者の提案なのかを示してほしい。

[yetch]

こういうのが杜撰になると、洋ゲーの◯ボタンと×ボタンみたいなことになるからそれなりに厳しくしておいてほしい

[Enterprise65]

スマホの場合ドグルとコンファームボタンは相性最悪だな

[dalmacija]

1みたいなアホな話と2,3を一記事に混ぜるなっていう……この徒労感……

[sepiablue]

特に問題無い・・・時もあります