用户体验丨聊聊UX设计细节之“愉悦性”的陷阱

2016/11/25

pleasant-ux-design-myth-1

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

欢迎关注译者(高级交互设计师、猫奴、吉他手、鼓手、老狗、单身,现就职于腾讯ISUX)的微信公众号:Beforweb

这儿有他的访谈:《优设访谈!腾讯高级交互设计师C7210的十年设计路》

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

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

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

增加认知负荷与交互成本

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

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

uisdc-2016112512

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

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

审美疲劳

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

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

uisdc-2016112513

uisdc-2016112514 uisdc-2016112515

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

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

愉悦的定义是主观的

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

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

uisdc-2016112516

有趣还是可怕?

扩展性有限

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

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

uisdc-2016112517

Microsoft Teams vs. Slack

07-delightful-design-ux-ui

Google Docs vs. Quip

08-delightful-design-ux-ui

Eventbrite vs. Splash

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

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

安全的愉悦性策略

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

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

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

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

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

uisdc-2016112518

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

「最全面的VR设计好文合集」

  1. 谷歌设计师出品的VR设计入门指南
  2. VR设计指南之基础概念与设计工具
  3. 一名UX设计师的VR设计初体验
  4. 设计师该怎样从3个方面学习VR设计?
  5. 设计师进入VR领域会遇到哪些状况?(附解决方法)
  6. 关于谷歌的VR新平台,设计师应该知道的9件事
  7. 站在VR的大门前!主流VR平台交互特性浅析
  8. 从VR UI设计案例中学到的六个经验
  9. 浅聊故事板在VR设计中的运用(附模版下载)
  10. VR新工具之便捷实用的POV纸质原型
  11. 谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(一)
  12. 谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(二)
  13. 谷歌VR APP实战!UNITY与CARDBOARD APP基础实践(三)

原文地址:uxdesign.cc
译文地址:beforweb

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/pleasant-ux-design-myth

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里