《设计师要懂心理学》好书推荐:在网页和应用设计中,考虑周边视觉、色盲和目标趋近效应

2020-04-16 09:11:09

最近读了一本好书《设计师要懂心理学》,书很小,只有75页,几个小时就可以读完,但里面对人性的深刻洞察和理解,以及从心理学出发,总结出的朴素设计思想,令我印象深刻。

这么书从10个维度,让我们了解人性:

1 人如何观察

2 人如何阅读

3 人如何记忆

4 人如何思考

5 人如何集中注意力

6 人的动机来源是

7 人是社会性动物

8 人如何感知

9 人会犯错

10 人是如何决策的


·周边视觉可以帮助我们认知场景,提升用户对网页或应用的好感度

在网页设计中,我们总是习惯将最重要的内容,放到最中间。然而《设计师要懂心理学》中“人如何观察”这个章节告诉我们:

整体认知主要依靠周边视觉而非 中央视觉

《设计师要懂心理学》书中,实验使用的中央视觉和周边视觉对比黑白照片

在上面这张图片中,研究人员,将家中照片分别中央和周围,要求被试者辨认。

他们发现,中央被遮住的照片依旧容易识别,而对于那些周围被 遮住的照片,人们却分不清是厨房还是客厅。他们尝试了不同的遮挡比 

例,最后得出结论:

对于识别具体物体来说,中央视觉是最重要的,但 对于认知整体场景而言,周边视觉更为关键。


所以在网页设计中,周边设计同样重要,过去的网页设计者,习惯将广告放置于正文两侧,俗称对联广告,或者采用巨幅背景贴在正文周围,既有装饰效果,还能吸引用户点击,这就是对用户周边视觉利用的最好体现。

如果你是是在不知道如何装饰,或者你不喜欢广告,又或者这种装饰会不利于SEO,那么请看谷歌和百度的做法,留白就好,或者加一个浅灰色的背景。当然这并不是绝对的,对于平台来说,将这部分内容留给用户自定义,也是不错的选择。


·避免使用色盲难以区分的颜色作对比色,在使用颜色区分特定含义时,应同时使用形状或其他元素来区分

很多设计师习惯纠结于色彩,他们从照片中取色,每一个RGB,每一个灰度,都经过精心的调整,然而《设计师要懂心理学》这本书,阐述了一个令人遗憾的事实:

9% 的男性和 0.5% 的女性是色盲

绝大多数色盲并不是不能分辨颜色,他们只是无法辨别某几种颜色的差别,包括:

例如:

红绿色盲:患者无法分辨 红、黄和绿色。

蓝黄色盲:患者无法分辨蓝色、黄色。


所以,红配绿,不仅是服饰色彩中不容易掌控的搭配,在网页设计中,特别在需要明确区分的地方,应当谨慎使用 红色和绿色作对比色。同理,用黄色和蓝色,同样不是个好主意。

新冠病毒让很多中国人知道了美国的CDC,看看美国CDC的某周流感传播图。这样的配色,照顾了绝大多人的体验。

《设计师要懂心理学》书中,美国CDC某周的流感传播图


事实上,最正确的做法是:

在使用颜色代表特定意义时,应当同时使用 另一种区分方案

例如同时使用颜色和线条粗细来代表不同内容,这样色盲者即使无法辨认特定颜色,也能看懂图的含义。


·让用户更接近目标,激发用户完成目标的动力,帮助网站和应用持久获客并留住用户

最近几年流行一种红包,例如红包的金额是100元,当用户首次领取,就可以领到95元,而最后5元,需要用户拉新才能得到奖励,只要当用户领到100元时,才可以提现。

当用户邀请的第一个人,会奖励1元,第二个人,会奖励0.5元,离100元越近,得到的奖励越少。

这种套路满满的红包被指缺乏诚意,却成为很多APP争相采用的拉新手段。

激励用户完成任务的红包图

其实这个套路并不新鲜,在《设计师要懂心理学》中,已经介绍了这种普遍的心理现象:

人越接近目标越容易被激励

这叫做目标趋近效应,指你接近目标时会加快行动。

目标趋近效应在游戏中的应用广泛,任务列表,新手指南,成长进度,活跃度奖励等等,这些能留住用户,帮助用户快速沉浸在游戏中。

比起已经做了什么,人们更关注还剩下什么没做

所以,现在我们应该知道,一个好的任务列表和进度指南,应当将用户已经完成的目标置灰,而将那些未完成的目标加粗。并且用户醒目的方式告诉用户,完成剩余这些目标,你可以获得什么,而且通常意义上,当用户完成全部目标时,会有更好的奖励。

那么当用户完成所有目标后呢?

《设计师要懂心理学》中写到:

在达成目标后,动力和购买力会骤减,这叫做回馈后重置现象,通常 人们对再完成一项任务没什么耐心。

在回馈达成时失去客户的风险最高。


此时,比起一轮新的任务,我们需要让用户有机会体验 完成当前任务 的快感,例如,某游戏中,某些新出的角色总是稍微强大一点,当用户通过努力获得到角色时,是可以在一定时间内,体验角色的强大。然而平衡性调整通常会在一定时间后到来,角色被削弱,此时用户会有轻微的挫败感,然后新一轮的任务又会开启。对用户而言,这也许是套路,但对于设计师和运营来说,这意味着用户体验的提升和持久化,自生产的用户内容生态的形成。


好啦,关于《设计师要懂心理学》的读后感就写到这里了,这本书更适合当作工具书,反复阅读,希望大家都能从本书中获益。

《设计师要懂心理学》纸质书:

《设计师要懂心理学2》纸质书:

115210
小宇
ShopXO插件 ▶力扣 ▶Github ▶M站