情感化设计对互联网产品的启发

1356491380

 

“产品具有好的功能是重要的;产品让人易学会用也是重要的;但更重要的是,这个产品要能使人感到愉悦。”

     

美国认知心理学家Donald Norman在2002年提出产品设计的”情感化“理念,随着“体验经济时代”来临,“情感化”业已成为当前互联网产品主要的设计趋势之一。从心理学角度 分析,情感是人格的核心,产品真正的价值在于满足人们情感需求,带给人们内心愉悦的审美体验。我们应从“功能控“思维怪圈中出逃,将注意力转移到用户的情感化需求,将情感化设计融入到产品中,达到美感和可用性的统一,使”有魅力的物品更好用“。

 

那我们在设计时该如何进行情感化设计?本文从情感化设计认知模型出发,解析引发愉悦情感化设计的元素。

什么是情感化设计认知模型?

1356492285

 

 

情感化设计认知模型认为:情感通过个体对生理唤起的评价和对环境感知而产生,情感化设计核心主要在于引发用户认知愉悦从而为用户带来积极的情绪体验。其中愉悦元素包括:

 

 1、 可控感

社会心理学家塞利格满(Martin E.P. Seligman)指出人们对外部世界的控制感能带来积极的情绪体验,也更愿意接受挑战和尝试新鲜事物。调查显示,在界面无提示情况下,80%用户等待超 过2秒后会立即关闭窗口,但如果界面有等待提示一类的文字,则会极大的降低用户离开的机率。等待提示增加用户对当前界面状态的可控感,减弱用户对等待时间 的感知,增加用户留存的可能性。在用户界面设计时,我们可以通过设计进度条、及时的错误提示和等待提醒等,让用户明确感知当前界面状态,产生可控感,形成 操作预期,减少迷茫和等待,引导用户继续操作。

1356492286

 

1356492317

 

 

 

2、社会互动

著名的社会心理学家奥尔波特曾以“社会性动物”来指称人类,因为社会性是人的基本属性。通过社会互动可以满足个体的归属感、尊重感,甚至可以自我实 现。微博、论坛、微信、陌陌等建立在“强弱关系”理论基础上的热门应用成为现代社会新型社会互动变式。在交互设计中,我们运用社会互动因素,可极大提升用 户界面的参与感和趣味性。一般形式多为参与和共鸣

1356492289

 

 

1)  参与

用户积极参与到当前界面内容,完成操作。需要注意的是,我们应该吸引用户参与,但应引导用户适度参与,否则会导致用户疲劳或者产生挫败感。 我们在线购买商业保险时,保险公司为避免客户     需求与营销套餐的不匹配,通常会让客户自行选择或填写客户的现实情况,按照客户的实情来计算投保金额。这种模式能积极调动用户参与到保险方案的制定过程 中,避免用户因营销方案不匹配或者     对保险公司商业营销的不信任心理而放弃,使得客户投保行为能顺利进行,促成的投保方案适用划算。但需要注意的是在这一过程中,不可设置过多的项目让用户选 择或填写,用户很可能在选择或填     写中途放弃。对于一些选项,可以在调研的基础上给予默认设定,减少用户时间,增加成功交易的概率。

1356492293

 

 

2)  共鸣

用户看到界面即能产生强烈的认同感和情绪体验,用户与界面产生情感互动,引导用户积极操作。一般多以新鲜、时尚、热门、搞笑等形式为主,这些形式 非常切合当前年轻用户的心态。比如百度     首页会经常根据一些热门事件或者节日进行更新,采用涂鸦、动画、图片等形式,受到用户欢迎。这种方式迎合当前用户的“热闹”心态,还能让用户更深层次的认 同产品品牌和文化,而这正是增加用     户留存的必备利器。

1356492291

 

 

 3、社会参照

当婴儿处于陌生的、不确定的情境时,他们往往从成人的面孔上搜寻表情信息,然后再采取相应的行动或作出相应的反应。这种进化而来的认知方式称为社会 性参照。“信息爆炸”的时代,我们常面对各种复杂或者矛盾的信息,认知心理研究指出人是“认知吝啬鬼”,大多数人都希望付出较少认知资源获取最大的回报, 而社会性参照通过参考他人的信息,获取有效的信息资源,即便出现错误,但是由于他人也一样,能极大缓冲错误信息带来的伤害。这种方式在商业产品运用较多, 形式大多为品牌关联和他人记录

 

1)  品牌关联

将其他品牌logo运用到自己网站中,人们会将对其他品牌的评价移植到该品牌上,决策时会不自觉的参考对其他品牌的感受和评价。比如某在线保险商城 在首页不仅给出了各项保险的内容,同时还将这些保险公司的logo引入到网站较显著的位置,用户在该商城购买保险的时候会受到原来对其他保险公司印象影 响,比如A原来在B公司买过保险,当他看到B公司的logo时会增加对该商城的好感,增加交易的概率。

1356492284

 

 

2)  他人记录

一般通过实时滚动购买记录或数量,给用户心理上带来强大的从众压力。而在这种从众压力情境下,用户通常的心理感受是:“别人都用,肯定没什么大问 题”;“别人都用,而我不用,我out啦”。毫无疑问,这种心理感受的极大刺激客户购买的冲动。而实时滚动购买记录(或剩余时间)能给用户心理上带来较大 紧迫感,让用户感觉“过了这村就没那店”,催促用户快速促成完成交易。从前段时间闹出的“团购网站在团购数量上作弊”新闻中,我们也可见他人记录对用户购 买决策行为的意义非同一般。1356492290

 

 

 

4、可用性

Jacob Nielsen(1995)提出“可用性”概念,产品可用性是建立在用户的感知特点、认知模式、人格特征等基础上,让设计尊重用户的心理模型,让用户“好 用、易用“产品。可用性强的界面不仅方便用户操作,带给用户积极情感体验;同时还为企业带来不可估量的商业价值。一位可用性测试专家根据可用性测试结果, 花了一小时重新设计出一种简单的拨号界面,提高界面可用性,使用户拨每位号码的拨号操作时间缩短了0.15秒,每年为企业在减少中央交换机需求方面节省了 近100万美元(Fisher & Sless ,1990)。

 

用研人员经常遇到客户在访谈过程中频繁提及“这个提示我没看见”“我不知道可以这样操作”“要点几次,好麻烦“等,这些原因往往会造成用户弃用。 Nielsen指出用户的痛点大都跟界面的可用性有关,而可用性是一种纯主观的心理感受,不可触摸,很难直接测试。他将用户的主观心理感受拆分为几个关键 的可观察、可操作、可度量的指标,通过观察用户在这些指标上的变化来对产品的用户体验进行总体的评估,这种方法就是“可用性测试(Usability Testing)”。当前我们注意到界面可用性的价值和意义,但在应用设计和开发过程中缺乏或弱化了可用性测试。在”敏捷开发“快速迭代模式下,企业为快 速推出产品抢占市场,对产品可用性重视度不足,虽然在一定程度上能赢得用户市场;但产品可用性不强,输掉了用户口碑,往往得不偿失。

 

除此之外

情感化设计元素还包括挑战、发现、口语化、成就感、流畅体验等,它们都能为用户带来愉悦认知,在使用产品的过程中产生积极情感体验。设计们可以在用户界面的视觉层面和交互层面纳入这些情感化设计元素,让用户感受到产品的用心,更重要的是“贴心”。

 

柏拉图曾说“人的行为就好比一辆有两匹马拉着的马车,一匹代表理智,另一匹就是情感。”现在业界大力提倡“用户体验“,但我们的“用户体验“更偏重 产品的功能性需求,而对用户的情感性需求熟视无睹。这好比柏拉图的”马车“,如果我们不重视”情感“这匹马,终究我们会迷失在路途中,找不到产品的出口。

文章来自《百度搜索用户体验中心》

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/1169/

(0)
iouedioued
上一篇 2014-10-31
下一篇 2014-11-05

相关推荐

  • 2017赶集招聘节项目总结:建一座招聘之城

    为了在“金三银四”抢占先机,向本站导流,最重要的,是为了向广大蓝领招聘群体营造有趣、可信的平台,输出赶集优秀的设计价值和体验,我们3个设计师进行了各个维度的配合。注:视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的有景深的视觉体验。作为近年网页设计的热点趋势,越来越多的网站应用了这项技术。

    2017-04-30
  • 设计心理学 | 设计中的防呆设计

    最近读到设计心理学的再次接触到防呆设计的概念,联系交互设计做一些总结。

    2017-05-25
  • 【STARCAST】用Sketch表现不了的"孝敏"清纯日常画报

    ——还没关注?点击上方蓝字——大家好。STARCAST的家族们!!!!!!我们孝敏终于携Sketch回归了,这是她的第4次STARCAST!如果觉得我们孝敏已经展示了她的全部,那你就错了!她还有很多都没有展示给大家哦!今天就为大家送上,脸也没法用Sketch来表现,身材也没法用Sketch来表现的孝敏隐藏的一面,就像日常生活一样的画报,就像画报一样的日常生活照!这个秘密只告诉STARCAST 家族的大家哦,不是秘密>.大家已经开始紧张了...

    2018-03-02
  • 梦想成为“全栈设计师”的你,可能需要这份视觉设计知识体系规划书

    此文主要适读人群:梦想成为“全栈设计师”的你(偏向移动端产品)!当然设计都是相通的,即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看,相信你也可以有所收获!1、对app基础控件的认知
    2、字体
    3、配色
    4、图标设计
    5、标注与切图规范
    6、排版的基础原则
    7、简单的动效设计
    8、走察规范
    9、交互常识
    10、项目文件管理
    11、个人素材、资源库
    12、开发常识
    13、数据分析能力
    14、产品常识
    15、用研常识

    2017-05-10
  • 译文|界面设计中,关于字体设计的10 个锦囊

    字体作为界面设计的一个元素,对用户的阅读体验起着至关重要的作用。本文是 UI 设计师 Viljami Salminen 分享的用户界面字体设计的基本规则和技巧。一个优秀的设计师懂得:网页上的文字不仅仅作为内容而存在,它还是用来交互的界面。
    – Oliver Reichenstein
    Helvetica 真的弱爆了。它不是为小屏显示而设计的。像「milliliter」这样的单词显示效果就很差。
    – Erik Spiekermann

    2017-05-22
  • Sketch入门教程,教你4步打造完美投影

    经常逛Dribbble,Behance还有很多外国设计网站的小伙们应该都会发现,流行了一阵子的扁平化风都带有一个很清爽的投影(diffused drop shadow)。比如像这样的这样的还有这样小伙伴们有没有自己尝试过去做呢?会不会觉得很简单?确实,使用Sketch的小伙伴儿们应该都知道,Sketch添加投影的方法超级简单,旁边Shadows按钮一点击,就添加了一个投影。但有个问题是,Sketch的投影不是很好控制,容易做出这种四周黑...

    2018-04-16
  • 交互设计的3大要素:用户、目标、行为

    交互的三要素:用户、目标、行为 讲个故事,小鹏是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小鹏想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢…

    2016-05-08
  • IxD-IxDSchool百科

    IxD Interaction design  交互设计 很多人在问:IxD是什么意思?,IxD中文意思是交互设计 国外一般称之UX或IaD,国内一般称为交互/交互设计 标签:IxD是什么意思  

    交互设计 2015-01-05
  • 以文本框为例,了解交互设计师在工作中的逻辑思考方法

    文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到交互设计师在工作中的逻辑思考方法,从而达到见微知著的直观感受。

    2017-05-17
  • 外媒盘点:2014 年最佳 UI&UX 设计

    外媒 fastcodesign 就盘点了 2014 年最佳 UI&UX 设计,这其中有几款设计让人眼界大开,我们一起来看看吧。 GravitySketch 3D 虚拟画板 GravitySketch 让设计师们随时随地"凭空工作"成为了可能。使用者需要戴上 …

    2015-02-04