心理学在前端的应用---（设计师要懂心理学）读书笔记之人如何观察和阅读

Myth丶恋晨 2023-08-17 17:19 110阅读 0赞

学了一年心理学后转行到了前端，自知心理学是门很重要的学问，在注重人机交互的现代互联网设计中具有举足轻重的地位。在网上看到《设计师要懂心理学》时果断入手。果然不负厚望，这部由CDC腾讯用户研究与体验设计推荐，畅销欧美，日本的经典之作让我获益匪浅。现将重点的地方总结摘录以期和大家共享。

不知道大家平时做设计除了追求精湛的技术之外有没有想过那么几个问题：1用户是如何思考，做决定的？到底什么促使他们点击网站，购买产品或者做出其他如你所愿的行为？——————好吧，请带着这几个问题继续往下读。

（一）人如何观察

1.1眼见非脑见。我们观察事物时大脑会对来自眼睛的信息进行再处理，会解析我们所看到的东西，大脑是个爱偷懒的孩子，很多情况下会根据以往的经验猜测我们看到了什么。向下面这幅图片该软件在下载时就算速度只是一般，但因为下载标志是个小火箭，大脑一般会理解为速度还是可以的，因为火箭在我们的经验里就是象征着高速度。

![121458482745094.png][]

1.2在黑暗处，余光比直视看的更清楚。

1.3人的视觉是二维而非三维，不过大脑会根据经验把二维的东西转换成三维。（所以多用二维元素少用三维元素，后者会减慢识别和理解的速度）

1.4整体认知主要依靠周边视觉而非中央视觉，所以在设计图片时宁可中央被遮住也不要周边被遮住。

1.5人在识别物体时会寻找规律（哈哈，既然这样，那就多使用规律呗~比如可以利用分组和间隔来创造规律）

1.6人在看网页时首先会对人脸作出识别和反映

1.7如果网页上的人眼看着旁边的位置或产品，那么人们往往也会看向同一处，但未必关注，只是看而已。

1.8标准视角的画像和物体更容易识别和记忆，所以如果网页或程序里包含一些图标，那我们最好画成标准视角的，值得一提的是略微侧向俯视是我们观看物体的标准视角。

1.9希望用户关注的信息要放在屏幕的上面三分之一部分或者放在屏幕中间（人们是不看边缘的）

1.10按照正常合理顺序来设计界面，避免让人来回跳着阅读。

1.11设计时尽量考虑功能可见性的提示，以便用户正确的使用（比如用信封的图标来表示信息）

1.12设计触摸设备界面时，请慎用悬停可见的提示。

1.13不要认为物体出现在屏幕上就一定会被用户可见，特别是刷新页面出现改变时，前后变化极有可能会被忽略，如果要保证用户注意到某处变化，应该增加视觉提示（使其闪烁）或者听觉提示。

1.14人们认为相邻物体必然相关，所以无关内容间距要大，相关内容间距要小，这是很多网页布局都忽视了的。

1.15红蓝或红绿搭配难以阅读。

1.16 （9%）的男性和（0.5%）的女性是色盲，所以在使用颜色标志时请多多为他们考虑。

1.17 色彩含义因文化而异，所以选用色彩应尽可能的考虑其可能具有的含义。

（二）人如何阅读

2.1人们认为全大写是大声强调的语气，也较难阅读（大脑需要先转换成小写再认读），所以尽量少用大写。

2.2人经常阅读，但对所读内容的理解和记忆取决于此前的经验，阅读时的视角和阅读前的说明。

2.3文章的阅读等级要适合你的目标读者。写上有意义的标题

2.4不同的字体和过度花哨的字体会干扰模式识别，降低阅读速度，而且，但人们感觉字体难读时，会把这种判读转嫁到文本内容上，认为内容本身难以理解或难以实现。

2.5字号也很重要，不要使用太小的字号。计算机屏幕的字号一定要用较大的，减轻眼疲劳。

2.6电子阅读比纸质阅读更难。

2.7应该把文字分成几块，并且使用着重号，短段落和图片。

2.8每行字数较多时读的更快，但人们更偏好短行，到底是要速度还是阅读体验这个就根据自己的需要权衡好了。对于多页的文章，可以考虑用短行分栏版式。

观察和记忆我们都了解了，那么人是如何记忆和思考的呢~详见http://www.cnblogs.com/s-z-y/p/4422919.html

转载于:https://www.cnblogs.com/s-z-y/p/4419803.html

[121458482745094.png]: /images/20230808/0527d095b16d4966ac52c1d5ed09aab0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，110人围观）

还没有评论，来说两句吧...

相关阅读

相关临床心理学笔记

临床心理学笔记第一章临床心理学概述第一节临床心理学的一般概念 1896年，Witmer在宾夕法尼亚大学创办了世界上第一间心理诊所，并首先应用“临床心理学这个属于，

ゞ浴缸里的玫瑰/ 2024年03月23日 10:19/ 0 赞/ 118 阅读

相关心理学在前端的应用---如何设计能够让人有效的关注

　　由CDC腾讯用户研究与体验设计部推荐的《设计师要懂心理学》，是本剖析用户心，直接提炼设计要义的书，现将自己提炼整理的要义做如下分享,我们的做事情的动机又是从何而来的呢

川长思鸟来/ 2023年08月17日 17:19/ 0 赞/ 52 阅读

相关心理学在前端的应用--《设计师要懂心理学》读书笔记之人如何记忆和思考

　　在上一篇博客中 http://www.cnblogs.com/s-z-y/p/4419803.html ，整理了宾夕法尼亚大学大学心理学博士Susan

谁践踏了优雅/ 2023年08月17日 17:19/ 0 赞/ 112 阅读

相关心理学在前端的应用---（设计师要懂心理学）读书笔记之人如何观察和阅读

　　学了一年心理学后转行到了前端，自知心理学是门很重要的学问，在注重人机交互的现代互联网设计中具有举足轻重的地位。在网上看到《设计师要懂心理学》时果断入手。果然不负厚望，这部由

Myth丶恋晨/ 2023年08月17日 17:19/ 0 赞/ 111 阅读

相关人的思维谬误与心理学效应

启发法用一个容易的问题代替难以回答的真正问题。这个容易的问题的答案就是对真正问题的启发，但启发经常和真正的答案差得很远，而人却往往把启发当成了真正问题的答案。接下来

Bertha 。/ 2023年07月02日 02:20/ 0 赞/ 5 阅读

相关心理学在计算机方面的应用,2020考研心理学：发展心理学之计算机运用

转眼间十月已经接近尾声了，距离2020年考研初试的时间越来越近了，很多小伙伴压力还是非常大的，今天为大家梳理一下心理学基础常识知识点，中公考研小编为大家整理的“2020考研心理

红太狼/ 2022年10月12日 01:58/ 0 赞/ 185 阅读

相关读书摘要－程序开发心理学

Chp 2 What makes a good program There are indications from other situations

迷南。/ 2022年08月26日 05:54/ 0 赞/ 214 阅读

相关管理心理学

<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndicati

墨蓝/ 2022年08月08日 06:29/ 0 赞/ 215 阅读

相关心理学第一周学习笔记：心理学概论

课程主讲老师：田媛第一周：心理学概观心理学：是研究心理和行为的科学心理和行为是内在和外在两个方面，两者之间有着复杂的相互关系心理学的目标：描述解释

电玩女神/ 2022年03月14日 11:06/ 0 赞/ 417 阅读

相关心理学第二周学习笔记：心理学的历史和流派

科学心理学之父：威廉·[冯特][Link 1]（Wilhelm Wundt） 1832年[8月16日][8_16]―1920年[8月31日][8_31]

梦里梦外;/ 2022年03月09日 16:34/ 0 赞/ 435 阅读