ハンバーガーには頼らない

hamburger
起業準備Webデザイナーの小林友美です。

 

いきなりですが問題です。

 

このマーク何のマークかわかりますか?

hamburger

 

 

スマホなど、メニューバーのかわりに表示されるマークです。

 

 

最初、見た時どう思いましたか?

「これがクリックできるの?」
「ただの線?ボタンじゃないし」
「え?今まで気が付かなかった」
「このマーク押せるの?知らなかった」
「一度も押したことない」

といった具合に、

 

とにかく使う人の気持ちを考えていないマークなのです

 

不親切なマークだわ、って思った人もいるのではないでしょうか?

このマーク、何かに似ていますよね?
私の好きな、
これではなくて、
pancake
こちらです。
hamburger

 

ハンバーガーに似ているので、

アメリカではハンバーガーマークと呼ばれています

 

 

 

私は初見で「中央揃えマーク」だと思ってました。

 

本物の「中央揃え」はこちら

 

menu
あまり似てませんね・・・

画面、ナビゲーション、メニューやウィンドウの動き、操作感などをひっくるめて

 

デジタルとの接点の事を

 

「ユーザーインターフェイス(UI)」と言います

※広義でUXもあり

ユーザーインタフェイスは、

直観的に「何ができる機能なのか?」わからなければいけません。

 wifi

Wifiのマークも、最初何のマークか分かりにくかった・・・

※これが違うだったら、もっとわかりにくいんだろなぁ。

 

 

 

そして、こちらはもっとわからなかった・・・

 

ビックリしてるけど、どうしたのさマーク!

toyota
※トヨタ車の某車種についている、タイヤの空気圧が減ったり、偏ったりするときに出るマーク
(雪でデコボコした路面に駐車すると、結構な確率で出現)
かなり脱線してしまいましたが、まとめると・・・

 

 

見る人にとって、やさしくないマークは良くない!

 

 

 

このハンバーガーマークから、

 

普通の「MENU」と書かれたボタンに置き直したところ、

 

クリック率が上がるという検証結果もあるので、

 

この先、脱ハンバーガーになっていきそうです

 

この記事が気に入ったら
いいね!しよう

◆パソコン・Webの活用方法はニュースレターで配信しています。

 ニュースレターでは、今話題の情報や、24時間365日働いてくれるブログの作り方、知っているようで知らなかった、便利なパソコンの使い方などを配信しています。セミナーやイベント、勉強会などの情報もいち早くお伝えしています。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

こばちゃん

パソコン教室・WordPerss・ホームページ作成を行う、起業準備Webデザイナー。 これから創業しようとする方、さらにステップアップしたい方のサポートを行う。 コツコツするのは得意だが、アイディアを出すのは苦手。 アイディアが湧き出て止まらない方の「イメージを形にする」のが得意。 趣味は旅行。北海道帯広在住。