情感化设计—“愉悦性”的陷阱

说起“愉悦性”,我们通常会想到一些让人感到温暖、开心的东西,譬如毛绒玩具、纸杯蛋糕、拥抱,等等。

不过,具有愉悦性的事物在某些情况下同样会带来负面效应。某些笑话可能冒犯到他人,温馨的广告可能误导部分观众,即便是可爱的音效也会因为运用不当而使人抓狂。

在UX领域,我们总会对那些体现着愉悦性的设计细节赞赏有加;而另一方面,对其负面效应的了解也将有助于我们更好、更全面的掌握这一设计原则,避开陷阱。

增加认知负荷与交互成本

一旦运用不当,意在愉悦用户的界面元素反而可能破坏可用性,增加界面的认知负荷及交互成本。

来看著名日料Morimoto的网站 - 简直是过度追求视效及愉悦性,置可用性而不顾的典范 - 穷极所能在每一个元素当中体现着“设计感”,最终结果便是信息难以获取,操作难以进行。

01-delightful-design-ux-ui

  • 导航菜单被分割成两部分,倾斜放置,难以阅读和点击。
  • 菜单项展开和关闭的动效飘忽而冗长。
  • 图形元素会随着鼠标的移动而游走,干扰视线。
  • 背景音乐自动播放,无论你喜欢与否。

视觉表现层面的愉悦性可以为产品赋予生命与性格,使品牌形象更加生动饱满。然而一旦处理不当,愉悦性反而会破坏产品最基本的可用性,阻碍用户获取信息、完成任务。

审美疲劳

“惊喜”是构建愉悦体验的关键要素。新鲜的、不期而遇的美好事物总会让人感到开心。

我还记得第一次启动自己的安卓手机,看到这些彩色图形精妙的变化成“Android”字样时的兴奋感。当时我觉得这是我见过的最酷的启动动画了。

02-delightful-design-ux-ui

 

03-delightful-design-ux-ui

 

 

04-delightful-design-ux-ui

 

过了一段时间,新鲜感褪去,每每再看到这个动画,我已经不会有任何兴奋和愉悦的感觉了,曾经的惊喜也沦为寻常。

通常情况下,愉悦感都会随着时间而渐渐淡化,你能想到的最为精彩出奇的细节表现也只会在最初的一段时间内给人以新鲜感,而维系的方式似乎只有在情感化的方向上一遍又一遍的重设计。

愉悦的定义是主观的

见过那些试图融入幽默元素的出错页面?本质上讲,这种做法相当于在很坏的状况下通过开玩笑来缓解尴尬。通常,在人们试图获取信息、保存数据或完成任务却遭遇意外状况而导致失败的时候,任何带有“搞笑”味道的反馈信息都会显得缺乏同情心,用户很可能感到被冒犯,甚至因此被激怒。

此外,“愉悦”的定义也因人而异。在一部分人看来十分新鲜有趣的东西,对另一部分人可能会很糟。普遍适用的愉悦标准几乎是不存在的,“情感化”是一个复杂地带,良好的设计初衷未必如愿带来正面的结果。

 

05-delightful-design-ux-ui

                                                                                                                                                                                                                                                                                        有趣还是可怕?

扩展性有限

随着用户增长及群体扩大,愉悦性的问题会变得越发棘手。在小品牌、小产品当中尝试一些创意性的、愉悦性的设计路线,或许尚可;一旦用户群体的构成走向复杂化,试图取悦众人的设计目标会越发难以实现。

不妨比较一下世界级大厂与相对较小的品牌在文案策略方面的差异:

 

06-delightful-design-ux-ui

 

07-delightful-design-ux-ui

 

08-delightful-design-ux-ui

 

 

总体上讲,大厂更倾向于使用简单明了、约定俗成的文案风格,因为对于世界级的品牌来说,这是最为安全的策略。简练、直白、表意准确的语言更容易被本地化,出现歧义的可能性较低。

而右侧这些品牌的文案风格,在我个人看来确实更生动、更有意思一些,但他们所针对的也是更为特定的、范围相对较小的群体。如果你并非受众之一,恐怕不会像我这样觉得有意思。

安全的愉悦性策略

到目前为止,你已经对愉悦性的负面效应有所了解了。挑战和风险确实存在,但这并不意味着你需要彻底规避这个概念 - 关键在于识别一些适合承载愉悦体验的时间点。

我所学到的一点是,在那些用户不常见到的界面当中尝试愉悦性元素是最为安全的,譬如:

  • app启动页面
  • 帐号设置成功页面
  • 新功能游历
  • 用户初次完成某个重要操作之后的反馈页面
  • 空状态页面

这些状态通常只会被体验一次,情境都以正面情绪为主,无需担心反复无趣或是恼人一类的问题。

所以我们时常在新手引导流程当中看到一些有意思的表现形式,例如改版后的Google Sites。这类产品环境当中的多数页面都很简单直白,高度聚焦于任务,没有多余的元素干扰流程,只有在这些“一次性”的环节当中给人以惊喜,通过引发情感共鸣来促进信息的传递。

09-delightful-design-ux-ui

坦诚的讲,我自己也仍在摸索着愉悦性的运用方式,毕竟这是一个很主观的概念,任何绝对化的规则都难以成立。理想化的目标是整理出一套详尽而实用的设计指南,关于何时使用愉悦性元素,何时避免,一目了然 - 但这事比我想象的要难很多 - 毕竟,对于如此抽象和感性的概念,恐怕每个人心中都会有着不同的定义。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 交互设计师、猫奴、吉他手、鼓手、老狗,现就职于腾讯ISUX(上海)

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/18844/

(0)
Smiler李想Smiler李想
上一篇 2016-11-21 10:59
下一篇 2016-11-30 16:07

相关推荐

  • ux设计师应该经常说 “不知道,看情况” ?

    怕是入冬前最后一个温暖的周末?下午四点不到,已经眼见着阳光开始暗淡下来,那团柔和的光亮向着西边的天际线渐渐沉去,挂在床头的麻叶头巾与美国国旗在夕阳的映照下显得有些乖巧。 在一个天气仿佛文科班姑娘难以名…

    2016-11-30
  • UE网APP现已发布:UE小组,致力于自学UE。

    UE小组是为:ue自学者提供一个自学UE的渠道和平台,希望能帮助到大家 UE小组的官网:UE小组 豌豆荚、360市场也可直接搜索“UE小组” 进行下载 现在支持安卓版本,稍晚些支持IOS,请广大苹果用户持续关注。 IOS和安卓…

    2015-05-27
  • 2016用户体验行业调查报告

    2016年4月起, CDC通过腾讯问卷调查平台对1580名从事用户体验行业的从业人员进行在线调查,系统全面地分析了用户体验行业的整体情况,发布《2016年用户体验行 业调查报告》。本次调查对象包括视觉设计、交互设计、…

    2016-07-07
  • UED设计流程与原则

    UED设计流程在各个公司之间可能存在不同,国内的设计师在知乎社区上讨论了各自公司(包括腾讯、百度等)的UED设计原则、流程等,其中的经验值得读者借鉴。 来自腾讯的交互设计师eviliu强调设计流程主要考虑两方面的问…

    交互设计 2015-04-20
  • 设计效果评估及产品迭代-有理有据做设计

    近期关注了几篇关于考核产品效果的文章,话题都是围绕如何权衡“数据指标”和“用户体验”。本人更认可的是Facebook总监的说法“ 数据目标是很有用的,但它和用户体验不应陷入永久的竞争对立局面 ”。在我们评估设计效果…

    2017-03-08
  • 2017年即将流行的9大UX设计趋势

    用户体验设计在即将到来的2017年会有怎样的发展呢?我们不妨通过回顾2016年UX领域的变化来展望未来一年用户体验领域的发展趋势。 1. 可用性是UX设计的重心 设计模式依然很重要。越来越多的设计师开始依赖强健而完善…

    2017-02-08
  • 用户体验设计中最容易犯的六种错

    【文章摘要】用户体验设计需要你作出艰难的决定,成为优秀的设计师并不容易,你需要从错误中不断汲取经验教训,成就自己。人们总是犯着类似的错误,新的思路听起来很不错,但是并不足以成为用户体验设计的标准,但…

    2015-11-05
  • [自译]移动UX设计:怎么做一个优秀的Notification?

    原文链接:Mobile UX Design: What Makes a Good Notification? 原文作者:Nick Babich 移动UX设计:怎么做一个优秀的Notification? 你有没有关注过,一天当中会从各种日常app收到多少的通知和警告消息?这其中又有…

    2016-07-15
  • UX的设计灵感从哪里来?——看看Megan Wilson的采访

    Megan Wilson是一位资深的用户体验师和UX Motel的专业编辑。同时她是ux.walkme.com网站UX专栏作家,在Facebook、领英有大量粉丝。和一般介绍性的文章不同,她喜欢用访谈的方式来发表UX方面的文章,这样的文章,有很…

    2023-03-03
  • 将After Effects整合到用户体验工作流程里去。

    A UX WORKFLOW 网页设计过渡和动画,像视差滚动,隐藏导航,刷卡,拉来刷新,转换或真的任何UI过渡,高级动态原型在After Effects中进行设计。在这篇文章中,我们将介绍如何适应动效应到您的工作流程UX工作流程,我…

    2015-06-23