for:CategoriesGoodsinfo.InterviewNEWSPublicationshop.think.graphicHATARAKIKATA.webインテリアworks.コウジゲンバ.打ち合わせ模型屋さんツブヤイタリ演劇。byキンモトジュン押すなよ!絶対に押すなよ!押したくなるハンバーガーアイコンについてバーガーショップでメニューに悩むと、とりあえずテリヤキチキンバーガーを選んでしまうテリヤキアニキことキンモト(@kinmotojun)です。写真はテリヤキチキンサンドですが。今日はウェブ関係のお話から、主にハンバーガーアイコンをクリックしてもらえるフラットデザインについて考えてみたいと思います。?と言われてますハンバーガーアイコン。以下のような項目で書き進めてみたいと思います。・結局この仕組みは親切なのか?ありなのか?なしなのか?・まとめハンバーガーアイコンとはなんぞ?まずはハンバーガーアイコンについてですが、みなさんは聞いたことはありますか?なんぞや?って方が多いかもしれませんね。ウェブやアプリなどに右か左上についてる3本線のアイコン(ボタン)のことで、パンに挟まれたハンバーグのように見えることからそう呼ばれ、ハンガーガーメニューとも呼ばれています。なじみ深いと言えばそうなのですが。どこかでみたことはあるかとは思います。面右上の3本線のことです。私もつい最近、これの名前を知ったといいますか名前があったんだなぁというもので、知ったきっかけは、果たしてこのハンバーガーアイコンでの表示方法はページを見てくれた方、利用してくれた方にとって良いものなのか?正解なのか?これが答えなのか?という疑問やら不安やらで気になり、いろんな方の意見に触れたことがきっかけです。否定的な意見がかなり多いように思います。いつの間にかよく見られる表示方法、また便利だなとも思うこのハンバーガーアイコン、人によってはクリックできるボタンとして認識すらされないという話を聞き、ぞっとしました。その先には重要なコンテンツが。ウェブの閲覧、各画面サイズに合わせた表示やその方法を考えなければならなくなり、そのあたりから多く使われるようになったのではないかと考えてます。表示としてはごちゃごちゃせずスマートになるかも?またマウスではなく指での操作というようなことでの自然な流れかと思うのですが、一見ページにメニューがない状態、隠れている状態は不親切ではないだろうか?意図するような見せ方、伝え方、操作性を優先させるのか、それを犠牲にしてでも分かりやすさ、見易さ(全体像の把握という意味で)使いやすさ(目当ての情報への行きやすさ)を優先させるのか。どちらも同等に重要なことで、同等に意識しなければならないこと。現状、何を優先させればいいのか?フラットデザインの話に似ているかも?この話、どこかフラットデザインについての話と似ていると感じましたので少し。ジしてもらえたら良いかと思います。どを極力抑え、対象となるものをより抽象的にシンプル且つダイナミックにしたようなデザインのことです。名前の通りぺったんこなデザインのことです。これは個人的な印象ですがフラットデザインについては感覚的な意味として、使用感や操作感に障壁がないというようなフラットさというようなものも含まれているように思います。プルに限らずここ数年でスマフォやパソコンのインターフェースは大きく変わってきました。慣れ、それを経験や認識してきたことで、ボタンとして強調することを抑えたとしても自然と使用することができる。意味もあるかと思います。ある日突然慣れ親しんだリッチデザインがフラットデザインに変わったタイミングは正直驚きましたし、使用に戸惑う場面もありました。今でこそこれが自然で普通だというような慣れがあり、iOS7以前のデザインを見ると逆に強い違和感を感じますよね。(笑)ザっ!違和感!!似たような話と言いますか今回考えていますテーマのハンバーガーアイコンもフラットデザインの一部です。違和感なく受け入れられるかという意味で考えていかなければならないテーマではあるように思います。目やツールについても重要度が高いことが多く、このツールがないから隈なく探すという行為を誘発させることかと思います。これが偶然見つけたサイト、初めて訪れるサイトのような場合、サイトごとにこのハンバーガーアイコンの位置や形状、見え方が異なり分かりづらく、また経験も慣れもない状態がほとんどです。もらいたい、時間をかけてじっくりと見てもらいたいなどと考えるのが自然です。それを踏まえますと安易に使用できないハンバーガーアイコン。慎重にもなるような仕組みでもあるように感じます。ウェブのハンバーガーアイコンがクリックされない、視認されにくいのではないかということから問題意識があるように思います。ハンバーガーアイコンをもっと美味しそうにすれば良いと思うの。美味しそうなハンバーガーアイコンのデザインについてこの認識されず押されないかもしれない、ボタンだと分からないかもしれないハンバーガーアイコンに対し単純に見た目を変える事で解決するような話なのかを考えてみたいと思います。見られる工夫としては目立つ色に変えたり動きを付けたり、立体的にしたり、補足説明が付いてたりなど様々な種類があります。主張させるようなデザインという事なのですが、果たして意識するのはこういうことなのでしょうか?他にもクリック後に変化をつけるようなアイデア。https://jonsuh.com/hamburgers/(ハンバーガーのデザインを変えたい人は参考になるかもです)逆にハンバーガーが世の中に浸透し馴染みすぎているというような話もあります。根本的な解決にはならないかもですが、ホットドッグアイコン。単純に目立たせクリックを促すようにするなら、ハンバーガーじゃなくても良い。はり気になる部分なのかと感じ、デザインを変えるという事は根本的な解決にはなりませんが効果は期待できるように思います。なにが美味しそうなデザインかと考えると、やはり衝動的に食べたくなる(押してしまいたくなる)状況かなと思うのです。押すなよ!絶対に押すなよ!日本で暮らす誰もが馴染み深いフレーズではないでしょうか。伝統芸なのかもしれない背中を押してしまい熱湯のお風呂に落とされるというアレです。押してみたくなる感情を揺さぶるような、押してみたくなるようなボタンのデザインとして考えると、押せる何かであるというアピールにはなるかもしれません。(先ほどの話で言う展開のオチを知っているような)、押す事でどうなるかをみんな知っている、期待している結果があることも重要なのかもしれません。持ちの変化が行為を誘発するような考え方は重要のように思います。エレベーターのボタンを考えますと、多分ですが無意識というようなレベルで操作方法が分かると思います。階数を押し扉を閉めることで、目的の階に移動できる。目的が明確で押す行為が自然と誘発されるような状況がサイトにおいてもベストであるのは間違いない。あればハンバーガーアイコンは変えるべき。!変えるべき?!結局この仕組みは親切なのか?ありなのか?なしなのか?を考えてきましたが、サイトを表示する端末で切り替えるのがベストのように思います。まとめスマートフォン表示以外のハンバーガーアイコンやめました。グリーンポイントデザイン広島市の五日市でグリーンポイントデザインというデザイン事務所をしています。仕事はブランディングや空間デザイン、グラフィック、Webデザインと幅広です。カメラマンと2人の小さなデザイン事務所です。デザインや撮影でご協力出来ることがあればよろしくお願いいたします。トライノサンドウィッチ)さんのオープニングレセプションへ行ってきました。02/20/2020[最近のお仕事]ロゴデザインからの関わり方。02/10/2020【デザインとはケバブである】改めてデザインのスタンスについて考えてみた。Payでデザイン料、撮影料のコード決済が出来るデザイン事務所です。ご依頼ご相談デザイン制作また写真撮影に関するご依頼、ご相談、お見積もり等こちらよりご連絡ください。*尚、営業を目的としたお問い合わせはご遠慮ください。apply.Contact。