ハンバーガーに関するjed_leeのブックマーク (2)
-
スマートフォンなどのモバイル端末用UIでよく用いられる﹁三﹂のマークのアイコンは、ハンバーガーのように見えることからアメリカでは﹁ハンバーガー﹂アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、﹁劣った醜い撲滅すべきものである﹂という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが﹁ハンバーガー﹂。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切 一般的に普及し
-
スマートフォン対応サイトで右上や左上にある﹁≡﹂こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。︵サイトイメージは﹁グラシン工房﹂から︶ まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線︵border︶で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた﹁︻Web制作︼スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた﹂の記事をご覧ください。 ●アイコンだけ・文字付
-
1