クリック率が違う！？4タイプのメニューアイコンの比較検証！ : ニキビ跡スマホ対応の記事で、「≡」のようなメニューを見たことはないですか？ このマークは『ハンバーガーメニュー』と呼ばれるメニューを表す記号です。 本記事では、ハンバーガーメニューと「MENU」と書いてあるメニューボタンでクリック率がどの程度違うのかA/Bテストを報告している記事から、その結果をご紹介します。 基本パターンハンバーガーメニューの最も基本的なデザインです。 単純に三本の線が描かれているだけです。 文字が入ってるパターン三本線の下に「メニュー」と文字があり、アイコンの意味を明示しているパターンです。 囲んでいるパターン三本線をボーダーで囲っているパターンです。 ボタンであることをハッキリと示すことができます。 他にもいくつかパターンがありますが、他のパターンについては「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」をご覧ください。 クリックされやすい
