UI设计师要懂点儿心理学

用户头像
南京/概念设计师/9年前/749浏览
UI设计师要懂点儿心理学

比如,最吸引人的6件事:危险、食物、性、任何移动的东西、故事、噪音、人脸...


870f58d09362a801219c770509b0.jpg



16年10月份,我们为大家整理推荐了一份书单——《你说你懂设计?看完这些再说吧》。目的通过精心挑选的好书,让爱好设计的人能够了解到什么是设计,如何做设计,设计是为了什么。


但后来我们经过一些调查发现,因为各种原因,很多人没能在阅读上投入太多时间,对于我们推荐的书籍,他们有心想看,却一直没有付诸行动买上一本。所以,酷九合金社从本周开始,推出“壹读”版块,每周一都会带领大家读一本关于设计的书,希望能让大家在理论、实践等方面有一定的提高。(站酷为每周二。)



《设计师要懂心理学》

作者 | [美] Susan Weinschenk 

这 是 酷 九 合 金 社 带 大 家 读 的 第 1 本 书


|| 推荐语


在经历无数设计过程之后,我们认为:处于人性基本不变的原因,基于人性归纳总结出的设计原理和规则,是经得起考验的。这本《设计师要懂心理学》正是这样直指人性。”


——腾讯用户研究与体验设计部总经理唐沐



通过案例分析,《设计师要懂心理学》这本书从人的视觉、记忆、逻辑思考、社会性、感觉等维度,分享了设计师设计过程中应该注意的100个小贴士,是一本干货满满的基于基本视觉思维和社会心理学原理的设计指南。无论你是从事何种行业的设计师,此书都可以为你所用。今天,木何摘出了书中对UI设计师比较重要的一些Tips,分享给大家。



|| Tips 1


眼见并非脑见。别人在你的网站上看见的内容未必符合你的设想,他们的个人背景、生活习俗、文化水平、对眼前事物的熟悉度以及期待看到什么,都会影响他们的观察结果。所以,设计时要懂得换位思考,站在用户的角度看设计。



|| Tips 2


如果你想让用户集中注意力观察屏幕某处,就别在周边区域添乱。

d28558d0938aa801219c77b4dfe1.jpg

@ Dribbble



|| Tips 3


如果想让某个物体易于识别,那就用简单几何来画。多用二维元素,少用三维元素。大脑以二维形式接收人眼观察到的信息,因此屏幕上的三维图形,可能会减慢识别和理解速度。


f84458d09398a801219c77307227.jpg

@ Deividas Bielskis


537b58d093a7a801219c77bdf1e1.jpg

二维后的滴滴logo更易识别、在众多APP中更易被找到。



|| Tips 4


标准视角的画像和物体更易识别和记忆。如果你要设计图标,不妨把它们画成标准视角。如果你要画一条狗,先把自己想象成同类吧~(捂脸笑)

c06a58d09468a801219c77197b4c.jpg

@ Deividas Bielskis



|| Tips 5


功能可见性,对某一模块,应让用户一眼就可以知道其功能。



|| Tips 6


文字排版要利于阅读,比如加大文字与底色的对比度,文字分块,适当空白。


7f7958d09477a801219c772bf6f4.jpg


@ Dribbble



|| Tips 7


人一次只能记住4项事物。可以通过组块将“4”变多,比如电话号码分组:153 8654 1235(随手打...);在导航设计时,最好也只有4个。



|| Tips 8


人们必须借助信息巩固记忆,例如重复或图式。客户研究的主要目的之一就是发现和理解目标用户的记忆图式,了解他们是如何学习和记忆信息的。


1c6758d09488a801219c77e0ae77.jpg

@花瓣



|| Tips 9


使用具象词或图标,减轻记忆负担。比起文字,人们更喜欢看图,记图。



|| Tips 10


减少用户思考。信息循序渐进给出,用链接引导用户获得更多详情。



|| Tips 11


故事使人们处理信息最自然的形式。最受欢迎的主题:远征、爱、成年、命运、牺牲、复仇、伟大的战役、阴谋、堕落、神秘。所以,给设计加一点儿故事吧,会更有趣哦~


afe858d09495a801219c777c23b1.jpg

@酷九合金社往期学员主题作品



|| Tips 12


使用进度条,让用户知道要等待多长时间。

f3eb58d0949ea801219c77e74b63.jpg

@ Dribbble



|| Tips 13


人可以进入心流状态,即全身心投入某项事情。如果你的设计试图引发用户的心流状态,那就:让用户在操作过程中可以控制自己的行为;把艰难的行为拆分,让人们觉得目标可行,但又不能太简单;同时给用户持续的反馈,并尽量减少其他信息干扰。



|| Tips 14


人们会选择性注意信息,也会主动过滤信息。别指望用户一定会关注你的信息,如过担心信息被过滤,可以使用大小、色彩、动画、视频和声音等吸引注意。如需特别关注,那就让它比你想象中的明显10倍


b95658d0b076a801219c771b7940.jpg

 @ Dribbble



|| Tips 15


人的注意力只有10分钟,相办法加点新鲜的吧~



|| Tips 16


勾人六事:危险、食物、性、任何移动的东西、故事、噪音、人脸(尤其是正面照片)。


f2d958d094d5a801219c7782d082.jpg

 @ Dribbble

e27158d094dfa801219c778eb1bb.jpg

@ Dribbble



|| Tips 17


人天生懒惰,网页设计应便于浏览而不是细读。



|| Tips 18


在社交网络中很多关系都是弱关系,强关系圈中的人数上限约150人。在设计一个注重社区关系的产品时,请考虑其中的交互是为强关系设计还是为弱关系设计的。如果为强关系设计,需要设计一些能让用户近距离接触的功能,让他们可以在圈子中联系和相互了解。弱关系则反之。



|| Tips 19


多考虑用户会如何与它互动。交互是否符合人际交往规则?


213358d094eba801219c770dd40b.jpg

酷九合金社第4期学员盛依婷作品小米阅读APP视觉展示稿



|| Tips 20


人们会快速判断什么不值得信任。对于一个网站,人们会先出现抵触情绪,然后再确定是否要信任它。所以,你的设计元素最好不要在一开始让用户有抵触心理。



 -------------



通读完此书,最终发现其实里面很多建议也很适用于个人的日常生活中。生活本身就是被它的主人所设计,每个人都是设计师。它很适合随手翻阅,还是希望大家可以入手一本详读,专业之外,对生活也很有借鉴意义。



|| 附注

对于一本书而言,一周的翻阅,一片图文的干货概括,背后是作者设计师们长年累月实践的智慧成果,我们算是有心“窃取”过来,在此向他们表示敬意。



15
举报
|
21
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
大家都在看
登录注册