很多朋友对于设计心理学—设计心理学电子版和不太懂,今天就由小编来为大家分享,希望可以帮助到大家,下面一起来看看吧!
当我们要构建有意义的视觉图形时,这些法则可能发挥关键作用–在设计logo时尤其如此。为了帮助你更好地了解和利用格式塔原理,我撰写了这篇针对设计师的速成资料。希望它对你有用!
图形与背景
Logo:Sony Walkman (via Wikipedia)
当我们看到索尼 Walkman的logo时(上图),我们看到的不仅仅是一个由黄白两色构成的单调图形,虽然从技术层面来讲它的确只是一个图形。正相反,大多数观看者会感觉到这个logo的层次:我们会看到具象的图案(字母W和跃动的点)以及似乎是衬托于图案之后的背景。
这正是格式塔原理在“图形-背景”这一关系中的体现,根据格式塔原理,当某个较小的图形被一个更大且格式一致的图形围绕时,在视觉上会给观看者一种“较小的图形更为靠前,并具有封闭性”的印象。当然,你也可以通过一些改变,来造成完全相反的印象。请试着把橙色的背景想象成一张纸,而字母W和圆点则是从纸上剔除的部分。你尽可以如此想象,但这样的方式会让人觉得这个图案极为不自然。
请注意,当环绕的图形格式不再一致时,图形-背景的主次区别也将不复存在。下面的这款图形看起来更像是一整块布满马赛克的平面,而不再有前景与背景之分。
当外部的大图形失去一致性时,原先颇具迷惑性的层次感也消失不见了
接近律
Logo:IBM (via Wikipedia)
当我们观察IBM的logo时,大多数人看到的是由间隔的平行短线组成的三个字母,而不会把每个字母看成是被隔开的8条短线。是什么造成了这种现象?部分的原因是几乎每个人都认识I,B,M,这三个字母,但这并非是全部原因。下面的这个logo是IBM的希伯来语版本,但我敢打赌,即便你看不懂希伯来语的字母表,你也依然能辨认得出logo中的字母。
Logo:IBM的希伯来语版本 (via Logodesignlove)
这种现象其实可以用格式塔原理中的一个简单的法则来解释,那就是接近律(principle of proximity)。在一系列的元素(如线条)中,人类倾向于把接近的元素归为一个整体。在IBM的logo中,与各字母顶端长短不一的短线相比,构成I的短线更为密集,字母I,B,M之间的间隙也较大,其结果就是我们会把I而不是字母顶端的短线看成是一个整体。
相似律
正如我们倾向于把距离相近的元素归为一个整体一样,我们也倾向于把外形近似的元素归为一组,无论这种近似是色彩,阴影还是形状上的。
Logo:当代艺术博物馆
位于洛杉矶的当代艺术博物馆(MOCA)就是一个有趣的例子。在这个logo中,只有C是个规范的字母,在本该是字母M,O和A的位置上却只有三个几何图形:一个正方形,一个圆形和一个三角形。
当你观看这个logo时,很可能会把这三个彩色的几何图形看成一个整体,尽管它们并非彼此紧密相连,而C却会被排除在它们之外。如果硬要把正方形和圆形看成一组,把字母C和三角形看成是另一组的话,将会非常费力,虽然这样的归类方式似乎更为符合逻辑。这是因为格式塔原理中的“相似律”(principle of similarity)在起作用。
连续律
Logo:Dictionary.com
格式塔中的连续律(principle of continuance )认为,人们往往倾向于使知觉对象的直线继续成为直线,使曲线继续成为曲线。这就是为什么当呈现Dictionary.com网站的logo时,几乎每个人都会把它看成是一个带有五条放射线的近似圆形(partial circle)。当把一个圆形切割成若干曲线时,人们依然会默认为它们属于同一个圆形,因为理论上它们延伸下去便会再度恢复成圆形。而放射线无法连接成圆形,它们只是与圆形组成不同的角度。
但这个图形还有另外的阐释方式。脑部受到创伤的人,或偏偏不以正常的“连续律”认知的人或许会说:这是一个对勾,其一侧向右弯曲,并且与一个带四条放射线的类似C的图形连成一体—如下图所示。
失去连续律的Dictionary.com logo
如果没有连续律,人们看待Dictionary.com logo的方式或许也会不同。
闭合律
人类的心理不喜欢有头无尾的东西。当我们看到一件未完成的图形时,我们倾向于“完成”它,即便只是在想象中。这便是格式塔原理中的“闭合律”(principle of closure)。
许多世界知名的logo都利用了闭合律,以最少的线条便达到了最生动的效果。以世界野生生物基金会(World Wildlife Fund)的标志为例。在这个标志中,我们会“感知”到熊猫脑袋上的那道曲线,虽然事实上这条线并不存在。
Logo:世界野生生物基金会
或许闭合律最有名的例子是 FedEx的logo中那个“隐蔽”的箭头。这个箭头并没用动用任何线条,而是巧妙第利用了字母E和字母X的轮廓。
Logo:FedEx
本文转载自:视觉中国
提升说服力!教你读懂UI设计的心理学
作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,教你读懂心理学,提高说服力。
信息不要同时全部展示,阶段性地向用户展示当前场景里必要的信息
设计师经常犯的错误:同时将大量信息展示给用户。
不要一次性大量提供信息,可以在当前场景下只提供必要的信息来满足当前的需求。
如果用户中存在不需要引导的高端用户,同时也会存在需要详细说明的低端用户。
那么,是什么意思呢?
◆ 逐步展示信息,而不是一次性展示。
◆重要的不是点击次数。如果每次点击都能获得必要的信息,用户会很享受点击的快乐。
◆理解是谁、什么时候、需求什么。
◆如果无法准确得把握各阶段需求什么,这个方法就行不通。
这个在设计上,是怎么体现的呢?
在必须提供3、4个以上的信息的情况下,先提示信息种类的分类,然后进一步选择。
例如AU官网的菜单,使用了最近流行的向下展开的菜单方式。
人贪图有更多的选择,但大量的选项会麻痹人的思考
有个被称为“果酱”的实验。
这个实验证实了:“当人们有太多的选项时,最后什么都不选。”
具体例子:在超市中设置商品展位,在中途更换展位桌子上排列的商品。展位桌子上放置了供客人试吃的果酱,前半部分实验时间里放置了6种果酱,后半部分实验时间里放置了24种果酱。
结果如何呢?
放置24种果酱的时候,停下来的顾客有60%(试吃了其中几种果酱) ,但购买率只有3%
放置6种果酱的时候,停下来的顾客有40%,购买率却高达31%
这个实验结果告诉我们什么?
◆有多种选项的时候,大脑会兴奋,导致人们驻足观看。
◆选项过多的时候,人们只会尝试其中的几种。
◆选项少的时候,人们会全部尝试一遍。可以使用这样的方式引导人们购买。
这个在设计上,是怎么体现的呢?
如果完全按照顾客的需求来设计,就需要增加大量的菜单,banner和推荐商品页面。
「当人们有太多的选项时,最后什么都不选。还没开始选择之前就觉得麻烦。」设计之前,把这句话记住吧。
下面这个网站的推荐商品被经过仔细挑选后才展示出来。
当询问用户希望有什么选项时,往往会得到“全部” “很多”之类的回答。让我们试着拒绝用户这样的要求吧。
少的选项更让我们有了细细挑选的欲望,再多的选项也只是让我们只想尝试其中的几种而已。
人像照片最引人注目
人脑有专门识别人脸的区域。
那么,是什么意思呢?
◆网页中最引人注目的是人脸。
◆人脸有引导视线的作用。
◆能在一屏内看完一张人像照片的需求很强。
这个在设计上,是怎么体现的呢?
用照片来吸引第一视线是很有效的。
想吸引用户注意banner等区域时,人脸是非常有效的。
人们首先凭借“外观”和“感觉”来判断是否值得信任
Elizabeth Sirens的研究小组,针对健康类网站的测试中得到这样的结论。
◆认定为不被信任的网站的原因,83%的测试者表示与设计有关。
◆被认定为可信任网站的决定性因素,74%是设计和内容起到作用。
原文来自:优设
原文地址:quoitworks
译者:MUX辉达
如何理解唐诺曼的“设计心理学”?
作为一个由现代科技蓬勃发展的时代所塑造的社会,我们在做简单的日常任务时体验并重视简洁和便利是很自然的。
尽管如此,我们仍然经常会推一扇应该拉的门,对其他计划一无所知,或者将错误进行到底。快速的技术进步可以生产高度复杂的机械和设备,但仍然无法让我们的生活更轻松。
唐诺曼的著作“《设计心理学》英文名:The Design of Everyday Things”鼓励读者多思考往往被忽视的东西,并利用他作为认知科学家和工程师的专业知识,为优秀的设计提供基础。此外,他通过详尽的示例说明了良好设计在为用户提供功能、效率、易用性和满意度方面的重要性,这些示例导致人们犯错,更糟糕的是危及生命。
在这篇文章中,我会总结这本书的七个章节,希望能启发你在设计单个对象时可以而且应该有多少想法,如果处理得当,一个对象可以改变一个人对日常事物的看法。
在本章中,唐诺曼强调人的思维本质上是为了理解世界而设计的。他巧妙地引入了以人为本的设计概念,重申设计应该为人及其需求量身定制,而不需要太多思考。
因此,他将可见性作为最重要的设计原则之一,仔细定义为“预期行动和实际行动之间的映射”。需要有一个自然的设计,即对象中的信号或特征的和谐,不需要用户意识到它们是如何使用的。因此,设计良好的对象应该很容易通过可见的线索来解释,而设计不佳的对象将由于缺乏线索或存在误导性线索而难以使用。
概念模型的使用与可见性一起提供设计的可理解性和可用性。它允许我们通过与系统图像(对象的物理结构)的交互来预测动作的结果,设计者的对象功能模型必须与用户假设的一致。
他详细阐述了可见性和良好概念模型的概念,并介绍了要牢记的关键组件:
可供性是事物的感知和基本属性,它决定了如何使用它。以一把椅子为例,它的腿结实,表面低而平坦,可以提供支撑和坐姿。
约束与示能完全相反——它们限制了如何使用对象的备选方案的数量。
示能指一个物理现象与人之间的关系,也就是物品的特性与决定物品预设用途的主体之间的关系。
映射描述了对象的特征和运动之间的关系,以及它们在世界上的结果。自然映射是人们自然理解的物理类比和常规标准。例如,要使汽车向右行驶,请将方向盘向右转动。
反馈是将有关已完成的操作的信息发送回用户的事件,在这种情况下,当接收到的反馈是对象的期望功能并且结果对用户可见时,对象就是设计良好的。
最后,他探讨了技术的悖论。如前所述,虽然技术有能力通过扩展单个设备的功能来简化生活,但它仍然可以通过使其更难理解和使用而使生活复杂化。
设计心理学解释了一个动作如何包含两个方面:执行和评估。用户必须了解如何使对象或系统工作,并了解目标是否已实现,精心设计的产品通过其功能和系统形象弥合了这两个鸿沟之间的鸿沟。
他还介绍了行动的七个阶段,详细说明了我们在执行一项行动或做出决定时所采取的大致步骤,包括对结果的感知、解释和比较。这使我们能够更有意识地设定对实现目标至关重要的目标和意图,即使是在那些下意识地完成的阶段。
行动的七个阶段
- 形成目标
- 形成意图
- 指定动作
- 执行动作
- 感知世界的状态
- 解读世界现状
- 评估结果
正如唐诺曼所说,通过根本原因分析,设计师能否真正了解人们的意图、需求和目标。这可以通过避免假设用户需要什么来实现,而是不断询问“为什么”。
此外,唐诺曼揭示了认知和情绪之间的密切关系,诺曼提出,情绪系统的三个层次塑造了我们对周围世界的看法。这三个级别是:
内脏,关注基于外观的反应,并负责立即的、自动的人类反应;
行为,这是我们无意识地评估情况并通过学习技能确定实现目标的最短路径的地方;
反思,这是最高层次的思考发生的地方,有意识的思考,新的概念和深刻的推理发生。
在第 3 章中,诺曼描述了可以从我们自己和环境中获取信息。人们通过人类思想和认知的心理和从物体的外观中获得的信息——日常事物的心理来应对使用外来物体。
他概述了知识如何部分存储在头脑中,部分存储在世界中,并且由于“头脑”和“世界”之间的和谐互补,精确的行为仍然可以由不精确的知识产生,原因如下:
- 知识既存在于头脑中,也存在于世界中。
- 如果头脑和世界中的综合知识足以区分适当的动作,则不需要很高的精确度。
- 世界上存在自然约束,例如物体的物理特征。
- 文化限制和惯例的知识存在于头脑中。
设计师必须将这两种知识来源联系起来,允许用户制作关于产品设计如何工作的心智模型。此外,他们必须了解他们可以通过用户交流的两种类型的知识:
- 陈述性知识(知识\\’of\\’)可以区分为可以写下来和教授的知识,例如事实和规则。
- 程序性知识(“如何”的知识)主要是潜意识的知识,主要通过实践来展示和学习,例如音乐的演奏。
因此,在考虑对象的设计时,不仅要了解用户的需求,还要了解设计对用户的便利性。如第 1 章中所讨论的,能指、示能、约束和自然映射是可以用来操作这些的工具。
诺曼的第 4 章是《设计心理学》书中的关键部分,他讨论了设计师如何利用世界上的知识来帮助用户体验产品。诺曼重新理解了世界上的知识包括以示能、映射和物理约束形式的明确设计线索。另一方面,头脑中的知识可以通过概念模型、其他形式的约束和类似的过去经验来引导。
他进一步扩展了用户在使用对象时可能遇到的限制类型,正如所讨论的,约束限制了一组可能的行动替代方案。即使在新情况下,它也允许用户确定最合适的行动方案,从而减少人类犯错的倾向。
四种类型的约束:
物理约束通过对象的物理特征来限制操作的范围,例如方钉不能与圆孔一起使用。
文化限制是特定情况下可接受的行动范围,包括社会习俗。例如,不同的设置可能需要用叉子、筷子甚至用手吃饭。
语义约束依赖于情境的意义来控制动作的范围。例如,头盔是用来保护头部的,因此必须将头盔放在顶部。
逻辑约束需要使用理性来确定行动的范围。例如,两个开关控制两个灯。从逻辑上讲,左侧开关应操作左侧灯,右侧开关应操作右侧灯。
在本节中,诺曼阐述了人类的无能和如何不应归咎于错误,而应归咎于糟糕的设计。
错误是由潜在的正确行动造成的,但考虑到错误的目标。
错误与非故意错误的行动,但右心中的目标。
现在很清楚,人类不应该因为未能理解或正确使用物体或设备而责备自己。因此,设计师必须仔细探索错误发生的原因。也就是说,他们必须确定问题的根本原因。诺曼向我们介绍的根本原因分析方法中,我们连续问为什么的情况以前的推理。
根本原因分析的示例应用:
- 飞机为什么会坠毁? (因为它是在不受控)
- 为什么飞行员没有从失控中恢复过来?(因为飞行员未能及时启动恢复。)
- 那是为什么?(因为他可能已经失去知觉)
- 那是为什么?(我们不知道,需要找出来)
- 根据需要进一步查询。
根本原因分析的教训是,我们通常过早结束调查。
设计错误提示:
- 了解错误的原因并设计以尽量减少这些原因。
- 做敏感性检查,行动是否通过了“常识”测试?
- 使逆转行动成为可能(以“撤消”它们)或使无法逆转的事情变得更加困难。
- 使人们更容易发现确实发生的错误,并使它们更容易纠正。
- 不要将操作视为错误;相反,试着帮助这个人正确地完成动作,将动作视为对期望的近似。
这一章中,诺曼强调了彻底理解根本问题的必要性,因为这是一个非常常见的情况,即人们直接潜入寻找解决方案而不检查他们是否在正确的区域。最终,设计师会将资源浪费在无法解决正确问题或无法吸引用户的产品上。
优秀的设计师永远不会从试图解决给他们的问题开始:他们会从试图理解真正的问题开始,因为他们并没有集中在一个解决方案上,而是分歧,研究人们和想要完成的事情,一个又一个的想法产生。
诺曼向我们介绍了以人为中心的设计 (HCD),这是一种解决设计原则要求的程序,但强调两件事:解决正确的问题,并以符合人性的方式进行需求和能力。HCD 是确保满足人们的需求、产品不仅完成预期任务而且易于理解、使用体验令人愉悦的过程。HCD 的阶段包括:
- 观察(问题的研究和理解)
- 创意产生
- 原型设计和测试
最后,诺曼捕捉了现实生活中的例子,说明在设计心理学中学到的原理和概念如何应用于我们周围的世界,最重要的要点总结如下。
设计应该:
- 可以轻松地立即确定可能的操作
- 让事物可见
- 轻松评估系统的当前状态
- 遵循意图和所需行动之间的自然映射
化繁为简的七项原则:
- 使用世界上的知识和头脑中的知识
- 简化任务结构
- 跨越执行和评估的鸿沟(让事情可见)
- 获取正确的映射
- 利用自然和人为约束的力量
- 为错误而设计,适应它
- 当一切都失败时,标准化
从羽毛和羽毛笔到键盘和麦克风,诺曼揭示了随着时间的推移技术和创新的明显进步。可以发生两种类型的创新:
- 渐进式创新(不那么迷人,但最常见),例如铅笔
- 激进的创新(最有魅力,但很少成功),例如 Apple 设备
然而,随着技术进步的快速增长,人们对更新、更好的产品的渴望也随之而来。诺曼提醒我们注意功能设计,这种现象是设计师不断为成功的产品添加新功能,但它变得过于复杂,并且严重混淆了曾经简单、优雅的解决方案。
这种的原因:
- 现有客户需要更多特性、功能和能力。
- 竞争公司添加了新功能,这些新功能会产生与这些产品相匹配的压力。
- 市场饱和或停滞,添加新的增强功能将加快升级周期。
因此,下次当你走进你认为是自动门(但实际上是手动滑动的)并在沮丧和尴尬中走开时,不要担心。我们的痛苦并不总是由于我们人类对设计的无能理解,而是由于设计师对需求的理解。
好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!
用户评论
神经兮兮°
终于出了电子版!我一直想买书,但实体书太重了,电子版方便了很多。希望电子书能涵盖所有内容,包括一些案例分析和练习题
有18位网友表示赞同!
冷落了♂自己·
作为一名设计师,学习设计心理学可以让我更好地理解用户的需求!期待这本书能帮助我提升设计水平
有6位网友表示赞同!
生命一旅程
感觉这个标题有点太笼统了呀。具体说说电子版的什么特点?价格怎么样?还是个免费版本啊?
有12位网友表示赞同!
为爱放弃
很高兴看到设计心理学有了电子版本!学习起来更方便快捷,而且可以在手机上随时查看笔记。
有18位网友表示赞同!
空谷幽兰
我一直觉得设计心理学很重要,希望能系统地学习一下。这个电子版是不是比实体书更加生动,带些互动元素呢?
有13位网友表示赞同!
花海
下载下来试用下,感觉教材还是不错的!尤其对一些设计初学者很友好,解释的很清楚,案例也很实用。
有5位网友表示赞同!
陌然淺笑
虽然是电子版,但是我还是希望这本书能够加入一些交互式的练习题和作业,更能帮助我们巩固所学知识。
有14位网友表示赞同!
喜欢梅西
这价位有点贵吧?实体书的价格还好说,但电子书的价值好像没有那么高…
有9位网友表示赞同!
在哪跌倒こ就在哪躺下
设计心理学这个领域虽然重要,但我觉得还是需要结合实际案例进行学习,单纯看书效果不太好。
有15位网友表示赞同!
烟雨离殇
我之前看过一些有关设计心理学的视频课程,感觉这个电子版比课程更系统,更容易理解
有5位网友表示赞同!
剑已封鞘
希望这本书能够涵盖不同设计领域的应用,不仅仅局限于web或者APP设计!
有16位网友表示赞同!
陌上花
我已经买了电商品籍的版权,而且我已经开始了我的研究和学习之旅。我发现这本书非常全面而有条理地探讨了心理学的各个方面,并将其与实际的设计实践相结合…
有19位网友表示赞同!
♂你那刺眼的温柔
电子书的好处就是可以随时随地的阅读下载方便,但是我还是希望能看到实体书的设计
有8位网友表示赞同!
盲从于你
这个标题起的太抽象了,有点看不出这本书具体内容呢!希望能有更具体的简介介绍一下这本书的详细特点以及适用人群。
有9位网友表示赞同!
Hello爱情风
期待电子版能加入更多的案例分析,以及一些设计心理学相关的工具和资源清单
有9位网友表示赞同!
猫腻
我以前学习过一部分设计心理学,但是感觉还是缺乏一些深度,希望这个电子版能让我系统地了解这个领域
有10位网友表示赞同!
龙卷风卷走爱情
这本书真的太贵了!对于学生来说负担有点重。我希望能够有一些更实惠的教学资源。
有20位网友表示赞同!
秘密
我觉得电子版的缺点是缺少书本那种阅读体验,翻阅的过程还是很有趣的,电子版虽然方便,但少了这种直观的感受
有8位网友表示赞同!