エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント183件
- 注目コメント
- 新着コメント
pmint
メニュー表示のクリック率なんて意味なさそう。メニューがメインコンテンツなら別だけど、そもそもここに入れるのはどうでもいいリンクばかりのはず。「押せそうだから押した」感じ?チュートリアルとしてはよさそう
sukkirikumiko
menuという文字を枠線で囲ったデザイン…グローバルメニューにどうやって表示したらいいの?(・_・; ≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から) : jdash2000 site
hirata_yasuyuki
「≡」はメニューであることが共通認識になったら、また結果は違うんだろうなあ。 Browsing: “≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)”
dalmacija
ドロワーアイコンまわり、この実験の場合の利用者的な文脈って、ボタンかどうかという意味軸より、枠線付加の必然であるサイズ拡大で物としての視認性が上がったことの影響が強いような気がするけど。
KoshianX
ハンバーガーメニューなんて誰が名づけたんだこれ。なんにせよ記事中にある通りユーザーの慣れに期待して文字なし三本線の四角囲みをメニューボタンとして合意とってたほうが面積や言語超えられて便利そう
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック!
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
≡ ←ハンバーガーメニューのデザインでクリック率は違う(2014年のA/Bテストの結果から)
スマートフォン対応サイトで右上や左上にある﹁≡﹂こんな形の三本線のメニューはいわゆるハンバーガーメ...
スマートフォン対応サイトで右上や左上にある﹁≡﹂こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。︵サイトイメージは﹁グラシン工房﹂から︶ まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線︵border︶で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた﹁︻Web制作︼スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた﹂の記事をご覧ください。 ●アイコンだけ・文字付
2015/06/10 リンク