设计心理学与交互设计

… tricks us whenever it can!
随时都在欺骗我们！
9/29/2015
If something‘s rotating – go home, you need a break! *g* 如果感到有东西在转动 – 你该回家休息一下了！
9/29/2015
Optical Illusions and Visual Phenomena 错觉和视觉现象
正确明晰的反馈
• 产品在接受到控制命令和功能运行当中，应能通 过各种感官途径反馈正确的信息，使人与产品的 控制和接触愉悦化、高效化和正确化。 • 交互产品设计必须考虑可能出现的人为操作差错 并提供相应的信息提示、声音提醒或返回机制， 避免出现因误操作而“死机”或长时间等待响应 等设计缺陷。
限制性
• 认知心理学以信息加工观点研究认知过程并将其分解为一系列阶段 • 认知心理学关于短时记忆，长时记忆和问题解决理论的研究成为了人机 交互设计中部分理论和模型的基础，也推动了人机交互设计的发展。
传统信息加工心理学存在的缺限
• （1）计算机只能处理事实，而人是在生活于世 界的过程中创造自身及事实世界的一种存在，计 算机根本不可能进入按人类的这些根本能力组织 起来的世界之中。 • （2）在认知操作方面，计算机进行认知操作时 所需要的数据必须是离散的、明晰的和确定的。 存在着一定的局限性，而人在进行认知操作时所 需要的信息并不完全是明晰和确定的。 • （3）忽视了情感、意向活动、人格、变态心理 和心理治疗等领域的研究，缩小了认知心理学的 研究范围。
• 感觉的作用
• 感觉是人的认识过程的初始阶段，是人认识客观世界 的开端，也是意识形成和发展的基本成分。 • 感觉也是一切比较高级、比较复杂的心理现象的基础。
9/29/2015
用户心理活动的认识过程

感觉的产生机理
传入神经
外周
中枢
传出神经
9/29/2015
用户心理活动的认识过程
• 感觉的分类
• 外部感觉
• 心理学在设计中运用的目的就是要提倡以用户为 中心，即设计应以人的信息加工模型为基础，以 产品的易用性和可理解性为侧重点，增加产品的 认知度。 • 设计应该考虑人—产品—应用环境之间的相互关 系，并利用这些自然关系和自然限制因素，让产 品的功能，操纵达到一目了然。
保证产品可用性和认知度设计原则
用户心理活动的认识过程
• 感觉在设计活动中的作用
• 感觉使用户获得对商品的第一印象。 • 感觉特性为设计工作者提供了制定设计策略的依据。 • 感觉在一定程度上引发用户的情绪。 • 感觉可以实现商品的使用价值。
9/29/2015
用户心理活动的认识过程
二、用户的直觉
（一）知觉的含义
• 知觉的含义
• 是人对客观事物整体性的反映。 • 感觉是知觉的基础，知觉以感觉为前提。
• 接受外部刺激、反映外界事物个别属性的感觉。 • 具体包括：视觉、听觉、味觉、嗅觉、肤觉
• 内部感觉
• 接受人体本身的刺激，反映机体的位置、运动和内部器官不同状态的 感觉。 • 具体包括：位置觉（平衡感）、运动觉和机体觉。
9/29/2015
用户心理活动的认识过程
（二）感觉的表现形态与作用方式 1.感受性与感觉阀限
• 绝对感受性
• 对绝对感觉阀限或最小刺激量的觉察能力。
• 绝对感受Fra Baidu bibliotek与绝对感觉阀限呈反比
9/29/2015
用户心理活动的认识过程
2.感觉的适应性：
随着刺激物持续作用时间的延长，导致感受性发生变 化。
3.感觉的联觉性：
一种感觉器官接受刺激产生感觉后，对其他感觉器 官的感受性发生影响。
9/29/2015
• 通过物理、逻辑和文化常识方面的限制性设计， 使用户必须采取正确的交互行为才能使控制和功 能生效，有效地避免用户人为错误操作，提高交 互行为的易学性，能为用户创造一个安全可靠的 使用环境。 • 设计者应结合用户头脑中的知识（用户习惯）、 产品的外部信息和自然、文化中的限制因素进行 交互设计。
映射和匹配
9/29/2015
用户心理活动的认识过程
• 知觉的整体性
• 也称为知觉的组织性，只指人们根据自己的知识经验把直接作用于 感官的不完备的刺激整合成完备而统一的整体，以便全面、整体地 把握该事物。
9/29/2015
用户心理活动的认识过程
• 知觉的恒常性
• 知觉在一定范围内发生了变化，被感知对象的仍然能保持相对不变 的特性。
设计心理学与交互设计
• 交互设计关注什么？ • 目前数字化产品交互设计中存在的问题
• 目前手机中文输入法都存在字库太少、缺乏智能联想 和输入效率低等问题 • 苹果iPhone 在操作设计上也存在有诸多缺陷和非人性 化的因素 • 许多“功能复合型”的数字设计产品往往增加了人们 的脑力负荷和学校负担
交互设计的心理学
9/29/2015
… doesn‘t move! 它没有动！
9/29/2015
Concentrate on the cross in the middle, after a while you will notice that this moving purple dot will turn green! 把目光集中在中间的+字，你会发现，移动的紫点会变绿
9/29/2015
9/29/2015
爱因斯坦错觉
长度与透视错觉：线AB和线CD长度完全相等，虽然它们看起来相差很大
9/29/2015
弗雷泽螺旋
最有影响的错觉图形之一。
你所看到的好像是个螺旋， 但其实它是一系列完好的 同 心圆！
9/29/2015
缪勒-莱尔错觉
9/29/2015
图形错觉
9/29/2015
• 知觉的特性在设计中的应用
• 知觉的选择性影响着用户确定自己的购买目标。 • 利用知觉的理解性和整体性，可以提高广告宣传的效
果。
• 利用知觉的恒常性，可以促进产品销售。
9/29/2015
用户心理活动的认识过程
• 用户的错觉
• 知觉的结果与实际情况不相符合。
• 人们的大部分信息都是通过视觉获得的，所以最常见的 错觉就是视错觉。
9/29/2015
用户心理活动的认识过程
• 相似法则
• 人们往往会把形状、颜色、大小、亮度等物理特性相似的物体知觉为一 个整体。
9/29/2015
用户心理活动的认识过程
• 接近法则
• 人们往往倾向于把在空间和时间上接近的物体知觉成一个整体。
9/29/2015
用户心理活动的认识过程
• 闭合法则
• 针对不完整的客体刺激，人们往往运用自己的主观经验为之增加 （或减少）某些因素，以便获得有意义或符合逻辑的整体知觉。
Look at the cross a bit longer and you‘ll notice that all dots except the green one will disappear. 盯住十字形，时间再 长一点，你会发现， 除了绿色的点外，其 他所有的点都消失了。
9/29/2015
用户心理活动的认识过程
• 产品可视性 • 正确明晰的反馈 • 限制性 • 映射和匹配 • 一致性
产品可视性
• 注重产品外观的可识别性。 • 无论是图标、文字、菜单、界面、图案背景或信 息提示都应该提供形象、直观和准确的隐喻，使 用户能够“按图索骥”并提高满足感和成就感。 在产品控制和功能的执行当中，尽可能让用户感 知产品的运行过程和执行原理，使产品的设计模 型和用户的心理概念模型达到一致。 • 这样做的好处是一方面满足用户的心理需求，另 一方面使产品功能能被用户正确地理解和控制。
• 对于认知心理和用户使用心理的掌握和正确判断 无疑是产品设计成果的关键因素之一 • 用户调研是不够的，交互设计师在 • 除用户调研外，产品设计的前期就应该通过观察 生活，并将自己对人类行为和操作心理的相关知 识融入其中，从理论上更深刻的把握用户需求。 其中特别是对于人类思维、知觉、记忆、疲劳、 错误、情感和注意力的心理学基础更是产品设计 中不可或缺的重要内容。
• 知觉的分类
• 根据知觉反映的事物特征划分：
• 空间知觉、时间知觉、运动知觉
• 根据某个感觉器官在反映活动中所引起的优势作用划分：
• 视知觉、听知觉、触知觉、嗅知觉
9/29/2015
用户心理活动的认识过程
（二）知觉的主要特性
• 知觉的选择性
• 知觉的理解性 • 知觉的整体性 • 知觉的恒常性 • 知觉的组织性
Want to confuse your eyes and brain a bit? 想让你的眼睛和大脑陷入迷乱？那么看一下下面的图片... Yes? Then you might want to have a look at the following pics ..
9/29/2015
It ...这幅图..
• 针对传统信息加工心理学的局限，自20 世纪80 年代 以来，认知心理学的研究又出现了联结主义和生态 学的研究理论分支。 • 联结主义心理学以人脑的神经系统作为比拟，试图 通过神经网络的并行加工方式建立心理模型。 • 而认知生态学则主张在具体的现实环境中来研究人 的心理。受机能主义和格式塔心理学的影响，认知 生态学研究强调在现场中探索心理过程的影响因素 和特点，重视对生活情境中认知现象的直觉、描述 和解释。 • 这都在一定程度上克服了信息加工心理学的缺点并 预示着认知研究的现象学回归。
• 感受性
• 感觉器官对刺激物的主观感受能力。
• 感觉阀限
• 能够引起感觉并持续一定时间的刺激量。
• 感受性的大小主要取决于感觉阀限值的高低。
• 感觉阀限值越低，感受性就越大，二者呈反比关系。
9/29/2015
用户心理活动的认识过程
• 绝对感觉阀限与绝对感受性
• 绝对感觉阀限
• 刚刚能够引起感觉的最小刺激强度。
• 事先没有预定目的，也不需要意志努力的注意。
3.有意后注意
• 事先有预定目的，必要时还需要做一定意志努力的注意。
9/29/2015
用户心理活动的认识过程
• 连续法则
• 人们往往会把具有连续性或共同运动方向等特点的个体知觉为一个整体。
C
B
A
9/29/2015
D
人与花瓶
9/29/2015
人和脸
9/29/2015
矮人和脸
9/29/2015
9/29/2015
9/29/2015
街上的人像
用户心理活动的认识过程
设计心理学与交互设计 ——用户的心理活动过程
9/29/2015
主要内容
•用户心理活动的认识过程 •用户心理活动的情感过程 •用户心理活动的意志过程
9/29/2015
用户心理活动的认识过程
一、用户的感觉
（一）感觉的含义
• 人脑对直接作用于感觉器官的客观事物的个别属性的 反映。 • 感觉不仅反映外界事物的个别属性，也反映人体本身 的活动。
初识认知心理学
• 认知心理学是20 世纪50 年代中期在西方兴起的 一种心理学思潮，自20 世纪70 年代以来成为西 方心理学的一个主要研究方向。 • 它研究人的高级心理过程，主要是认识过程，如 注意、知觉、表象、记忆、思维和语言等。以信 息加工观点研究认知过程是现代认知心理学的主 流，可以说认知心理学相当于信息加工心理学。
图形错觉
9/29/2015
戴勃福错觉
9/29/2015
图形错觉
9/29/2015
图形错觉
9/29/2015
9/29/2015
奥泊逊错觉
动感错觉
9/29/2015
灰点存在
9/29/2015
灰点存在
9/29/2015
9/29/2015
9/29/2015
The human brain … 人类的大脑
三、用户的注意
• 注意的含义 • 人的心理活动对外界一定事物的指向与集中。 • 用户的购买活动一般以注意为开端，在心理过程开始后，注意伴 随着心理过程，维持心理过程的指向性和集中性。
（一）注意的功能
• 选择功能 • 维持功能 • 加强功能
9/29/2015
用户心理活动的认识过程
（二）注意的形式
1.无意注意 2.有意注意
• 控制和信息显示反馈之间应能建立一种直接高效 和正确的关系,这是用户交互行为当中易用的保证。 注重进行操纵与显示相结合的设计。 • 如手机的触控式屏幕设计就提供了一个较容易学 习的直接操作方式而且具有灵活性，其软件可以 切换并满足不同的需求功能。
一致性
• 一致性对用户心理的易记性和负荷有直接的影响， 也是产品控制的效率之源。应尽量简化交互产品 的操作任务的步骤和导航结构，如网站中的搜索 设计就大大减轻了人们的获取信息的工作量。