認知科学で考える「目的別メニューボタン」のデザイン表現

ナビ・ボタン表現ミニスクール

今回は、より興味が高い情報をメニューから探したいと考えてるユーザーに対して、どんな情報なのかを直感的でスピーディに想起させ、いちいち考えることなく能動的に行動を喚起できるデザイン表現について、認知科学で考えてみたいと思います。

目的別メニューボタンの
能動的な行動を喚起するBeforeとAfter

情報を発信する側は、情報の意味や内容を把握しているため、総合的に包括する言葉を選んで名称を決めるが、ユーザーにとっては、その言葉が意味する範囲や真意を言葉尻から理解したり興味を持つことは意外に難しい。
それは、ユーザー側の興味の高さや事前にどれだけ情報を持っているかも影響されるため、ユーザーが潜在的に知りたいと思う「埋もれた記憶」を掘り起こせる、直感的に「知りたい!」と思う感情を「喚起」できることが大切。
しかし、テキストだけで作られたメニュー表示では、直感的に一覧情報の中から選択できる情報伝達スピードが得られないのが課題と言える。

ボタン名を具体的に表す画像によって
瞬時に内容を理解できる!

そもそも、画像は文字情報の7倍を情報量があり、人の脳は情報処理が楽になる方を選択する傾向が強い。
だから、少しでも考えずに済むビジュアル表現は、ユーザーの興味を喚起しやすく必要最小限の労力で文字によるタイトルのみのボタン表現よりも、さまざまな付加情報を伝えてくれる。
また、ユーザーが自発的に知りたい情報を用意するよりも、示された選択肢の中から自身が興味や関心があるものを選び出す方が、ユーザーははるかに楽に、情報を選ぶことができる。
だから単に雰囲気だけを示す画像よりも、クリックした先のページでどんなことがわかるのかを具体的に示す画像であればあるほど、ユーザーは瞬時に内容をイメージできるため、ユーザーが興味や関心がある情報へ、スピーディに誘導できる。

わかりやすい誘導導線を実現する
目的別メニューボタンの認知心理

より詳細に解説した講座のご紹介


ホーム 認知科学でUIデザイン ナビ・ボタン表現ミニスクール 認知科学で考える「目的別メニューボタン」のデザイン表現

企業内セミナーや社員のUI/UXスキルアップ講座の開催を
ご検討の企業様からのお問い合わせはこちら

香西 睦

香西 睦

論理的で客観的なデザイン理論と、ユーザーの視点に立った情報デザインは、Webサイトの課題を見極め、わかりやすいインタフェースを実現!

同じテーマのおすすめ記事

人気コンテンツ

  1. 1

    短期記憶に関するミラーの法則(マジカルナンバー)

  2. 2

    非注意性盲目(ミスディレクション)

  3. 3

    シグニファイア(知覚されたアフォーダンス)

  4. 4

    わざわざ入力を面倒くさくしているドロップダウンリスト

  5. 5

    認知科学で考える「ローカルナビゲーション」のデザイン表現

最近の記事 おすすめ記事 特集記事
  1. シャルパンティエ効果

  2. [11月4日]福岡DAY2セット|直感的で使いやすいUIデザインが作れる!

  3. [11月3日]福岡DAY1セット|直感的でわかりやすいUIデザインが作れる!

  4. 手続き記憶

  5. エピソード記憶

  1. 近接の法則

  2. 類同の法則(類似性の法則)

  3. シグニファイア(知覚されたアフォーダンス)

  4. 画像優位性効果

  5. 選択的注意(カクテルパーティー効果)

  1. あらゆる人に直感的でなければいけない、エラー表示と使えないヘルプ

  2. わざわざ入力を面倒くさくしているドロップダウンリスト

  3. ユーザーの「知りたい度」によって変わる、「読み方」と「読む範囲」

  4. カッコいいだけなのはデザインとは言わない。

  5. UIデザインはデザインではなく統計だ!

香西 睦

香西 睦

「だから、そのデザインはダメなんだ。(エムディエヌコーポレーション刊) 」の著者。 論理的で客観的なデザイン理論とユーザー視点の構造設計・情報デザインを用いて、Webサイトの課題を見極め、Webサイトの性能をアップさせる利用者の目線に立ったわかりやすいインタフェースの設計で多くの企業様のお手伝いをしてきました!

TOP