SlideShare a Scribd company logo
よくある⼼理学⼊⾨
わ か り や す い サ イ ト を 作 る た め に
はじめに
⼈の⼼の動きには傾向があり、
それを科学的な⼿法で研究したものが⼼理学。
今⽇は、視覚と認知にかかわる⼼理学を中⼼にお話します。
ルビンの盃はなぜ盃に⾒えるのか
ルビンの盃はなぜ盃に⾒えるのか
地
図
ルビンの盃はなぜ盃に⾒えるのか
図に⾒える要因
1.相対的に⼩さいもの
2.明るいもの
3.閉じた空間を持っているもの
4.中央にあるもの
5.垂直、⽔平になっているもの
6.単純で規則的、対称的なもの
7.動くもの
この中の3つの要因を使って、
盃から横顔にしていきます
ルビンの盃はなぜ盃に⾒えるのか
図に⾒える要因
1.相対的に⼩さいもの
2.明るいもの
3.閉じた空間を持っているもの
4.中央にあるもの
5.垂直、⽔平になっているもの
6.単純で規則的、対称的なもの
7.動くもの
ルビンの盃はなぜ盃に⾒えるのか
図に⾒える要因
1.相対的に⼩さいもの
2.明るいもの
3.閉じた空間を持っているもの
4.中央にあるもの
5.垂直、⽔平になっているもの
6.単純で規則的、対称的なもの
7.動くもの
ルビンの盃はなぜ盃に⾒えるのか
図に⾒える要因
1.相対的に⼩さいもの
2.明るいもの
3.閉じた空間を持っているもの
4.中央にあるもの
5.垂直、⽔平になっているもの
6.単純で規則的、対称的なもの
7.動くもの
ルビンの盃はなぜ盃に⾒えるのか
⼼の動きの傾向を使ってユーザーの⼼を動かす
このように、⼼理学を使えば
こちらが⾒せたいものに注視させるなど、
ユーザーに意図した⾏動を起こさせることができる。
⼼理学テクニック アンカリング効果
アンカリング効果
何らかの数値でアンカーを先⾏して提⽰することで、
交渉相⼿にフレーミングを与える⾏為
⼼理学テクニック アンカリング効果
例えばこの指輪、なかなか⾼価ですよね?
⼼理学テクニック アンカリング効果
でも、こういう商品が並んでいたら・・・
⼼理学テクニック アンカリング効果
でも、こういう商品が並んでいたら・・・
ここがアンカー(基準)になるので、こちらを安く感じ、
購⼊ハードルが下がる
⼼理学テクニック バンドワゴン効果
バンドワゴン効果
⾃分の好みに関わらず、多くの⼈がやっているから、
⼈気があるからという理由で選択する⼼理現象。
バンドワゴンとは、パレードの先頭を⾏く楽隊⾞のこと。
⼼理学テクニック バンドワゴン効果
どっちを買いますか?
売上
日本一!
お店の味!
※画像はイメージです
⼼理学テクニック バンドワゴン効果
2019年2⽉の売り上げ
51,108円 20,832円
RDSデータ調べ/スーパー1店舗あたり
http://www.mdingon.com/MdonWeb/topics/2019/03/201902-best20.html
売上
日本一!
お店の味!
⼼理学テクニック 使えばいいってもんじゃない
他より安いからと買った指輪が、
やっぱり好きなデザインじゃなかったら?
売上⽇本⼀だから買った餃⼦が、
好みの味じゃなかったら?
ユーザーを⼼理テクニックで誘導しても、
ユーザーが本当に求めているものでなければ意味がない。
売上
日本一!
ユーザーが求めているものを確実に伝える
ユーザーが求めているものが、
迷いなくユーザーに届くように⼼理学を使う。
ユーザーが求めているものを確実に伝える
ユーザーが求めているものが、
迷いなくユーザーに届くように⼼理学を使う。
認知負荷を下げる⼯夫をする
認知負荷を感じてみよう
これは何の絵ですか?
引⽤元 http://www2s.biglobe.ne.jp/~yoss/seeing8/seeing8.html
認知負荷を感じてみよう
これは地⾯を嗅ぎながら歩いていくダルメシアンの絵です
引⽤元 http://www2s.biglobe.ne.jp/~yoss/seeing8/seeing8.html
認知負荷を感じてみよう
ダルメシアンの絵と⾔われた⽅が簡単に認識できる
引⽤元 http://www2s.biglobe.ne.jp/~yoss/seeing8/seeing8.html
ボトムアップ知覚とトップダウン知覚
ボトムアップ知覚
与えられた刺激図形を分析、組み合わせして推論すること
トップダウン知覚
仮説を⽴ててから、図形がなんであるかを予想して⾒ること
ボトムアップ知覚とトップダウン知覚
ぱっと⾒て「これは○○だ」と仮説を⽴てられるものは
トップダウンで処理できる
  認知負荷が少ない
認知負荷がめちゃくちゃかかる例
写真とテキストお借りしました→ https://www.ja-kuroushi.net/SHOP/123-1.html
認知負荷がめちゃくちゃかかる例
すきやきの作り⽅・・・?
わかりやすくすると
なぜわかりやすくなったのか
「これはECサイトです」と書かれていないのに
「これはECサイトだろう」と予測できた。
なぜ予測できたのか?
メンタルモデル
メンタルモデル
⼈がはじめて触れるものに対して
「これはこういうものだろう」と解釈、判断、⾏動
するときに頭の中に形成されるモデルのこと。
ECサイトのメンタルモデル
ECサイトといえば
カートのアイコンがあり、商品名と価格が表⽰されていて、
その下に詳しい情報が書かれている。
ECサイトのメンタルモデル
つまりこういうこと
ECサイトのメンタルモデル
要素が⽬に⼊りやすくなった要因
ゲシュタルトの法則
⾒えているものをできるだけ簡潔に
ひとまとめにしてみようとする知覚の傾向。
単に図形知覚だけでなく、⼈の認知や⼈間関係の認知、
諸々の社会事象を認知するときにも働く基本的メカニズム。
ゲシュタルトの法則
類同:同じもの、類似したものを⼀つのまとまりとして⾒る
近接:近くにあるものをひとまとめとして⾒る
閉合:閉じた空間はひとまとめにして⾒る
良い連続:連続性をもつ滑らかな線はひとまとめにして⾒る
共同運命:⼀緒に動くものをひとまとまりにして⾒る
ゲシュタルトの法則:類同
引⽤元 https://ferret-plus.com/8022
同じもの、類似したものを⼀つのまとまりとして⾒る
ゲシュタルトの法則:類同
囲んだ部分はフォントサイズが同じ
ゲシュタルトの法則:近接
近くにあるものをひとまとめとして⾒る
引⽤元 https://ferret-plus.com/8022
ゲシュタルトの法則:近接
近くにあるものをひとまとめとして⾒る
→余⽩は詰めすぎるとゲシュタルトが崩壊する
ゲシュタルトの法則:閉合
引⽤元 https://ferret-plus.com/8022
閉じた空間はひとまとめにして⾒る
ゲシュタルトの法則:閉合
閉じて⾒えるような枠線をつけると
まとまって⾒える
ゲシュタルトの法則を感じられますか?
使いやすくする
操作できる部分がわかる理由
アフォーダンス
正確に⾔うと、動物とモノの間に存在する
⾏為についての可能性の有無
デザインでよく使われる意味としては、
モノの形状が経験したことのある⾏為を引き起こすこと
昔のアフォーダンス
現実世界にあるイメージをそのままUIとして使っていた
引⽤元 https://note.mu/goando/n/n40b0bba5b002
最近のアフォーダンス
フラットデザインが主流になってきたので、
枠で囲むだけでも操作できると認識できる
最近のアフォーダンス
迷ったら・・・Human Interface Guidelineや
Material Design などを参考にすると良い
https://developer.apple.com/design/human-interface-guidelines/
https://material.io/
押せることはわかっても選びづらい選択肢
選びやすい選択肢の数とは
ジャムの法則
選択肢が多すぎると、他を選ばなかったことを
後悔したくないという気持ちが働いて、選べなくなること。
ジャムを6種類⽤意したら興味を⽰したうち30%の客が購⼊し、
24種類⽤意したら3%しか購⼊しなかったという実験から。
選びやすい選択肢の数とは
マジカルナンバー
⼈間の短期記憶の容量の限界のこと。
7±2と⾔われていたが、最近は4±1と⾔われている。
マジカルナンバーを使った選択肢
マジカルナンバーを使った選択肢
読みやすい⽂章を書こう
可読性尺度
⽂章の読みやすさを数値化したもの。
↓のサイトで測定できる。
https://jreadability.net/sys/ja
ざっくりいうと、⼀⽂あたりの単語数が少なく、
使われている単語が簡単な⽅が読みやすい。
可読性尺度
①今⽉の売り上げをExcelで集計してください
②今⽉の売り上げをパソコンに⼊っている
 表計算のできるソフトを利⽤して集計してください
可読性尺度
読み⼿が理解できるレベルで要約した⾔葉を使い、
なるべく少ない単語数で説明すると読みやすい⽂章になる。
可読性尺度
可読性尺度
最初のイメージ
⼼の動きに沿ったイメージ
まとめ
・⼼理学テクニックはユーザーの⽬的に沿っていなければ
 意味がない
・⼈間は基本的にものごとをまとめて⾒ようとする
 →ゲシュタルトの法則
・認知負荷が⼤きくならないように気をつけよう
 →メンタルモデル、アフォーダンス、
  ジャムの法則、マジカルナンバー、可読性尺度
⼈間の基本的な⼼の動きを頭に⼊れて
ユーザーの⼼の動きを想像し、寄り添おう
参考にさせていただきました
イラストレート⼼理学⼊⾨
https://www.amazon.co.jp/dp/4414301726
[買わせる]の⼼理学 消費者の⼼を動かすデザインの技法61
https://www.amazon.co.jp/dp/4844367684

More Related Content

Featured

How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
Alireza Esmikhani
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
Simplilearn
 

Featured (20)

How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
 

わかりやすいサイトをつくるために よくある心理学入門