为产品赋予人格—情感化设计的组成要素及实践案例

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 07:07 点击:

  【编者按】本文翻译自Smashing Magazine,译者为@C7210 ,发布于其个人博客BeForWeb。文中所指的情感化设计,目标是在人格层面与用户建立关联,使用户在与产品互动的过程中产生积极正面的情绪。

  从案例中介绍了让用户更好的使用产品,展现如何使用户获得更愉悦的体验,这些都是为了让用户主动向他人分享和推广这些正面的经验。

  Flickr为用户准备了很多有意思的登录欢迎语,这其实是一个容易被忽略的细节,但Flickr的整体设计风格与产品气质也正是由许许多多这样的细节构成的。也许,只有当这些细节从产品中消失的时候,我们才会发现并开始怀念它们。

  

\

 

  我(英文原文作者)会特别在意这些细节,因为它们可以触发用户的情感响应。如果运用方式得当,这些细节当中的小魔鬼可以帮助我们打造出更具人格的产品,并使用户在与之进行互动的过程中产生积极的情感响应;而这种积极的态度会有效的促使用户主动传播和拥护你的产品。这种在人格层面与用户建立关联的设计思路也被称作“情感化设计”。

  一点小理论

  “情感化设计(Emotional Design)”一词由Donald Norman在其同名著作当中提出。而在Designing for Emotion一书中,作者Aarron Walter将情感化设计与马斯洛的人类需求层次理论联系了起来。正如人类的生理、安全、爱与归属、自尊和自我实现这五个层次的需求,产品特质也可以被划分为功能性、可依赖性、可用性和愉悦性这四个从低到高的层面,而情感化设计则处于其中最上层的“愉悦性”层面当中。

  

\

 

  一个有效的情感化设计策略通常包括两个方面:

  你创造出了独特并且优秀的风格理念,令用户产生了积极响应。

  你持续的使用该理念打造出一整套具有人格层面的设计方案。

  接下来,我们将一起了解一下情感化设计的组成要素及相关策略,看一看有哪些产品在这些方面做的比较有代表性;另外,我们还会通过几个案例分析来感受一下从整体角度持续使用情感化设计理念所带给产品的“人格魅力”。

  情感化设计的组成要素

  情感化设计的目标是在人格层面与用户建立关联,使用户在与产品互动的过程中产生积极正面的情绪。这种情绪会逐步使用户产生愉悦的记忆,从而更加乐于使用你的产品。另外,在正面情绪的作用下,用户会处于相对愉悦与放松的状态,这使得他们对于使用过程中遇到的小困难与细节问题的容忍能力也变得更强。

  情感化设计大致由以下这些关键性的要素所组成,我们可以从这些关键点出发,在产品中融入更多的正面情感元素。诚然,用户最终会产生的反应还将取决于他们各自的生活背景、知识技能等方面的因素,但是我们所抽象出的这些组成要素是具有普遍适用性的。

  积极性

  惊喜:提供一些用户想不到的东西。

  独特性:与其他的同类产品形成差异化。(相关阅读:iOS Wow体验 – 用户体验的差异化策略)

  注意力:提供鼓励、引导与帮助。

  吸引力:在某些方面有吸引力的人总是受欢迎的,产品也一样。

  建立预期:向用户透露一些接下来将要发生的事情。

  专享:向某个群体的用户提供一些额外的东西。

  响应性:对用户的行为进行积极的响应。

  下面,我们来看一看这些要素是怎样被细化并运用到实际产品当中的。

  情感化设计的产品实例

  在接下来的这些实例当中,我们可以了解到情感化设计的组成要素是怎样以不同的表现形式被运用到互联网产品当中的。要记得,这些实例当中的设计方式未必适合于你的产品所需要的人格气质,你可以把这些当作参考,并结合实际情况思考更加适用的情感化设计方案。

  模仿人类的情绪

  微笑

  彼此欣赏的人会下意识的模仿对方的行为。当你看到自己喜欢的人正在微笑时,你多半也会如此。我们可以将这一点运用在设计当中。图片会在一定程度上左右人的情绪思维,尤其是以人物或事件为主题的图片。我们来看一张同时包含这两方面主题的产品介绍图片:

  

\

 

  通过这张图片,Highrise向我们展示了一个快乐的人,还有他使用该公司产品的故事。来自实际客户的微笑以及赞许之辞,这是非常正面的、非常容易促使潜在用户认同并期望获取其产品的宣传形式。

  平凡的幸福

  Threadless的购物车在没有商品放入时会呈现出忧伤的表情,反之则会表现的非常开

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1