随着科技的发展,对于交互式UI设计的要求已经提高了一个档次。我们知道机器程序是没有情感的,但是通过UI交互设计让程序界面展现出情感化的东西就变得尤为重要了!
此前,有人提出过让「感官」重新被发现的概念,设计师应先不要急着画草图,而是先想想使用者的「感受」。 随着U设计领域的日益成熟,设计师们已经不只是单纯地做视觉上的设计,更注重对用户「感受」的研究,通过情感化设计来修正用户的知觉、决策和行为。

什么是情感化设计?

提到情感化设计,可能大多数人,包括我在内,一开始想到的都是一些通过插画和微交互等技法,运用在登录提示、异常状态等界面的-种设计。但这只是情感化设计中的一种,单单停留在视觉层级上。
了解情感化设计之前,我们先了解一下何为情感。 情感是人对外界事物作用于自身时的-种生理反应,是由需求和期望决定的。当这种需求和期望得到满足时会产生愉悦、喜爱的情感,反之,在得不到满足时会散发苦恼、厌恶的情绪。

因此,情感化设计是设计师基于满足产品的功能性和易用性后,在了解产品逻辑,全面分析理解产品的前提下,设计出既不影响产品功能,又能满足用户更高层级的需求和期望的一种创意表达工具。
早在2002年,美国著名认知心理学家唐纳德A.诺曼(Donald Arthur Norman)教授就提出了这一概念,他将产品特质划分为功能性、有用性、易用性和愉悦性四个层面、由低到高,而代表着愉悦性的情感化设计则处于顶端位置。
既然情感化设计的地位如此之高,那么它能帮我们的设计带来什么呢?我将其总结为以下三个方面:

1.赋予产品情感,增加用户粘性

人类是社会性的动物,随时做好了跟人互动的准备。这也导致了我们本能的对一些无生命物体作出一种自发的诠释机制,即拟人化。我们将人类的动机、信仰和感情赋予这些无生命物体,使其能与我们互动。
因此亲情感化设计赋予了产品拟人化的情感,让产品能通过设计达到与用户互动的目的,使用户感觉到产品的温度,而不是冷冰冰的电子工具。例如,登录站酷APP时,会显示“你好,欢迎来到站酷”,感觉像去到某家实体店购物时店员跟你打招呼的熟悉感。同样的,优酷APP使用卡通IP形象“候三迷?塑造了-个助手的形象,帮助你了解APP功能。这些都是将拟人化的情感赋予产品,让用户在使用的过程中感到有趣,引发用户继续使用的探索欲望。

2.树立品牌形象,增强用户认知

如上面所提到的优酷APP小助手“候三迷”的猴子形象,就是优酷对于自身品牌形象的塑造。吉祥物的概念早已深入人心,这不仅仅存在于互联网行业,休斯顿火箭队的火箭熊、北京奥运会的福娃、日本熊本县的熊本熊等等,都是对于利用吉祥物树立品牌形象的运用。
在互联网时代,大家都喜欢蠢萌一点的东西。 这些有趣的动物或非动物形象看似设计简单,实际上能够很好地传递品牌理念、塑造积极的品牌形象。而且蠢萌的形象不仅更加亲民接地气,还容易让用户理解产品,形成情感链接。同时赋予这些形象情感和延展,在不知不觉中遍布人们的生活,使用户感觉到产品的生机和活力。
例如,QQ的企鹅、天猫的跪拜猫、京东的Joy狗、苏宁的小狮子、知乎的刘看山、小米的米兔等等。都非常成功地将IP形象塑造成品牌形象,井融入到人们的日常生活中,在人们的心中留下了非常深刻的印象。

3.引导用户操作,达成设计目的

美国作家史蒂夫.克鲁格(Steve Krug)在他的著作《Don’t Make Me Think》提到设计者应该先知先觉,要真正站在-一个小白 用户的角度上思考,做到让用户每次点击都无须思考。
那么我们在给出用户点击选项的同时,我们可以通过情感化设计的方式,引导去做一些本来不想做,或者还没想去做, 甚至不知道怎么去做的操作。例如,下方左图喜马拉雅FM的APP通过-一个可怜兮兮的萌猫形象和暗示研发人员的辛苦加班优化产品的文案,引发用户的同情心。从而使可能那些本来无意去应用商店评论的用户前往评论,甚至给出好评。右图脉脉APP也是同理,利用试用期引发用户同情心给出好评。

什么是情感化设计?UI设计中情感化设计的目的相关推荐

  1. MATLAB AppDesigner 设计UI界面中调用自定义函数

    在MATLAB AppDesigner设计UI界面过程中,如果直接在APPDesigner代码编辑框中编写代码,如代码量较大,会导致代码混乱的问题.使用调用函数的方法能够解决该问题. 本文将介绍MAT ...

  2. UI 自动化中的分层设计

    背景 2,3 年前更写过一些 UI 自动化的相关文章, 包括一些设计原则,怎么设计划分页面封装, 常用的设计模式等. 但是没有详细描述 UI 自动化中的分层理念, 赶上最近在新项目里做 UI 自动化测 ...

  3. UI界面中的图标设计趋势与最佳实践

    作为UI设计师,在日常的工作中,避免不了做图标规范.今天跟大家聊一聊,UI设计中的图标设计. 规范的重要性不用多说了,没有规范多个设计师绘制的图标会有很多差异,描边粗细.角度.圆角度等等.今天的文章和 ...

  4. UI自动化中的分层设计

    分享一个大牛的人工智能教程.零基础!通俗易懂!风趣幽默!希望你也加入到人工智能的队伍中来!请轻击http://www.captainbed.net 以前的设计 在过去 UI 自动化测试领域有一个规范的 ...

  5. mysql表设计讲解_MySQL中数据库的设计归纳讲解

    谈到MySQL中数据库的设计,相信大家都知道这是实现实际业务的重要一步,因此对于Java学习者来说,深入了解和学习数据库的设计是十分有必要的.本文为大家准备了一份MySQL中数据库的设计归纳讲解,内容 ...

  6. 【论文写作】客户端设计与实现中各模块设计如何写

    4 FTP软件详细设计与实现 4.1软件总体分析与设计 根据需求分析,按照系统开发的基本观点对功能进行分解,从功能上可对模块作如下划分: 1.连接管理模块:主要完成主机与服务器之间的连接与关闭操作. ...

  7. ios双指放大缩小_用PS设计APP过程中改进IOS设计流程的30个秘诀

    设计是一个漫长和痛苦的过程,期间可以用点技巧来减少痛苦,30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可 ...

  8. APP设计UI优秀案例|价格标签这样设计才更直观!

    当服务类网页中要表现多个套餐选项时,如何设计同类标签才更加直观? 集设网www.ijishe.com社区带来优秀的价签设计案例,能够简化操作逻辑,在不经意间给用 户惊喜!

  9. java中为什么设计包装类,Java 中为什么要设计包装类

    最近文章更新频率慢了,因为最近在准备暑期实习,之前寻思着一边复习一边写文章,两全其美.后来发现一篇读起来比较舒服的文章写出来加上配图得花上四五个小时甚至更多,但这个知识点我可能半个小时就能复习完了,春 ...

  10. J2EE项目中异常的设计与处理

    异常设计 0.J2EE中的异常设计3层结构 Dao,Service,Controller异常处理原则:应该在Controller控制转发之前尽量处理,同时记录log日志,然后在页面以友好的错误提示告诉 ...

最新文章

  1. 【ACM】杭电OJ 2010
  2. java 两个数交换问题
  3. B-树的一点既不形象又不恰当的比喻
  4. CSS3的过渡和动画
  5. QT | QT MSVC 2015 + VS 2015开发环境配置及GIT设置
  6. PlentyOfFish.com .NET网站的又一传奇
  7. 前端QRCode.js生成二维码(解决长字符串模块和报错问题)
  8. 别让腾讯“科技向善”太孤独!
  9. Authentication failed for 错误
  10. win10系统下安装基于虚拟机的32位XP系统
  11. gentoo适合做服务器系统吗,Mandriva、Gentoo发行版
  12. 凡客的面试:Web前端开发
  13. xcode14 Command Swift Driver Compilation Requirements emitted errors but did not ret
  14. 苹果手机各种型号图片_一图看懂iPhone各机型机身尺寸大小对比!
  15. 如何完成一次 git pr
  16. RGB565转RGB888
  17. HTML+CSS+JS实现昆明蓝光天骄城烂尾楼业主信息收集页面(前段页面展示之HTML)
  18. 用js将待签名数据以UTF-8的格式转字节流,对字节流进行MD5算法得到的签名字节流,再经过Base64转换为字符串
  19. HTML5设计原理-------Jeremy Keith在 Fronteers 2010 上的主题演讲
  20. pima-indians-diabetes

热门文章

  1. 机器学习中的多分类任务详解
  2. php fpm 504,php进程超时接口返回504错误分析
  3. 基于Esp8266的远程开机棒设计和实现
  4. python中将奇数和偶数分列
  5. POJ 3083 dfs + bfs
  6. 【转载】52nlp博客上的资源
  7. 高性能Web架构设计方案
  8. 微软Windows的 EAPHost 简介
  9. 让你快速了解外汇EA
  10. 七、手把手教你搭建SpringCloudAlibaba之Sentinel实现流量控制