ジャンルを問わず管理人の気になったことや調べたことを、実際にやってみたりした記録

UIの考察 – ON?OFF?先に進む?トグルボタン?見分けがつかない!


ON?OFF?

クラウドワークや転職のサイトには様々な仕事が紹介されてる。それぞれの仕事には「気になる」とか「興味あり」のボタンがあり、ブックマークのように使える。しかし、「このボタン、ちょいとよろしくないんじゃないか?」と思うサイトを見かけることがある。

ここでは2つの某サイトから切り出してみた。これらの「興味あり」や「気になる」は、ONになっているのはどっちだろうか?

ON-OFF sample1
ON-OFF sample2

左のは、上は「色が濃くなっている」、下は「グレイアウト気味」なので上のがONになっている、と判断できそうである。
右のは、下の方に目立つ色が付いているのでONになっている、と判断できそうである。

このように並べて比較するとどっちがONかは分かるけれど、単独で見たときには一見してONかOFFかはわからないんじゃなかろうか

このボタンをクリックすると何が起きる?

上の例の「気になる」ボタンは別のボタンと↓こんな風に並んでいる。

トグルボタンか否か

「応募画面へ」は文字通り応募画面へ遷移する。そして「気になる」はトグルボタンである。これらの異なる動作をするボタンを、なぜ似た形にして並べて置いておくのだろうか。

にほんブログ村 その他日記ブログへ