テクノロジー
トグルスイッチの誤用をやめよう

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

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

テクノロジーカテゴリーの変更を依頼記事元:

uxmilk.jp

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

321usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

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

321 users

uxmilk.jp

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント68件

注目コメント
新着コメント

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2022/09/13リンク

その他

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

2019/11/22リンク

その他

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

2019/11/22リンク

その他

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

2019/11/22リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

dame_maru学び

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

2019/11/21リンク

その他

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

2019/11/21リンク

その他

kabuqueryミルクは飲むものです

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

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

2019/11/21リンク

その他

skythief"トグルスイッチとトグルボタンには根本的な違いがあります。トグルスイッチはシステムの状態を管理し、トグルボタンは文脈上の状態を管理します。" どっかで規定されてるの？

2019/11/21リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「トグルスイッチの...」が注目されています。

気持ちをシェアしよう

ツイートする

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

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