お問合せはこちら【最短1営業日以内返信】

ホームページ制作・WEBサイト制作・グラフィックデザイン

CONTENT集客のネタ・コンテンツ

スマホのメニューについて考えてみた

Posted:2016.03.07 | Category: 集客のネタ・コンテンツ

ハンバーガーメニュー
こんにちは!
アプリコットデザインまっつんです。
ハンバーガーっておいしいですよね。
無性に食べたくなります。

さて、皆さんはスマートフォンのメニューと言うとどんな形のものを思い浮かべますか?
丸?四角?三角?
人によってさまざまな形を想像するのではないかなと思います。

スマホサイトを見ていますと、ハンバーガーメニューを良く見かけます。
ハンバーガーメニューってどういうものなの?
今回はそんなハンバーガーメニューについて考えたいと思います。

ハンバーガーメニュー

ハンバーガーメニューと言われてもどんなものなのか良くわかりませんよね。
最近ではpcサイトでもたまに見ますが、下の図のような横線三本のアイコンになります。

ハンバーガーメニュー
上下の棒をパン、真ん中がパテと見立てていて、ハンバーガーに見えると言うことからハンバーガーメニューと言われています。

今ではいろいろなサイトに付いているので見た事のある方も多いのではないでしょうか。

メリット・デメリット

そんなハンバーガーメニューですが、いい点もあれば悪い点もあります。

メリット

ハンバーガーメニューのメリットですが、以下のようなものがあります。

  • シンプルでデザイン性がある。
  • スマートフォンなどの小さい画面でメニューをコンパクトに出来る。

こういった利点が上げられます。

デメリット

一方デメリットでは、

  • 使わない人にはボタンなのかなんなのかわからない。
  • どういった内容があるのかパッと見てわからない

こんなデメリットが上げられます。

シンプルで省スペース化が出来るのはとても素晴らしいことなのですが、メニューボタンだと気づかなければ意味がありませんよね。
最近ではハンバーガーメニューをよく見かけるので「メニューボタンなんだ」と認識しやすくなっていると思うのですが、使用する人にとってはまだまだ分からない方も多いと思います。

クリック率

そんなハンバーガーメニューですがクリックしてコンテンツに飛ぶ人の割合を調べたデータがあります。

参照サイト(zeebox:UX designers: Side drawer navigation could be costing you half your user engagement)
※海外サイトにアクセスします。

上記のサイトでクリック率のテストをしたところユーザーの使用率が使用前と比べ半分になったという驚きの結果がでました。

他にもfacebook公式アプリも一時期ハンバーガーメニューが採用されていましたが、その後すぐ変更され画面下にわかりやすいアイコンと文字が出るメニュー表になっていました。

以上のようにハンバーガーメニューは浸透してきているけれども、まだまだ思っている以上にユーザーには分かりにくい部分があるということが分かります。

改善するには

見る人が分かりづらければ折角作ったホームページなのにとってももったいないですよね。
ではどうすればいいのか考えてみました。

メニュー改善
例えばこのようにただの三本線から分かりやすくMENUという文字をつけて枠で囲ってみます。
こうするだけで「メニュー表示のボタンはコレなんだ!」と分かりやすくなったと思いませんか?

たったコレだけの改善ですがクリック率は向上されました。

まとめ

デザイン面、機能面だけ追い求めたとしても使用するユーザーが見て分からなければ意味がありません。
また、ターゲット層によって使用しているアイコンの理解度はだいぶ違ってくると思います。

そういったユーザーの視点に立って制作していかなくてはいけないなと思います。
今後もスマートフォンは普及するでしょうし、新たなデバイスが出たらまたその時のユーザーの理解度も変わってきます。

その時代のユーザーが使用するときの分かりやすさ、理解度をより考えながらサイトの制作をしていかなければいけないな思います。

アプリコットデザインではそういったユーザー視点で今後もサイト制作を実施し、お客様にもユーザーにも喜ばれるような商品を提供していきます。

ホームページ制作・通販サイト制作 各種印刷物デザインならアプリコットデザイン

株式会社アプリコットデザイン

[長野オフィス]
〒381-2246 長野県長野市丹波島1-805
TEL.026-217-2184

[東京ブランチ]
〒107-0052 東京都港区赤坂8-4-14 8F
TEL.03-6670-5177

[松本ブランチ]
〒390-0851 長野県松本市大字島内4619-3 QuintetDoor 1階南室
TEL.0263-87-7486

SEARCH

  • デザインで全ての人を幸せに
  • ブランド戦略型WEBサイト
  • タブロイド紙作ります
  • 開業・企業パック
  • ブランディング
  • 信州ファーム
  • アプリコットマグ

AREA

対応エリア

長野市、松本市、上田市、岡谷市、飯田市、諏訪市、須坂市、小諸市、伊那市、駒ヶ根市、中野市、大町市、飯山市、茅野市、塩尻市、佐久市、千曲市、東御市、安曇野市、小海町、川上村、南牧村、南相木村、北相木村、佐久穂町、軽井沢町、御代田町、立科町、青木村、長和町、下諏訪町、富士見町、原村、辰野町、箕輪町、飯島町、南箕輪村、中川村、宮田村、松川町、高森町、阿南町、阿智村、平谷村、根羽村、下條村、売木村、天龍村、泰阜村、喬木村、豊丘村、大鹿村、上松町、南木曽町、木祖村、王滝村、大桑村、木曽町、麻績村、生坂村、山形村、朝日村、筑北村、池田町、松川村、白馬村、小谷村、坂城町、小布施町、高山村、山ノ内町、木島平村、木島平村、信濃町、小川村、飯綱町、栄村など長野県内全域

北海道、青森、岩手、宮城、秋田、山形、福島、東京、神奈川、埼玉、千葉、茨城、栃木、群馬、山梨、新潟、長野、富山、石川、福井、愛知、岐阜、静岡、三重、大阪、兵庫、京都、滋賀、奈良、和歌山、鳥取、島根、岡山、広島、山口、徳島、香川、愛媛、高知、福岡、佐賀、長崎、熊本、大分、宮崎、鹿児島、沖縄まで全国

TOPICSトピックス

2643 post

PICK UPピックアップ

  • デザインノートに掲載されました
  • デザインで人を幸せにする会社
  • ブランド戦略型ホームページ制作
  • 開業起業される方へ
  • アプリコットデザイン
  • コーポレートサイト
  • 信州ファームデザイン
  • 信州ファームマーケット
  • ポケット
  • アプリコットマグ
  • ブランシュール

CONTACTお問合せ

デザインで人々を幸せにしたい。
デザインにはその力があります。I want to make people happy by design.
Design has that power.

デザインが全てだとは決して思いません。
デザインの良し悪しだけで、ビジネスが左右されるとも思っていません。
だけど、デザインの力はとても大きいことも知っています。
私たちが考える良いデザインとは、お客様の伝えたい想いを
より的確に、効果的に表現する手段だと考えます。
伝えたい想いは、間違った伝え方をしてしまうと伝わりません。
また、人を惹きつけるデザインでないと見てもらうことすら困難です。
私たちは日々努力を重ね、今日もそれらデザインに磨きをかけています。
そして制作する過程において、デザインを作ることよりも、お客様の伝えたい想いを
汲み取る事の方が制作するよりも重要だと考えます。
それらの結果、見た目も効果も併せ持った、優れたデザインとなります。
優れたデザインはビジネスの成長を促し、収益をもたらします。
私たちは、デザインを通して、一人でも多くの人を幸せにしたいと考えます。
デザインには人を幸せにする力があると信じています。

アプリコットの想いアプリコットの想い