UI设计师要懂点儿心理学

原创文章 分类: 经验/观点 版权:
768 16 11 1
2017-03-21
6.1
编辑推荐

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



Image title


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




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



《设计师要懂心理学》


作者 | [美] Susan Weinschenk 

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


|| 推荐语


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


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



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



|| Tips 1


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



|| Tips 2


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

Image title

@ Dribbble



|| Tips 3


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

Image title



@ Deividas Bielskis


Image title

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



|| Tips 4


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

Image title


@ Deividas Bielskis



|| Tips 5


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



|| Tips 6


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

Image title

@ Dribbble



|| Tips 7


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



|| Tips 8


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

Image title

@花瓣



|| Tips 9


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



|| Tips 10


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



|| Tips 11


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

Image title

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



|| Tips 12


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

Image title

@ Dribbble



|| Tips 13


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



|| Tips 14


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

Image title

 @ Dribbble



|| Tips 15


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



|| Tips 16


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

Image title

 @ Dribbble

Image title

@ Dribbble



|| Tips 17


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



|| Tips 18


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



|| Tips 19


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

Image title

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



|| Tips 20


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



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



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


|| 附注


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



我们确信

每个人都是一个金子

我们相信

这里可以铸造一个闪亮的你

我们坚信

这里可以让你放射无限光芒




酷九合金社

qq交流群:423655278 微信:conineacademy

5058粉丝/16关注

原创超人原创达人“劳模勋章”之蒲公英勋章助人为乐原创小生
配色,这5个网站就够了!如何让CTA按钮更有召唤力?

酷九合金社

酷九合金社

qq交流群:423655278 微信:conineacademy

原创超人原创达人“劳模勋章”之蒲公英勋章助人为乐原创小生

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2017 UI.CN