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

万物皆有个性,万物都会发出情感信号。即使这不是设计者的初衷,用户在浏览网站时也会推断出网站的个性,体验到网站的情感。

— 用户体验设计大师 Don Norman

正如设计大师唐·诺曼所说,情感是我们生活重要的组成部分,情感链接无处不在。尤其在现在越来越成熟的互联网环境下,大家的基本需求都能得到满足,体感体验更显得尤为重要。作为一名设计师,加大情感体验在产品中的设计,也是产品差异化竞争重要的方式。本文,笔者将带你了解什么是情感化设计,如何应用,并通过具体的案例分享,助你快速了解它。

一、什么是情感化设计?

情感化设计是指能够唤起用户情感反应,提升用户体验的设计。这种设计理念不仅关注产品的功能和实用性,更重视产品如何与用户产生情感共鸣,以创造出令人愉悦的使用体验。它可以分为三个层次:本能层、行为层和反思层,三个层次不是各自独立的,而是相互关联影响。

1、本能层

本能层是情感化设计的最底层,它指的是用户对产品设计的本能反应或第一印象。这一层主要关注产品的外观,比如简洁的用户界面会让人感觉舒适,使用高饱和度的橙色会给人快乐、活力的感觉。

2、行为层

行为层是指用户在使用产品时,下意识地评估产品功能有没有满足TA的需求,这一层更加注重交互性、功能性、易用性及可用性的用户体验,能让自己的产品更加直观地展现出来,为用户带来愉快的产品体验。

3、反思层

这是情感化设计的最高层次,关注用户在使用产品后的情感和思考。设计师通过产品的品牌、故事和价值观等元素,激发用户的情感共鸣,从而建立深层次的情感连接。

接下来,我们就从这三个方面出发,看看设计师如何更好地把情感化设计应用在产品中。

二、如何做好情感化设计?

1、增强视觉吸引力

从本能层出发,产品设计师可以尽力给用户带来听觉、视觉上的感官刺激,促成用户与产品的 “一见钟情”。

视觉上,通过设计各种有效的视觉元素,引起用户的注意力。比如,使用合适的色彩,像蓝色一般用来传达安宁感和信任,红色来引起注意、警告等;创建清晰、直观、层次分明的布局或排版,让用户感到方便,从而提升用户体验等。

比如下面这个冥想App,UI界面简洁,绿色森林图片给人一种静谧感,非常舒适。

立即使用该模板:https://www.mockplus.cn/example/rp/100250

2、有趣的交互

通过优化产品的交互设计有效满足用户需求,使用户在使用过程中感到方便和高效,从而产生满足感和愉悦感。

比如微信读书首页,可以翻一翻获取好书,就像开盲盒一样,让用户感到好玩、惊喜,类似这种有趣的交互,一定能让用户对产品更有好感。

立即使用微信读书模板:https://www.mockplus.cn/example/rp/100053

3、及时反馈

及时反馈能消解用户的焦虑情绪,给用户满足感、获得感。比如,使用微信读书超过一半时,页面会显示剩余阅读量,并会根据你之前的阅读速度估算剩余时间,鼓励你继续读:外卖类产品会告诉用户外卖还有多久能送达,让用户对结果有心理预期,这就是在及时给与用户反馈,增加安全感(购物软件也一样)。

4、暖心提示设计

产品的温度很多时候体现在细节之处,这就需要产品经理和设计师对用户的行为进行预判和引导,利用细节处理打动用户,让用户对产品产生信任感和依赖感。

比如,抖音白天和夜间都会不定期温馨提示,让大家适当休息,养成健康作息习惯,这些细节会让用户感到被重视被关心。

5、个性化定制

通过提供个性化的服务和内容,使用户感受到产品对TA关注和重视,从而增强用户的满意度和忠诚度。比如QQ音乐、网易云音乐都能根据用户的喜好,为用户提供个性化的歌单和每日推荐。用户打开应用后,可以看到为自己量身定制的音乐内容,极大地提升了使用体验。

此外,网易云音乐还允许用户创建和分享自己的歌单,大大提升了用户对产品的归属感。

立即使用该模板:https://www.mockplus.cn/example/rp/100072

6、无障碍设计

情感化设计还体现在对不同用户群体的关照,比如老年人群,不仅要放大字体,还要关注老年人在视觉、听觉、行动等方面的能力减弱,更要考虑到老年群体的核心需求,在设计中注意减少不必要的信息,为老年群体提供核心界面功能,减少信息干扰。像微信就有青少年模式和关怀模式,照顾到了不同人群的需求。

再比如,高德地图切换视觉障碍模式后,可以清晰明了的向红绿色盲人群显示实时路况,在他们眼中地图就会与原始视图没有差别。这些都是情感化设计,让用户更舒心暖心。

7、别出心裁的创意设计

别出心裁的创意设计,能够赋予产品个性和灵气,让用户感受到它像是 “有血有肉的人”,而非冰冷的程序。这一点,Google浏览器做得相当棒,它首页的logo涂鸦经常会和当下事件相呼应,比如在某年的月全食时曾使用过下面这个变体,用户点击后还会跳转到与月食知识相关的百科页面。

这种创意设计甚至会给用户带来期待感,想要知道你的产品还能有什么花样。

8、其它打动用户的细节设计

情感化设计包含在产品的点点滴滴里,每一个环节、页面、按钮其实都可以应用情感化设计。比如大麦网的404页面,除了有明显的404标志来反馈当前的页面状态,还会显示为某个已故巨星的纪念页,情怀满满。

情感化设计,可以应用到网页或App很多页面设计中,以缓解用户负面情绪,更加高效的引导用户行为,并提升用户对品牌的认同感和忠诚度。比如,

其他的登录注册,引导,反馈,加载等页面的细节设计,也可以从用户角度出发,不仅能够缓解用户负面情绪,甚至还能打动用户,让原本冰冷的人机交互充满人情味,使用户不忍离开。

以上就是关于情感化设计的概念解析和案例分享看,希望能带给你一些灵感,让你的产品设计从此充满人情味!

最后,有大大大个福利送给你,全网最全产品设计AI学习资料免费领!只要花1分钟填写问卷就能免费领取啦!

1、产品经理必读的100本书

2、UI/UX设计师必读的115本书

3、30G互联网人知识礼包

4、50G热门流行的AI学习礼包

5、30G职场必备技能包

礼包资源持续更新,互联网行业知识一网打尽!礼包领取地址:

https://docs.qq.com/form/page/DUnJBTmF5RXdiYU9s

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/704518.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Postgresql源码(135)生成执行计划——Var的调整set_plan_references

1 总结 set_plan_references主要有两个功能: 拉平:生成拉平后的RTE列表(add_rtes_to_flat_rtable)。调整:调整前每一层计划中varno的引用都是相对于本层RTE的偏移量。放在一个整体计划后,需要指向一个统一…

【区块链】记账的千年演化:从泥板到区块链

🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 ​💫个人格言: "如无必要,勿增实体" 文章目录 记账的千年演化:从泥板到区块链引言一、古代记账:泥板与…

深度学习(三)——Transforms的使用

一、Transforms的结构及用法 导入transforms from torchvision import transforms作用:图片输入transforms后,可以得到一些预期的变换 1. Transforms的python用法 写在前面:tensor数据类型 通过transforms.ToTensor去说明两个问题&#…

如何更新 iOS 18 Beta 版本?具体步骤总结

如何更新 iOS 18 Beta 想必有一些用户已经迫不及待的想要知道怎么更新 iOS 18 Beta 版本了吧,下面就给大家总结了具体的操作步骤: 在更新 iOS 18 Beta 版本之前记得我们需要将手机的数据进行备份,大家可以自行选用备份软件比如 iCloud 等。…

vb.net小demo(计算器、文件处理等/C#也可看)

Demo1:使用窗体控件实现一个简易版计算器 Public Class Form1Private Sub Button_1_Click(sender As Object, e As EventArgs) Handles Button_1.ClickCalSubBox.Text Button_1.TextEnd SubPrivate Sub Button_2_Click(sender As Object, e As EventArgs) Handles …

使用RV1126交叉编译工具链交叉编译opencv,c++代码直接调用VideoCapture 读取摄像头数据

使用RV1126交叉编译工具链交叉编译opencv,rv1126直接调用VideoCapture 读取摄像头数据 前言环境一、ubantu安装二、交叉编译工具安装三、cmake升级四、ffmpeg安装五、opencv安装六、c代码测试(上板运行) 前言 交叉编译是一种将软件在操作系统…

超详解——​深入理解Python中的位运算与常用内置函数/模块——基础篇

目录 ​编辑 1.位运算 2.常用内置函数/模块 math模块 random模块 decimal模块 常用内置函数 3.深入理解和应用 位运算的实际应用 1.权限管理 2.位图 3.图像处理 2.math模块的高级应用 统计计算 几何计算 总结 1.位运算 位运算是对整数在内存中的二进制表示进行…

Android Uri转File path路径,Kotlin

Android Uri转File path路径,Kotlin /*** URI转化为file path路径*/private fun getFilePathFromURI(context: Context, contentURI: Uri): String? {val result: String?var cursor: Cursor? nulltry {cursor context.contentResolver.query(contentURI, null…

设计模式-创建型-04-建造者模式

1、盖房项目需求 1)需要建房子:这一过程为打桩、砌墙、封顶2)房子有各种各样的,比如普通房,高楼,别墅,各种房子的过程虽然一样,但是要求不要相同的3)请编写程序&#xf…

模拟信号转RS-485/232,数据采集A/D转换模块 YL21

特点: ● 模拟信号采集,隔离转换 RS-485/232输出 ● 采用12位AD转换器,测量精度优于0.1% ● 通过RS-485/232接口可以程控校准模块精度 ● 信号输入 / 输出之间隔离耐压3000VDC ● 宽电源供电范围:8 ~ 32VDC ● 可靠性高&…

【Axure高保真原型】拖拉拽动态编辑可视化页面

今天和大家分享拖拉拽动态编辑可视化页面的原型模板,我们可以拖动左侧工具列表的图表,添加到页面,可以多次添加,添加后可以拖动图表的位置,或者鼠标移入图表后点击delete键删除多余的图表,案例中提供10中常…

我国间二甲苯零售规模逐渐扩大 进口量有所下滑

我国间二甲苯零售规模逐渐扩大 进口量有所下滑 间二甲苯(MX)又称为1,3-二甲苯,是苯的两个氢基被两个甲基取代后形成的一种有机化合物。间二甲苯的化学方程式为C8H10,多表现为一种无色透明的液体,不溶于水,但…

Pikachu上的CSRF以及NSSCTF上的[NISACTF 2022]bingdundun~、 [SWPUCTF 2022 新生赛]xff

目录 一、CSRF CSRF(get) login CSRF(post) CSRF Token 二、CSRF的相关知识点 (1)什么是CSRF? (2)工作原理 (3)CSRF漏洞形成的条件 1、用户要在登录状态(即浏览器保存了该…

资源付费系统小程序APP公众号h5源码

🔐 揭秘“资源付费系统”:知识、技能与价值的交汇点 💎 🌟 引言:为何资源需要付费? 在数字化时代,我们周围充斥着大量的信息。但并非所有信息都具有同等的价值。其中,那些经过精心…

深度学习(四)——torchvision中数据集的使用

1. 参数详解 torchvision中每个数据集的参数都是大同小异的,这里只介绍CIFAR10数据集 该数据集的数据格式为PIL格式 class torchvision.datasets.CIFAR10(root:str,train:boolTrue,transform:Optional[Callable]None,target_transform:Optional[Callable]None,do…

Intel 8080接口与Motorola 6800接口定义与应用

本文介绍Intel 8080接口与Motorola 6800接口定义与应用。 Intel 8080接口与Motorola 6800接口是常用的并行总线接口,在MCU与外设直接的接口中经常用到,如MCU与LCD接口,MCU与FPGA之间的接口。本文介绍Intel 8080接口与Motorola 6800接口定义&…

R语言数据探索和分析23-公共物品问卷分析

第一次实验使用最基本的公共物品游戏,不外加其他的treatment。班里的学生4人一组,一共44/411组。一共玩20个回合的公共物品游戏。每回合给15秒做决定的时间。第十回合后,给大家放一个几分钟的“爱心”视频(链接如下)&a…

第一个Vue3.0应用程序

Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 1、准备工作 工欲善其事&#…

简单2招,学会文件粉碎!告别文件安全顾虑

在数字化时代,电脑文件中可能存储着大量的敏感信息,涉及个人隐私、财务数据等。为了更有效地保护这些信息不被滥用或泄露,我们需要更加安全的删除文件的方法。电脑文件粉碎是一种高级的文件删除技术,可以确保被删除的文件无法被恢…

多个协程操纵同一个数据2个锁【互斥锁】【读写锁】

golang中sync包实现了两种锁Mutex(互斥锁)和RWMutex(读写锁) 【1】互斥锁(和上厕所一样,用的时候把门锁上,不用的时候把门给关上) 其中Mutex为互斥锁,Lock()加锁,Unlock()解锁&#…