恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
交互设计师要懂的情感化设计
0.0°
2019-07-24 原创文章 教程 举报 3483 13 8 1

现在整个交互设计行业都在往用户体验要求靠拢,而情感化设计又是用户体验设计中极其重要的部分,今天便来简单的聊聊情感化设计。

      柏拉图曾说“人的行为就好比一辆有两匹马拉着的马车,一匹代表理智,另一匹就是情感。”现在整个交互设计行业都在往用户体验要求靠拢,而情感化设计又是用户体验设计中极其重要的部分,今天便来简单的聊聊情感化设计。

Image title


      Image title

      情感化设计是旨在抓住用户注意力、诱发情绪反应,以提高执行特定行为的可能性的设计,它能够缓解用户负面情绪,引导用户行为并给其留下深刻而美好的使用体验。其要求是基于不影响用户自身体验的前提下,增加产品的愉悦性,而加深用户对于产品的印象。

     情感化设计特点:

1,低频的。偶尔的、不经意间的情感化设计能够激发用户的使用情绪,可是过度的使用则会对用户使用产品造成干扰,甚至容易让用户产生厌倦和反感的情绪,因此需要把握好使用的度,不能为了耍技而滥用。

2,应存在性。产品中所有的情感化设计都是有理可循的,而非为了做到情感化而生硬的添加。因此要求高度贴合用户的使用场景和心智模型,不会让用户产生违和感。

3,共鸣性。这是情感化设计最基本的作用,设计不是自嗨,能真正和用户产生情感共鸣的设计才是好设计。

4,符合产品调性。越是轻松休闲的产品,越应该使用情感化设计来升华体验,最突出的便是游戏产品了,而比较严谨的B端产品,或者政府类型的产品,情感化设计可以存在,但必须得慎用。因此一个产品情感能容纳到哪个程度,是由其本身决定。

   Image title

按照产品给人的体验,可以将所有产品分为3类:有用、易用和好用。有用的产品能够基本满足用户的功能需求,易用的产品通过良好的交互设计使用户操作更加轻松方便,好用的产品能给用户留下很好的使用印象,使用情感化设计就是为了打造好用的产品。

Image title


我们在设计产品时,更建议是首先搭建完能满足基本需求的产品,梳理完一个简单轻松的操作流程后,再往上添加附带情感化的设计创意点。一步到位的隐患是容易造成设计者过早的陷入细节的推敲,而忽视了对产品基本功能的完善。

大家对游戏应该都不陌生,玩游戏时经常会解锁一些让人惊喜的包袱,这些是游戏设计者提前精心策划的,这些包袱让整款游戏看起来是耐玩的、高级的。万物皆游戏,我们在设计产品时也可以把自己比作一个游戏设计者,情感化设计便是一个个包袱,藏于各个位置,当玩家触发某个动作后,突然出现,给他们带来十足的惊喜!

  Image title


  Image title

只要贴合用户使用场景和心智模型,情感化设计可以存在于产品的任何位置,此处收集了经常出现情感化设计的十处运用,大家在设计这些模块时可以多想想创造情感化的可能。


1,视觉元素

将视觉元素放在第一位,是因为下面其他的情况都可以用到视觉图形来传递情感。图形比文字更加饱满,也更具有表现力,这是基础的美学认知。

引导页是用户打开app后看到的第一个页面,页面设计的好坏可能会影响一名用户会变成忠实粉丝还是直接卸载,此时及时的传递产品的温暖便是迫在眉睫的事。

登录页对于绝大多数产品都是必不可少的,但同时又是让用户感到反感的——用户感兴趣的只是产品的内容,而登录会很强烈的打断他们的操作,因此让用户在不产生烦躁的情绪下登录也是非常重要的。B站的登录页设计得就非常巧妙,默认进入时,22和33两位IP形象会以俯视的角度呆萌地看着你,而当用户在输入密码时,他们俩会乖巧地遮住眼睛,这非常符合此刻的用户诉求:密码是个人隐私,不希望被别人查看。

Image title


2,动效

动效是这几年比较流行的,相对其他的来说,动效的开发成本较大,目前最常见的底部导航栏中的添加按钮,点击后会唤出一个承载多个功能的新页面,例如微博、美图秀秀、百度贴吧等产品,这种方式很好的将高频且同类的操作集合于一个按钮下,即方便又节省页面的空间。

Image title

另一个相似的是动画。经过这几年移动设备设计风格的适应,人们或许已经对静态的图片不太感冒了,而以动态图像的方式去传递信息更容易让用户关注,最近网易云音乐越来越多的使用小动画的方式作为启动页,起到了很不错的效果。


3,品牌形象

品牌形象可以赋予企业独特的个性和特征,帮助品牌在竞争中脱颖而出,产品中也应该通过反复出现的IP形象来帮助用户建立品牌认知度、信任度。品牌形象中吉祥物俏皮的卡通造型可以完美和情感化设计做贴合,即可以加深用户的品牌认知,又让用户在使用过程中充满无穷的乐趣,相得益彰。阿里旗下闲置交易平台—闲鱼的IP形象即是一条鱼,相对应的产生了鱼塘、鱼贝等概念,并将用户拟化为捕猎的猫,整个品牌形象体系完整且丰富。

Image title


4,俏皮文案

好的产品,能和用户对话,而文案便是最直接的对话方式,存在于各个角落。好的文案能够瞬间拉近产品与人的距离,让用户会觉得这真是个有趣的产品。关于写文案的技巧是,在书写时把用户假想成你的闺蜜或者死党,他们在使用这个产品时,我们应该说什么样的话来引导他们呢?比如购物车处于空置状态,我会对他/她说:“我猜你是一个无欲无求的人”,如果还没有关注任何人,我又会对他/她说:“世界不止眼前和苟且,但你却还没打开门帘”。把现实里说的话引入到产品中,让产品更加“人性化”,要是文案再能引用一些时下热点就更好啦~


5,表单填写

表单一定是一款产品中最无聊最枯燥最乏味的部分了,用户对照要求按部就班的填写自己的信息,就本身来说无法从中获得任何乐趣,但我们却可以通过情感化设计,使整个过程变得有趣贴心。etterment的注册流程中,用户输入完出生年月日之后会在时间下面显示还剩多少天过生日,生日对于每个人都是意义非凡的一天,这样一个非常低的开发成本便能给用户带来很好的关怀体验。同理,在选择职位后,若选择“产品经理”,旁边可以给个备注:“产品背锅侠”,若选择“视觉设计师”,可以备注:“通宵加班狗”等等,只要用心做,再枯燥的表单也能赋予其无穷的乐趣。


Image title


6,组件变形

很多默认的系统组件,多花点时间设计和开发都是可以做出情感化的,例如加载条、提示框等,游戏产品里更是如此。B站的弹窗顶部使用的卡通形象,腾讯体育里下拉刷新的投篮入框小动画,这些都是很不错的例子。

Image title


7,目标输入

若用户在输入后能还原其心智模型,便可以获得极大的满足感。比如百度在输入“黑洞”后,会真的出现一个黑洞把文字图片全部吸走,输入“duang”后,又会有屏幕摇摆的动效;QQ早就在玩这类设计了,在输入“么么哒”或者“生日快乐”等后,会满屏的掉下相对应的表情,非常符合当时用户的心境,给他们带来了十足的惊喜。

Image title


8,行为引导

我们做产品在提供用户足够多的探索空间外,还会有引导用户行为的需求,其有助于功能的推广、产品转化率的提升等目的。相比其他原生的引导好评弹窗,喜马拉雅一只苦苦哀求的大眼猫萌坏了咱们的用户,看到这样可爱的形象肯定都忍不住想给她一个大大的好评。网易云音乐在卸载时会有一个哭泣的红脸,能有效的唤起用户的同情心,数据证明用户在此页面的反悔卸载率远远高于普通的二次确认弹窗。

Image title


9,获得反馈

操作反馈普遍存在于产品各个交互细节中,是产品回应用户操作最常见的方式。报错页、缺省页都是系统反馈的形式,当用户未能成功完成自己的操作时心情可能会变得沮丧,这时相比冰冷无情的系统弹窗,精美设计的反馈可以有效缓解用户的负面情绪。加载页也是系统反馈形式,有研究称,大多数用户在一个无提示页面等待超过2秒钟都会直接把它关闭,而因为网络或者服务器等各个原因加载却又是不可避免的,此时好的加载页设计就能够吸引用户注意从而缓解焦虑的心情。美团的加载页便是一个袋鼠快递员在马不停蹄的骑车,传递给人一种“别着急,我正在努力加载中,稍等我一下!”的意思。

Image title


10,情感化功能

有的功能本身就是为了唤起用户情感而设立的,比如最近6月初时淘宝的叠猫猫大挑战,两队的人化身为猫来叠罗汉,看哪方叠的高就可以获胜并获得奖励,期间大家会拼命的拉好友来加入,玩的十分投入;QQ个人主页的点赞功能也是一例,用户可以每天给每一位好友点赞10次,为什么是每天10次而不是每天只能一次呢?一是通过10次机会来让用户拉开点赞数,形成可能的竞争,另外连续点十次的动效做的非常有趣,会有点赞图标连续蹦出,给人很好的体验。

Image title



综上看,情感化可以存在于产品的方方面面,任何一个交互细节都可以做到情感化设计,但是终归还是得遵循低频的特点,只有用的好,用的精,才能给用户带来惊喜,才能让用户对自己的产品爱不释手。

更新:2019-07-24

收藏

13人已收藏

D.

  • 4

    作品

  • 10

    粉丝

  • 16

    关注

  • 游戏交互如何提升用户体验
  • 交互设计师要懂的产品思维
  • 交互设计初体验

    猜你喜欢

      2019-07-24 原创文章 教程 举报 3483 13 8 1

      交互设计师要懂的情感化设计

      0.0°

      你确定要举报交互设计师要懂的情感化设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年07月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      13
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录