≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
Yahoo!ニュース「見出しの先」はなぜ7年間変われなかったのか～システムの「老い」とリニューアルの裏側
Yahoo!ニュース「見出しの先」はなぜ7年間変われなかったのか～システムの「老い」とリニューアルの裏側 少し前の話になってしまいますが、2014年7月、Yahoo!ニュース・トピックスの13文字の見出しをクリックすると表示される「詳細ページ」がリニューアルしました。先日は、ブラウザ版スマホトップページのUI改善の一例に触れましたが、今回は、そのトップページのほかアプリなどからもご覧いただける、このページの大幅リニューアルについて振り返ってみたいと思います。 Yahoo!ニュース・トピックスの各ジャンル8本並ぶ見出しの先にある「詳細ページ」は、主に配信いただいている媒体や書き手の記事によるヘッドライン、小見出しと関連リンクなどで構成されており、全国4カ所に拠点を置く編集部が24時間体制で編集しています。 昨年11月のニューストップページリニューアルのほか、先日ご紹介したUI改善事例など、Y
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
