APP下载

设计心理学下移动端UI设计的研究与应用
——以小红书为例

2022-01-21贺飞

流行色 2021年11期
关键词:小红书配色心理学

贺飞

西安美术学院 陕西 西安 710065

引言:随着时代的发展,互联网产品应运而生,UI设计得到了极大的重视及运用。UI设计通过研究设计心理学,贴近用户真实心理、体会用户需求,搭建应用与用户的精神桥梁。本文以小红书APP为线索,结合设计心理学,对移动端UI进行分析与研究。并深入探索基于设计心理学的移动端UI处于当代环境下的多元化发展。

一、UI概念及移动端UI的特点

UI设计的概念就是用户界面设计。其中小红书APP便属于移动端UI设计范畴。好的UI设计不仅可以让系统界面变得更独特、更具吸引力,还可以使用户在进行产品操作时更加简单,带来舒适的使用心理。因为移动端UI受屏幕尺寸小、展示信息多、适用面广等因素的影响,所以在进行设计时要遵循一定的设计准则。

(一)交互界面简易性

移动端UI设计的第一要素是简易性,屏幕尺寸的受限与庞杂的展示信息极易造成视觉的混乱。在界面设计中,一个简约并有序的界面能让用户在接触到产品时不需要过度消耗精力就可以进行使用,会让用户产生良好的使用感受,同时尽可能的减少了用户的错误操作行为。

(二)记忆负担最小化

人类的短期记忆是有限的,对于信息的处理也存在着一定的限度的同时也具有着不稳定的特性。有针对人脑记忆的研究显示,人类大脑在24小时内大约存在25%的遗忘率。因此对于用户来说,尽可能降低记忆的负担尤为重要。

(三)灵活性与一致性

灵活性就是要提高产品的灵活度,一个指令伴随一个结果,确保每个指令都能有及时的反馈,向用户提供便利。例如网络延迟时的提示,按钮被按下的及时反馈都会为用户提供清晰地认知,就可以避免出现用户不明缘由等待的这一情况。一致性是要求界面的结构等因素需要保持高度统一,其重要性在于统一的风格与操作会提供给用户流畅的使用感受不同风格元素的出现,会使得界面出现混乱感,导致用户在使用产品时会产生思路不清晰的感受。

(四)从用户角度出发

在产品设计的过程中,设计师要作为用户对产品进行理解,切实从用户角度出发,设想产品使用过程中可能会发生的所有可能性,从而进行修正与完善,而不是设计一套自己可以使用的产品。在设计中融入人性化的操作,尽可能满足用户在使用中的一切需求,提升用户在使用产品时的满意度。

二、设计心理学在移动端UI设计中的应用

(一)马斯洛需求层次论

美国心理学家亚伯拉罕·马斯洛在《人类激励理论》中提出,将人类的五种需求层次进行划分,分别是生理需求、安全需求、社交需求、尊重需求和自我现实需求。人的需求在五个层次中等级越低的需求就越是基本的需求,越偏向动物的属性。越高的等级需求就越趋向于人类所特有的需求。

在用户体验愈发被重视的UI设计中,马斯洛需求层次论提供了方法论。良好的运用可以增强用户在使用产品时舒适度和认可度。小红书APP便在设计中融合了马斯洛需求层次论,并得到了良好的用户反馈。

1.生理需求

生理需求处于马斯洛需求的第一层次也就是最基本的层次。小红书针对生理需求做出了相对应的措施,推广了小红书商城,用户可以在商城中购买到自己需要的食品以及衣物等日常生活用品,在一定程度上满足了其基本生理需求。(如图1)

图1 小红书商城页面

2.安全需求

在第一层次被满足之后,需求层次也提升到了安全心理的阶段。随着互联网的发展,个人信息的保护也成为了重中之重,小红书从三个方面满足用户的安全需求。首先,设置账号的安全保护,通过设置密码、实名认证及信息绑定的手段来保证账号的安全性。其次是隐私设置,通过用户的自主选择,可以从互动和关系两方面进行隐私保护。根据自我需要进行“不把我的推荐给可能认识的人、在附近页隐藏我的笔记”等设置,还具有许多个性化选项全面保护用户隐私。最后,出台相关用户隐私政策及保护指引(如图2),让用户清楚的了解到可能面临的隐私问题以及相关的处理方式。

图2

3.社交需求

人们需要建立亲密关系进行沟通,而这一需求也是小红书的核心功能。小红书在设立之初的功能在广告语中就可以很好的体会到—标记我的生活,其目的就是让用户记录自己的生活瞬间,并进行分享。在这里可以和自己的朋友进行聊天,也可以通过互相点赞评论结识更多的伙伴。可以通过好友主页看到好友的相关朋友圈信息,以及在主页里科员看到系统推荐的陌生人发表的生活瞬间。

4.尊重需求

当社交需求被满足后,人们便开始希望自己有稳定的社会地位,想要个人的能力和成就得到社会的认可。小红书APP推出了大量关于尊重需求的实现渠道,用户在发表了动态后,还会进行系统推荐从而被更多的人看到。还设定了关注度,当生活动态获得热度的时候会被其他用户关注。而无论是点赞、评论还是关注,都会让用户获得一种被人认同和尊重的感觉。

5.自我实现

自我实现需要是马斯洛需求层次中最高层次的需要,是指个人期望自己达成某种成就的自我满足的需要。小红书APP中就设有发布笔记的功能,用户通过小红书APP的渠道分享自己的相关日常心得及知识内容,并获得良好反馈从而达到自我实现的需求。其中的高粉丝量博主便是自我实现人群的代表,他们通过高质量笔记获得其他用户的关注,发表分享自己擅长领域内的心得,使自己的能力得到其他用户的认可,达到自我实现需求的层次。

(二)KANO模型分析法

KANO模型是东京理工大学教授狩野纪昭发明的关于用户需求分类和排序的工具,以分析用户需求对用户满意的影响为基础,体现了产品性能和用户满意之间的非线性关系。狩野教授将产品服务的质量特性通过实验的整理归纳分为五类。

1.必备型需求

该需求是产品的基本功能及核心功能。向用户提供此类需求,满意度不会受到影响,但是如果没有提供,那么用户满意度便会下降。小红书的产品定位是信息分享,因此信息分享这一必备型需求的提供并不会提升用户的满意程度。相反,如果取消提供这一功能,用户失去了必备性需求,满意度则会下降,从而导致用户粘性降低。

2.魅力型需求

魅力型需求又叫做兴奋型需求,是基于产品核心功能之上的需求。提供了会使用户感到惊喜,不提供用户的满意度也不会降低。小红书在2013年初上线之时只有信息分享功能,用户在社区里分享旅行购物等经验,内容主要以美妆、护理为主。但在2014年10月,小红书福利社正式上线,旨在为海外购物提供渠道。这一功能的上线,极大提升了小红书的用户粘性,提高了用户的满意度。

3.期望型需求

这是用户非常渴望的功能,是用户在产品使用过程中发现的更被需要的使用需求,提供了用户满意度会上升,如若长期的用户反馈得不到回应的话,用户的满意程度就会随之下降。小红书通过关注用户反馈,不断进行升级,完善相关功能,使得用户满意度持续上升。在逐步升级中,小红书增加了历史笔记浏览,便于用户找回错失的笔记。

4.无差别需求

无差别需求是不管提供还是不提供,用户的满意度都不会受到影响。这一需求在现在设计中也是普遍存在的,可能在小红书的一次升级完善中绝大部分的功能相对于用户而言都是无差别需求,只有个别会成为用户的期望型需求、魅力型需求或反向需求。

5.反向需求

这一需求是指与用户的需求相背离的相应的功能提供。用户根本没有此需求,并且提供后用户满意度反而会产生下降。小红书在升级改版中改变了“关注的人”模块,增加了“经常浏览的博主”模块,这一改变让许多用户无法接受,发表不满。但是小红书在改版的同时也做了相应的准备,使得用户可以通过设置找回原来的模块。

三、色彩心理学在移动端UI设计中的应用

(一)色彩心理学

色彩在客观上是对人们的一种刺激和象征,激发出相应的心理;在主观上通过色彩形成一种反应与行为进行反馈。色彩对人类心理存在的影响是巨大的。在设计的方方面面都离不开色彩心理学的应用,随着UI设计的发展,在设计心理学运用的基础上,色彩的良好运用也起着举足轻重的作用,色彩心理学也成为了设计开发过程中的一大重点。

(二)界面配色方法

1.同类色配色方法

同类色配色方法是选取色环角度15度以内的色彩进行配色。这种配色方式会使界面有较好的一致感与协调感,一般使用在图标、导航、登录页以及品牌主色的场景中。小红书使用的配色方式就是同类色的配色方法,在色彩范围内通过明暗的变化与搭配进行界面的色彩设计。但也十分考验开发者的设计能力,使用不当可能会造成界面颜色单调的状况。因此在设计过程中要注意色彩的明度对比、面积对比以及交互操作的部位。

2.邻近色配色方法

邻近色配色方法是选取色环角度60度以内的色彩进行配色。会使得界面有一致感与协调感的同时会增加界面的雅致感,并且不会显得单调,在界面中一般与主色的邻近色用的比较多。使用的场景一般在渐变图标、渐变导航、日常按钮以及瓷片入口等。在设计的过程中也同样要注意色彩明度、面积的使用,权衡色彩之间的呼应关系。

3.对比色配色方法

这一种配色方法是选取色环角度为对角一120度的色彩进行搭配设计。会使得界面具有强烈的层次感,让界面显得更加活泼与丰富。一般使用在重要按钮、消息提示以及重点突显的板块。由于颜色的跳跃性较强,在设计过程中容易造成界面的混乱,太过刺激的颜色也会造成视觉的疲劳。因此也要注意在选取高饱和度高亮度的颜色时,一般作为主色的点睛色进行使用。

4.互补色配色方法

互补色配色方法是选取色环角度对角为180度的色彩,巨大的色彩差异会让界面有很强的炫目感、现代感,带给用户的冲击力极强。使用场景一般在重要按钮、消息提示以及差异比较大的按钮和图标等。因其具有反差大、冲击力强等特点,使用不当也容易产生不协调等缺点,所以在设计中要把控色彩的使用度以及呼应关系。

5.同色调配色方法

同色调配色方法是选取不同色彩并保持明度与饱和度的统一,这种色相相同调性的色彩进行搭配,会让界面显得灵活并具有趣味化以及个性化。一般使用在金刚区图标、同系列功能入口图标、同系列瓷片区以及选择页等。因为选取色彩的不同,为了保证画面协调在设计的过程中一定要保证色彩明度与饱和度的统一。

(三)色彩情绪定色法

APP的配色设计对于界面而言十分重要,它与产品的用户人群、目标人群、产品定位和理念、产品行业和产品寓意以及企业品牌形象和文化等息息相关。开发者在产品色彩的设计过程中,会利用色彩的情感特征,选取色彩的情绪定色法来进行衡量。如绿色具有着健康、自然、环保及和平等指向性,因此常用于安全保障工具类、健康类、医疗类、旅游类以及环保类等,如医鹿、小荷、薄荷健康等产品;蓝色具备科技、理性、安全可靠等隐含因素,常用于教育类、金融类、工作职场类等,如支付宝、腾讯会议等产品;紫色是神秘、高贵、魅力和娱乐的代名词,适用于拍照类、娱乐类、社交类以及游戏类,如美图秀秀、美颜相机等产品;红色是充满活力、欢快,寓意着金钱和丰收的色彩。常用于电商购物类、新闻资讯类以及阅读类等,其中小红书在色彩上选取了红色作为企业的标准色(图3),这种偏时尚女性的中性色会给人带来活力积极的情感暗示,激发用户的情感,同时也贴合小红书的产品定位与企业理念。

图3

四、设计心理学运用在移动端UI的意义及发展

小红书在设计的过程中一直保持着把用户需求放在产品研发的第一位,通过不断的接收用户的反馈进行升级改版,改善产品的不足并逐渐完善产品体系。使得用户在使用产品时产生轻松愉悦的感受,会不自觉的延长产品使用时间,从而对产品的信任度越来越高,用户粘性也逐渐增强,最终使得小红书在同类产品中崭露头角。

小红书产品的成功并不是偶然,在新媒体时代的大环境下,移动端UI产品之间的激烈竞争也使得产品设计师意识到只有真正的从用户角度出发,了解用户心理、贴近用户需求,切实的站在用户的出发点进行产品研发,才能设计出真正打动人心的产品。设计心理学对于移动端UI界面视觉设计有着举足轻重的意义。它作为方法论为界面视觉的设计提供了坚实的理论基础,使得产品更加贴合用户的使用心理。移动端UI设计的发展要依托于设计心理学,做到有效吸引用户,为用户提供更加舒适的使用体验。从而推动移动端UI设计的进步,延长产品寿命与使用期限,为互联网时代的发展注入新力量。

五、结语

在移动互联网时代下,小红书依靠运用大量设计心理学在同类产品中脱颖而出,为用户带来了良好的使用感受。在设计上参考运用了马斯洛需求层次论,将用户的五大需求融入了产品的设计之中,与用户的生活息息相关。还运用了KANO模型分析法,更精细的剖析用户的真实需求。严谨按照移动端UI界面视觉设计的准则,在保证用户顺畅使用的同时,更为用户提供了良好的用户体验。在色彩方面也运用色彩心理学进行归纳设计,在多次试验后确定了小红书产品的色彩。设计心理学作为方法论能够帮助设计师拉近与用户的距离,感受用户的心理。从而创作出用户更加渴求的视觉设计。

猜你喜欢

小红书配色心理学
小红书助力中国共创经济
《基于季节变化的室内软装色彩搭配研究》插图
No.2 小红书注册“老红书”商标
A Social Media Frenzy
寻找古意的配色
爆笑心理学
爆笑心理学
爆笑心理学
爆笑心理学
Seeing Red