ウェブのあれこれ
ウェブを活用したいひとのためのブログ
スマホサイトでよく見かける三本線のメニューボタンはハンバーガーメニューというらしい!!
2015/06/10 その他

スマホサイトでよく見かける三本線のメニューボタンはハンバーガーメニューというらしい!!

モバイルサイトでよく見かける三本線のメニューボタンはハンバーガーメニューというらしい!!知ってましたか!?
「ハンバーガーメニュー」その名前にも驚きましたが、ハンバーガーメニューの形状によってクリック率が異なるというテスト結果を公開しているサイトがありました。

≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)
出典:jdash 2000 site

確かに三本線だけよりも枠で囲ってある方がいいですし、文字もある方が断然親切ですよね。
最終的には上記のまとめにも書いてますが、「文字+枠で囲む」が良いよう。

コンバージョン率としては数%の差ですが、枠のありなしで顕著に違いが表れているのが興味深いですね。
スマホサイトのメニューボタンをデザインする際には参考にしてみてはいかがでしょうか。

Provided by Revolme inc.
revolme.co.jp