学会情感化设计,让用户舍不得离开!

用户头像
成都/设计爱好者/2年前/98浏览
学会情感化设计,让用户舍不得离开!
万物皆有个性,万物都会发出情感信号。即使这不是设计者的初衷,用户在浏览网站时也会推断出网站的个性,体验到网站的情感。
— 用户体验设计大师 Don Norman
正如设计大师唐·诺曼所说,情感是我们生活重要的组成部分,情感链接无处不在。尤其在现在越来越成熟的互联网环境下,大家的基本需求都能得到满足,体感体验更显得尤为重要。作为一名设计师,加大情感体验在产品中的设计,也是产品差异化竞争重要的方式。本文,笔者将带你了解什么是情感化设计,如何应用,并通过具体的案例分享,助你快速了解它。
一、什么是情感化设计?
情感化设计是指能够唤起用户情感反应,提升用户体验的设计。这种设计理念不仅关注产品的功能和实用性,更重视产品如何与用户产生情感共鸣,以创造出令人愉悦的使用体验。它可以分为三个层次:本能层、行为层和反思层,三个层次不是各自独立的,而是相互关联影响。
1、
本能层
本能层是情感化设计的最底层,它指的是用户对产品设计的本能反应或第一印象。这一层主要关注产品的外观,比如简洁的用户界面会让人感觉舒适,使用高饱和度的橙色会给人快乐、活力的感觉。
2、行为层
行为层是指用户在使用产品时,下意识地评估产品功能有没有满足TA的需求,这一层更加注重交互性、功能性、易用性及可用性的用户体验,能让自己的产品更加直观地展现出来,为用户带来愉快的产品体验。
3、反思层
这是情感化设计的最高层次,关注用户在使用产品后的情感和思考。设计师通过产品的品牌、故事和价值观等元素,激发用户的情感共鸣,从而建立深层次的情感连接。
接下来,我们就从这三个方面出发,看看设计师如何更好地把情感化设计应用在产品中。
二、如何做好情感化设计?
1、增强视觉吸引力
从本能层出发,产品设计师可以尽力给用户带来听觉、视觉上的感官刺激,促成用户与产品的 “一见钟情”。
视觉上,通过设计各种有效的视觉元素,引起用户的注意力。比如,使用合适的色彩,像蓝色一般用来传达安宁感和信任,红色来引起注意、警告等;创建清晰、直观、层次分明的布局或排版,让用户感到方便,从而提升用户体验等。
比如下面这个冥想App,UI界面简洁,绿色森林图片给人一种静谧感,非常舒适。
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2MTY=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
2、有趣的交互
通过优化产品的交互设计有效满足用户需求,使用户在使用过程中感到方便和高效,从而产生满足感和愉悦感。
比如微信读书首页,可以翻一翻获取好书,就像开盲盒一样,让用户感到好玩、惊喜,类似这种有趣的交互,一定能让用户对产品更有好感。
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2MjA=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
立即使用微信读书模板:
https://www.mockplus.cn/example/rp/100053
3、及时反馈
及时反馈能消解用户的焦虑情绪,给用户满足感、获得感。比如,使用微信读书超过一半时,页面会显示剩余阅读量,并会根据你之前的阅读速度估算剩余时间,鼓励你继续读:外卖类产品会告诉用户外卖还有多久能送达,让用户对结果有心理预期,这就是在及时给与用户反馈,增加安全感(购物软件也一样)。
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2MjQ=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
4、暖心提示设计
产品的温度很多时候体现在细节之处,这就需要产品经理和设计师对用户的行为进行预判和引导,利用细节处理打动用户,让用户对产品产生信任感和依赖感。
比如,抖音白天和夜间都会不定期温馨提示,让大家适当休息,养成健康作息习惯,这些细节会让用户感到被重视被关心。
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2Mjg=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
5、个性化定制
通过提供个性化的服务和内容,使用户感受到产品对TA关注和重视,从而增强用户的满意度和忠诚度。比如QQ音乐、网易云音乐都能根据用户的喜好,为用户提供个性化的歌单和每日推荐。用户打开应用后,可以看到为自己量身定制的音乐内容,极大地提升了使用体验。
此外,网易云音乐还允许用户创建和分享自己的歌单,大大提升了用户对产品的归属感。
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2MzI=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
6、无障碍设计
情感化设计还体现在对不同用户群体的关照,比如老年人群,不仅要放大字体,还要关注老年人在视觉、听觉、行动等方面的能力减弱,更要考虑到老年群体的核心需求,在设计中注意减少不必要的信息,为老年群体提供核心界面功能,减少信息干扰。像微信就有青少年模式和关怀模式,照顾到了不同人群的需求。
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2MzY=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
再比如,高德地图切换视觉障碍模式后,可以清晰明了的向红绿色盲人群显示实时路况,在他们眼中地图就会与原始视图没有差别。这些都是情感化设计,让用户更舒心暖心。
7、别出心裁的创意设计
别出心裁的创意设计,能够赋予产品个性和灵气,让用户感受到它像是 “有血有肉的人”,而非冰冷的程序。这一点,Google浏览器做得相当棒,它首页的logo涂鸦经常会和当下事件相呼应,比如在某年的月全食时曾使用过下面这个变体,用户点击后还会跳转到与月食知识相关的百科页面。
这种创意设计甚至会给用户带来期待感,想要知道你的产品还能有什么花样。
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2NDA=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2NDQ=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
8、其它打动用户的细节设计
情感化设计包含在产品的点点滴滴里,每一个环节、页面、按钮其实都可以应用情感化设计。比如大麦网的404页面,除了有明显的404标志来反馈当前的页面状态,还会显示为某个已故巨星的纪念页,情怀满满。
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2NDg=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
情感化设计,可以应用到网页或App很多页面设计中,以缓解用户负面情绪,更加高效的引导用户行为,并提升用户对品牌的认同感和忠诚度。比如,
其他的登录注册,引导,反馈,加载等页面的细节设计,也可以从用户角度出发,不仅能够缓解用户负面情绪,甚至还能打动用户,让原本冰冷的人机交互充满人情味,使用户不忍离开。
以上就是关于情感化设计的概念解析和案例分享看,希望能带给你一些灵感,让你的产品设计从此充满人情味!
最后,有大大大个福利送给你,
全网最全产品设计AI学习资料免费领!
只要花1分钟填写
问卷
就能免费领取啦!
1、产品经理必读的100本书
2、UI/UX设计师必读的115本书
3、30G互联网人知识礼包
4、50G热门流行的AI学习礼包
5、30G职场必备技能包
礼包资源持续更新,互联网行业知识一网打尽!礼包领取地址:
https://docs.qq.com/form/page/DUnJBTmF5RXdiYU9s
学会情感化设计,让用户舍不得离开!(图ZMTQ4MTI2NTI=) - 资讯 - 站酷设计师摹客设计云原创素材 - 站酷ZCOOL
收藏
0
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
倒计时,海报,平面
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面书法字手写
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城市园林平面布局航拍
城阙凡花
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
海底世界插画
牛奶乳液层次平面平铺平面
平面插画设计女孩喝咖啡
古风平面仕女与瓷器
空的平台平面和自然景观
平面设计 吊牌设计
“知识宅急送”外卖,快递,平面,海报,素材,教育
活动,优惠,平面,海报,特惠
金色颗粒质地的平面
金色颗粒质地的平面
中国传统纹样创新图案设计
平面男孩喝咖啡插画设计
玄关入门地毯印花图案红地毯
你可能喜欢
相关收藏夹
大家都在看
登录注册