SlideShare uma empresa Scribd logo
1 de 20
设计中de 心理学 
@外贸网络运营部 
@100 Things Every Designer Needs to Know People
设计心理学是设计专业一门理论课,是设计师必须掌握的 
学科,是建立在心理学基础上,是把人们心理状态,尤其是人们对于需 
求的心理.通过意识作用于设计的一门学问,它同时研究人们在设计创 
造过程中的心态.以及设计对社会及对社会个体所产生的心理反应,反 
过来在作用于设计,起到使设计更能够反映和满足人们的心理作用.
目录 
一:人如何观察 
二:人如何思考 
三:人如何决策
人如何观察眼见非脑见 
图1-1 你会“看见”图中没有的三角形图1-2 卡尼萨矩形
人如何观察 
图1-3 左右两竖线其实等长 
视错觉之错 
总结一: 
别人在你的网站上看见的内容未 
必符合你的设想,他们的个人背 
景、文化水平、对眼前事物的熟 
悉度以及期待看到什么,都会影 
响他们的观察结果。你可以设计 
物体的展示方式,引导别人注意 
特定的内容。
人如何观察 
图1-4 色彩实体视觉可能导致难以阅读 
红蓝搭配难易阅读 
总结二: 
在同一页面内,避免使用红蓝或 
红绿搭配。红色背景上不要使用 
蓝色或绿色文字,蓝色背景上不 
要使用红色或绿色文字。
人如何观察11.9%的男性和0.5%的女性是色盲 
总结三: 
设计图片和网站时,用www.vischeck.com或者colorfilter.wickline.org检 
查一下,看看色盲所见的效果如何。 
如果使用颜色来代表特定含义(如绿色代表需要紧急处理的东西),应该同 
时使用另一种区分方案(需要紧急处理的东西不但应该设为绿色,还要在周 
围加上方框)。 
设计配色方案时,请考虑使用所有人都能正常识别的颜色,如不同色度的褐 
色和黄色。避免使用红色、蓝色、绿色。
人如何观察 
色彩含义因文化而异 
1,颜色在不同地区,不同文化中有不同的含义。 
2,研究表明,色彩会影响情绪。 
3,当你为世界各地的人做设计时,必须考虑颜色在其他文化中的含义。
人如何观察11 9%的男性和0.5%的女性是色盲
人如何观察 
总结五: 
谨慎选用颜色,多考虑色彩可能具有的含义。 
色彩含义因文化而异 
为多国设计时,请找出你的设计可能涉及的几大文化或国家,并在 
InformationIsBeautiful.net上查看相关色彩的文化含义, 
以避免出现不当的理解。
人如何观察人们认为相邻物体必然相关 
图1-6 左右两竖线其实等长你可能觉得照片对应右侧文字,因为它们非常靠近而 
且我们从左向右阅读,但其实照片对应的是下方文字,这让多数读者感到费解。
人如何观察们认为相邻物体必然相关 
总结六: 
你如果希望读者认为某些图片、照片、标题或文字是相关的,就将这些 
内容相邻放置。 
如果想使用线或框分隔内容,先尝试能否只调整间距就达到效果。有时 
,调整间距足以划分内容,还能使页面具有简洁的视觉效果。 
无关内容间距要大,相关内容间距要小。这听起来是常识,但很多网页 
布局都忽视了这一点。
人如何观察物体会提示人应该如何使用 
图1-7 这样的门把手让人想抓住并 
向下旋转 
图1-8 应该推的门却错 
用了暗示“拉”的把手 
图1-8 有阴影的按钮更逼真 
图1-9 最近的网页按钮较 
少使用视觉暗示 
图1-10 真实设备按钮的阴影让用 
户知道应该向下按
人如何思考人更擅长处理小块信息 
对设计师来说,理解人们如何思考是至关重要的。 
应用渐进呈现的设计理念:即每次只展示用户当前需要的信息。 
图2-1 渐进呈现的第一步图2-1 第二步给出少量细节图2-1 最后一步展示更多详情给 
需要的用户
人如何思考人更擅长处理小块信息 
总结一: 
使用渐进呈现,仅在用户需要时才展示他们需要的信息。用链接引导用 
户获得更多详情。 
如果不得不在让用户点击和让用户动脑之间做出取舍,那么多几次点击 
,少一点动脑思考吧。 
在你使用渐进呈现之前,务必做足调研,搞清楚多数用户需要什么信息 
,且在什么时候需要。
人如何思考人更擅长处理小块信息 
1,人更擅长处理小块信息 
2,有些心理活动难度更大 
3,30% 的时间人会走神 
4,人越不确定就越固执己见 
5,人会创造心智模型 
6,人与概念模型交互 
7,故事是人处理信息的最佳形式 
8,示范是最佳教学方式 
9,人天生爱分类 
10,时间是相对的 
11,四种创造力 
12,人可以进入心流状态 
13,文化影响人的思维方式
人如何决策多数决定都是在潜意识中做出的 
1,多数决定都是在潜意识中做出的 
2,潜意识最先感知 
3,人希望拥有超出能力范围的选择和信息 
4,人将选择等同于控制 
5,相比于金钱人可能更在意时间 
6,情绪影响决策过程 
7,群体决策可能会犯错 
8,人为强势者所影响 
9,人在不确定时会让他人做决定 
10,人们认为他人比自己更易受影响 
11,人认为眼前的实物更有价值
人如何决策多数决定都是在潜意识中做出的 
总结一: 
1,要设计一个说服人们采取特定行动的产品或者网站,你需要了解目 
标人群潜意识中的动机。 
2,当人们告诉你他们采取特定行动的原因时,你应该持怀疑态度。因 
为决定是在潜意识中做出的,他们也许并不知道自己做出决定的真正原 
因。 
3,虽说人们基于某些潜意识因素做决定,他们也想要为决定找一个合 
理的原因。所以你仍然需要为用户提供一些合理的原因,即使它们并不 
是令他们做出决定的真正原因。
设计中de 心理学 
THANKS! 
By: 汤芳
人如何决策多数决定都是在潜意识中做出的 
在潜意识中做决定涉及如下因素: 
1,其他人决定买什么:“我发现这台电视机在网站上的评分和评价都 
很高。” 
2,什么与你的个性相匹配:“我是那种爱追新潮事物和最新科技产品 
的人。” 
3,这次购买能否让你履行一些义务或偿还一些人情:“一年来我哥哥 
一直请我去他家看比赛,我想我应该请他一次了,所以我最好买一台至 
少和他的一样好的电视机。” 
4,对失去的恐惧:“这台电视机在打折,如果我现在不买可能价格就 
会上涨,那么可能很长一段时间内我都买不起了。” 
5,个人的欲望、动机和恐惧。

Mais conteúdo relacionado

Destaque

Screen shots front cover
Screen shots front coverScreen shots front cover
Screen shots front coverhaegf
 
Plandeareadeeducacionfisica.doc
Plandeareadeeducacionfisica.docPlandeareadeeducacionfisica.doc
Plandeareadeeducacionfisica.docAlfonso Alegre
 
Peti-Déj du Digital N°2 : Digital Learning
Peti-Déj du Digital N°2 : Digital LearningPeti-Déj du Digital N°2 : Digital Learning
Peti-Déj du Digital N°2 : Digital LearningMAGENCY DIGITAL
 
Problemática entre Estados Unidos y Rusia
Problemática entre Estados Unidos y RusiaProblemática entre Estados Unidos y Rusia
Problemática entre Estados Unidos y RusiaJordi Bellamy
 
Maria Paula Garcia Pereira - English CV
Maria Paula Garcia Pereira - English CVMaria Paula Garcia Pereira - English CV
Maria Paula Garcia Pereira - English CVPaula Garcia
 
University_of_Maryland_case_study_featuring_SmartAisle_and_Emerson_assessment
University_of_Maryland_case_study_featuring_SmartAisle_and_Emerson_assessmentUniversity_of_Maryland_case_study_featuring_SmartAisle_and_Emerson_assessment
University_of_Maryland_case_study_featuring_SmartAisle_and_Emerson_assessmentPhilip (J) Volpe
 
My stories 2 minnie
My stories 2 minnieMy stories 2 minnie
My stories 2 minnieTLeeTSIS
 
Building scalable cloud-native applications (Sam Vanhoutte at Codit Azure Paa...
Building scalable cloud-native applications (Sam Vanhoutte at Codit Azure Paa...Building scalable cloud-native applications (Sam Vanhoutte at Codit Azure Paa...
Building scalable cloud-native applications (Sam Vanhoutte at Codit Azure Paa...Codit
 
Bintang dan Evolusinya
Bintang dan EvolusinyaBintang dan Evolusinya
Bintang dan EvolusinyaFita Permata
 
Researching the market place 3
Researching the market place 3Researching the market place 3
Researching the market place 3haegf
 
English abstracts
English abstractsEnglish abstracts
English abstractsmalisahmad
 
P 5 journal
P 5 journalP 5 journal
P 5 journalTLeeTSIS
 

Destaque (17)

Sample3
Sample3Sample3
Sample3
 
Screen shots front cover
Screen shots front coverScreen shots front cover
Screen shots front cover
 
Provence
Provence Provence
Provence
 
Plandeareadeeducacionfisica.doc
Plandeareadeeducacionfisica.docPlandeareadeeducacionfisica.doc
Plandeareadeeducacionfisica.doc
 
Peti-Déj du Digital N°2 : Digital Learning
Peti-Déj du Digital N°2 : Digital LearningPeti-Déj du Digital N°2 : Digital Learning
Peti-Déj du Digital N°2 : Digital Learning
 
Manifesto
ManifestoManifesto
Manifesto
 
Problemática entre Estados Unidos y Rusia
Problemática entre Estados Unidos y RusiaProblemática entre Estados Unidos y Rusia
Problemática entre Estados Unidos y Rusia
 
It kpi template
It kpi templateIt kpi template
It kpi template
 
Maria Paula Garcia Pereira - English CV
Maria Paula Garcia Pereira - English CVMaria Paula Garcia Pereira - English CV
Maria Paula Garcia Pereira - English CV
 
University_of_Maryland_case_study_featuring_SmartAisle_and_Emerson_assessment
University_of_Maryland_case_study_featuring_SmartAisle_and_Emerson_assessmentUniversity_of_Maryland_case_study_featuring_SmartAisle_and_Emerson_assessment
University_of_Maryland_case_study_featuring_SmartAisle_and_Emerson_assessment
 
My stories 2 minnie
My stories 2 minnieMy stories 2 minnie
My stories 2 minnie
 
Tipularen eredua
Tipularen ereduaTipularen eredua
Tipularen eredua
 
Building scalable cloud-native applications (Sam Vanhoutte at Codit Azure Paa...
Building scalable cloud-native applications (Sam Vanhoutte at Codit Azure Paa...Building scalable cloud-native applications (Sam Vanhoutte at Codit Azure Paa...
Building scalable cloud-native applications (Sam Vanhoutte at Codit Azure Paa...
 
Bintang dan Evolusinya
Bintang dan EvolusinyaBintang dan Evolusinya
Bintang dan Evolusinya
 
Researching the market place 3
Researching the market place 3Researching the market place 3
Researching the market place 3
 
English abstracts
English abstractsEnglish abstracts
English abstracts
 
P 5 journal
P 5 journalP 5 journal
P 5 journal
 

Semelhante a 设计中的心理学

心理学与设计实战
心理学与设计实战心理学与设计实战
心理学与设计实战danisyang2010
 
第一讲 现代心理学的研究与发展
第一讲 现代心理学的研究与发展第一讲 现代心理学的研究与发展
第一讲 现代心理学的研究与发展hf_youdao
 
用心智圖畫出你的大創意
用心智圖畫出你的大創意用心智圖畫出你的大創意
用心智圖畫出你的大創意慈偉 盧
 
正念與情緒調節 Pdf 6_19_2014
正念與情緒調節 Pdf 6_19_2014正念與情緒調節 Pdf 6_19_2014
正念與情緒調節 Pdf 6_19_2014Richard Lin
 
第六章 咨询心理268
第六章  咨询心理268第六章  咨询心理268
第六章 咨询心理268dyxmay
 
20200627【讀書會引導術】《心態致勝》人為何會有差異的底層邏輯
20200627【讀書會引導術】《心態致勝》人為何會有差異的底層邏輯20200627【讀書會引導術】《心態致勝》人為何會有差異的底層邏輯
20200627【讀書會引導術】《心態致勝》人為何會有差異的底層邏輯bookfans
 
Pm camp产品围观会 原则、工具和思维框架730
Pm camp产品围观会 原则、工具和思维框架730Pm camp产品围观会 原则、工具和思维框架730
Pm camp产品围观会 原则、工具和思维框架730PMCamp
 
造形原理
造形原理造形原理
造形原理hpbest
 
信息产品设计
信息产品设计信息产品设计
信息产品设计Tisa Fu
 
0227心理學史簡介
0227心理學史簡介0227心理學史簡介
0227心理學史簡介景淳 許
 
Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Justin Wu
 

Semelhante a 设计中的心理学 (12)

心理学与设计实战
心理学与设计实战心理学与设计实战
心理学与设计实战
 
第一讲 现代心理学的研究与发展
第一讲 现代心理学的研究与发展第一讲 现代心理学的研究与发展
第一讲 现代心理学的研究与发展
 
用心智圖畫出你的大創意
用心智圖畫出你的大創意用心智圖畫出你的大創意
用心智圖畫出你的大創意
 
認知簡報 20110915
認知簡報 20110915認知簡報 20110915
認知簡報 20110915
 
正念與情緒調節 Pdf 6_19_2014
正念與情緒調節 Pdf 6_19_2014正念與情緒調節 Pdf 6_19_2014
正念與情緒調節 Pdf 6_19_2014
 
第六章 咨询心理268
第六章  咨询心理268第六章  咨询心理268
第六章 咨询心理268
 
20200627【讀書會引導術】《心態致勝》人為何會有差異的底層邏輯
20200627【讀書會引導術】《心態致勝》人為何會有差異的底層邏輯20200627【讀書會引導術】《心態致勝》人為何會有差異的底層邏輯
20200627【讀書會引導術】《心態致勝》人為何會有差異的底層邏輯
 
Pm camp产品围观会 原则、工具和思维框架730
Pm camp产品围观会 原则、工具和思维框架730Pm camp产品围观会 原则、工具和思维框架730
Pm camp产品围观会 原则、工具和思维框架730
 
造形原理
造形原理造形原理
造形原理
 
信息产品设计
信息产品设计信息产品设计
信息产品设计
 
0227心理學史簡介
0227心理學史簡介0227心理學史簡介
0227心理學史簡介
 
Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Change by design (設計思考改變世界)
Change by design (設計思考改變世界)
 

设计中的心理学