デザイン Kota Naito / 2017.11.29

メンタルモデルを意識したWEBデザイン【画面設計】

Advertisement

今、このブログを読んでいるWEB担当者の方々は、このページがどのように構成されているのかを、おおむね予測できているはずです。それは、初めてこのサイトに訪れたユーザーでも同じで、誰もが、「こういった記事投稿型の(ブログ)サイトは、こういう具合の作りになっている」というメンタルモデルを持っているからです。
今回は、WEBサイトのデザインを考えるうえで、大変重要なメンタルモデルについてご紹介いたします。

メンタルモデルとは

まず初めに、メンタルモデルについて簡単に説明いたします。

メンタルモデルとは、認知心理学の用語で、人がものごとに対して見通しをつけるために「これはこういうものだろう」と心に思い浮かべるモデルのことです。

このモデルは、文化や生活環境、これまでの経験に基づいて作られていくもので、一人ひとり異なります。それでも日本人であれば、(横書きなら)左から右に文章を読み進めるという、メンタルモデルを持っていますし、WEBサイトのテキストの下に下線が引いてあれば、クリックして別ページに移動できるというメンタルモデルを持っています。同じような経験や文化、生活環境の中にいれば、似たようなメンタルモデルが形成されるということです。

海外ユーザー向けのWEBサイトを作るときには、このメンタルモデルを特に意識するべきです。対象の国で生活をしていたネイティブな人材をプロジェクトに招き入れることは、そのサイトの成功に深く結びつきます。

WEBデザインにおけるメンタルモデル

皆さんは、パソコンやスマホの画面で、人がまずどこに目を向けるかご存知ですか? もちろん左上ですよね。これは大変有名な話で、「人は左上からFの法則に乗っ取って画面を読み進める」という言葉を耳にしたことのあるWEB担当者も多いはずです。とはいえ、一番左上の隅から見始めるユーザーはいません。ここには何の情報もないことユーザーは知っているからです(そういうメンタルモデルが築かれていると言えます)。
では、実際の始点はどこになるのか。それは、下記の図に示した通りです。

このようにユーザーは、意味のある情報(求めている情報)が始まるところを始点として、Fの法則に乗っ取って画面を読み進めていくのです。
ただし、この標準的なメンタルモデルよりも優先させて、人の視線を意図的に集める方法もあります。例えば、動きのあるバナーなどが、その一例です。
人は、動くものや、人の顔(特にまっすぐこちらを見ているもの)、食べ物やセックス、危険にまつわる写真などに、自然と注目してしまうのです。これらの物に優先的に注意が向かうのは、人の生存にかかわるためです。これは、脳の外側に作られるメンタルモデルよりも、内側に備わっている本能が勝るということだと言えます。

メンタルモデルにフィットするWEBデザイン

具体的にどうすれば、ユーザーのメンタルモデルに則したサイトが作れるのか。それは、対称のターゲットユーザーが普段使っているメジャーサイトをまねることです。アパレル系ECサイトを作るのであれば、ZOZOTOWNやユニクロ、ターゲットユーザーによっては楽天市場などのUI・UXを参考にすれば、大きくユーザーのメンタルモデルから離れることはありません。

人は、効率的に物事を理解しようと、無意識レベルで「メンタルモデル」を構築しています。一度そのメンタルモデルが構築されると、認知スピードが上がり、無駄な労力を使わずに済みます。もしもそのWEBサイトが、経験に基づいて構築されたメンタルモデルに頼ることのできないサイトであれば、ユーザーにストレスを与えてしまうことになるでしょう。そのストレスも積み重なれば、間違いなくコンバージョンに影響を与えます。 対象のユーザーにとって慣れ親しんだ形を提供することが、メンタルモデルにフィットするサイト作りの第一歩です。まずは、そこからWEBデザインを考えてみてください。

今より満足できるサイトを作りませんか?

無料とは思えない
LIONテーマイメージ画像

FITでは、誰もが良質なコンテンツをインターネット上に公開できるようにWordPress用無料テーマ「LION」を提供しています。

テーマの特徴

  • ・W3Cの規格に基づくマークアップでエラー無し
  • ・簡易お問い合わせ機能が標準で備わっている
  • ・関連記事表示機能が標準で備わっている
  • ・記事ランキング機能が標準で備わっている
  • ・必要十分な細かな内部SEO対策が施せる
  • ・OGPの設定もカスタマイズが可能
  • ・表示速度アップが期待されるAMPに対応

LIONテーマを使えば、SEO対策はもちろん、ユーザビリティに強化された美しいデザインのWEBサイトを作ることができます。
広告収益や売上に結びつけるためのマーケティング動線が強化されたLIONテーマを利用して、あなたのビジネスにお役立てください。

関連するおすすめ記事

kota naito

内藤 康太クリエイティブディレクター / フィット代表

2008年にWEBデザイナーとして独立し、フリーとして活動。その後、WEBディレクターとして一部上場企業とベンチャー企業で経験を積み、2016年から再びフリーのクリエイティブディレクターとして活動。 現在は、関東圏内で企業のWEBコンサルティング、WEB制作、コンテンツマーケティング支援、SEO対策を行っています。

WORKS

PRODUCTION RESULTS

CONTACT

ご相談・お見積り無料

お気軽にお問い合わせください。

消費者が求めているものを理解し、価値あるコンテンツを届けることが、今ホームページには求められています。他社に無い、御社ならではの強みを生かしたWEB戦略を提案いたします。

メールアイコン

個人事業主/中小企業にこそ必要な「選ばれる理由のある」ホームページを提案します。

“We propose a website that will be chosen by consumers for SMEs.”