チェックボックスとボタンのユーザーインターフェースデザイン案

 チェックボックスだけだとチェックしにくい。よってボタンでチェックできるようにする。ボタンが押されている(へこんでいる)、押されていない(へこんでいない)。しかし、チェックボックスでチェックされていないと、チェックボックスがチェックされているか否かを確認しにくい。

 よって、チェックボックスの「チェックされている」、「チェックされていない」とボタンの「押されている」、「押されていない」をそれぞれ同期させるとマウスでの操作感が上がる。


□ button 押されていない
■ button 押されている


マウスでクリックできる部分は「□」だけから「□ button」の領域に増えるので操作感が増すという仕組みである。