トグルスイッチとは状態のON/OFFを切り替えるためのUIパーツです。選択肢が明確にわかり直感的に操作できるトグルスイッチは、ユーザビリティを高めるための重要な要素です。しかしそのシンプルさゆえに、不適切な使われ方をしているケースを見かけます。トグルスイッチの機能と適切な使用方法を理解し、ポイントをおさえて設計することが大切です。 トグルスイッチの定義 トグルスイッチはウェブページやアプリケーションのコンポーネントです。同時に選択できない2つのオプションからいずれかを選択し、現在の状態を視覚的に表します。ユーザーがトグルスイッチのON/OFFを切り替えれば、ボタンの操作結果やオプションの変更設定がすぐにシステムに反映されます。 一般的に「トグルボタン」や「トグルスイッチ」と呼ばれることが多く、Material Design(※1)では「スイッチ」、Human Interface Guide
![ユーザーが迷わないトグルスイッチの使い方 | ベイジのUIラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f1c5bda605709dbe2d686c35ff58f0f69e26d99/height=288;version=1;width=512/https%3A%2F%2Fbaigie.me%2Fblog-ui%2Fwp-content%2Fuploads%2F2023%2F11%2Fimage-2.png)