设计的三个层次,帮你重开情感化设计的大门

我们正在进入一个信息复杂度远超以往的时代。我们所面对的是一个物质和信息都极大丰富的世界,从产品竞争的角度上来说,越来越激烈的对抗和冲击是必然的。许多产品已经从单纯的“谈配置”过渡到了“谈感情”的阶段,情感化设计已经在不同的设计领域中崭露头角,甚至成为了最核心的组成部分。


我们正在进入一个信息复杂度远超以往的时代。我们所面对的是一个物质和信息都极大丰富的世界,从产品竞争的角度上来说,越来越激烈的对抗和冲击是必然的。许多产品已经从单纯的“谈配置”过渡到了“谈感情”的阶段,情感化设计已经在不同的设计领域中崭露头角,甚至成为了最核心的组成部分。

设计的三个层次,帮你重开情感化设计的大门

很多时候,我们几经努力,结果设计的UI常常在可用与实用的阶段来回波动,那些看起来让人愉悦无比的网页或者APP都是典型的“别人家的作品”。

的确,大家都在想什么样的UI可能会让用户触动?哪些元素应该能影响到用户?怎样的套路可能会让用户内心波动?想要聊,谁都可以多少说一些,相关的案例也比比皆是。但是真要系统地探讨情感和情绪是怎样作用于设计的,语言又常常迎齿而溃。

设计的三个层次,帮你重开情感化设计的大门

其实配合一些最基本的心理学知识和我们的自身对于世界的认知,并不难分析和理解情感化设计的原理。常说我们的设计要有情绪,那么做设计之前,我们先了解一下情绪和情感。

情感和情绪无处不在

的确,情绪是动物性的,是人对于外界的直接的心理反馈,很多时候会被视作为理性认知和逻辑的对立面。但是情感和情绪又何尝不是我们认识世界最基本的工具之一?我们所做的哪一件事情是完全不受情绪和情感影响的?让人高兴愉悦的动效和充满情怀的插画给人的情绪影响是明显的,而扁平化界面中唯一的一个拥有阴影的按钮给人带来的不适也是客观存在、令人无法忽略的情绪反馈。逻辑和认知让我们拥有了分析和思考的能力,而情绪、情感和本能所构成的复杂系统则让我们的决策更加完善。

设计的三个层次,帮你重开情感化设计的大门

“Like”和“赞”的按钮满世界都是,“收藏”的功能远没有这个带着情绪标记的功能来得好使。在我们还没有习惯QQ表情的时候,日本的手机已经将颜文字作为基本功能集成了进去,现在的emoji更是火得不行,其中的任何一个,都比文字更易于传达情感。喜欢还是不喜欢,高兴还是不高兴,我们生活中的决策过程充满了情绪的痕迹,而情绪也确实帮我们更快地对外界信息作出反应。

设计的三个层次,帮你重开情感化设计的大门

当然,情绪和情感还是有一定差别的。情感可以是有意识也可以是无意识的,它是人类意识的基本判断系统,莫名的闹心和无缘由的紧张都是情感表现。而情绪是情感有意识的体验,它有目标性,通常也有原因,比如不可用的界面给你带来的烦躁,好不找到的页面打开发现是404,内心崩溃沮丧,这些都是情绪。

换句话来说,设计从来都同情感相关联,而你的设计有没有调动起用户对的情绪,这就是另外一个问题了。

设计的三个层次

了解人,认识自己,明白用户,是设计师做好设计的基础。

心理学上将大脑对于外界的反馈和认知划分为三个不同的层次,本能层次,行为层次和反思层次。这三个层次是人类大脑的运作的规律,映射到设计当中,同样是可供遵循、值得探究的三个层次。

了解了它们是如何相互作用,又是怎样受到情绪影响,能让你对于设计有着更深入的理解。

本能

本能层次牵涉到的人类的生物性本能,可能会有反例,但是它几乎适用于所有人。比如对危险的规避,控高,对于美食的享受,本能是先天的。

设计的三个层次,帮你重开情感化设计的大门

行为

行为层次则是控制日常行为运作的那个部分,它同样是无意识的,它与整个情感系统有着紧密的关联,让我们的身体做好准备,以应对特定的场景,作出适当的反应。

设计的三个层次,帮你重开情感化设计的大门

反思

反思层次则连接这我们常说的认知和思考,它通过理性的思维和逻辑推导帮助我们理解周遭的世界。生存比理解更重要,所以情感比认知更快帮我们给出反应。

设计的三个层次,帮你重开情感化设计的大门

交织的三个层次

毫无疑问,直觉和行为是两个截然不同的概念,但是两者有着诸多的关联。和行为一样,直觉是无意识的,直觉同样是很容易受到经验、训练、教育甚至文化观念影响的。

一个长期使用三星智能手机的用户,在出错、返回和退出应用的时候,会下意识点按Home键右侧的位置来试图完成他想要的操作。

设计的三个层次,帮你重开情感化设计的大门

长期使用Mac系统的用户,深陷焦虑的时候可能会做各种各样的事情,而随着Windows XP 成长起来的用户当中,相当一部分中国用户,有在等待响应过程中不断点击右键刷新的习惯。

这样的行为当然不是先天的、动物性的,它们是后天发展出来的,是需要一段时间的适应、学习、习惯然后像一个半固化在后台的应用或者服务一样,让我们可以一边开车一边打电话,一边做饭一边和妻子谈事情。

有意思的地方在于,绝大多数时候,这三个层面的心理行为是交织在一起的,就像我们所设计的界面一样,是一个涉及多因素的复合体。

设计的三个层次,帮你重开情感化设计的大门

点按触摸是我们在好奇心驱动下探索世界的本能操作,打开一个新的页面、新的应用,我们会下意识使用这样的方式来做基本的探索。

探索过程中,我们以往的经历和经验开始无意识地驱动我们做决策:作为视觉索引的圆点在侧面的话,页面往往是需要上下翻的,而在底部的时候,页面应当是左右翻。

少有应用和游戏像 Flappy Bird 这样,用户一直根据经验和手感怼下去玩儿就好,几乎不需要费脑子思考或者调动认知研究小鸟的飞行曲线,即使是最高分的榜单界面,也因为采用了通用的设计,几乎不存在认知障碍,相当的“直觉”。

设计的三个层次,帮你重开情感化设计的大门

但是绝大多数的APP,尤其是B端的应用,需要用户仔细查看菜单选项,学习其中特定的功能的用法,甚至系统地学习整个应用的运作规律,而这就是反思和认知所发挥作用的地方。

设计的三个层次,帮你重开情感化设计的大门

而这也就是说,绝大多数的应用和网站,其实一直都是混合地调动这三个不同的心理层次——或者说它们本身就是设计的三个层次——来同用户进行沟通的。

情绪的两个面

正面情绪和负面情绪都是设计师可以借用的利器。

如果你曾仔细琢磨大家在网上的各种留言会发现特别有意思,那些以“讲真”“说实话”“不偏不黑”“中立地讲”“讲道理”“平心而论”开头的内容,少有真正剥离情绪就事论事的。至于“男人的直觉”,“女人的直觉”,“专业人士的直觉”,“围观群众的直觉”这干脆就是情绪和情感的产物。而在历次网络撕逼大战的现场,你会发现,交战双方会将正面和负面的情绪都很好地利用了起来,达成自己的目的。

随便打开一个应用看看吧。优雅的界面令你愉悦,细腻的动效给你惊喜,悦耳的铃声不会令你紧张,而急促的提示则会让你情绪紧绷,不同的色彩给你不同的情绪感受,不同风格的图标给不一样的体验,快节奏的游戏配乐结合沉浸式的游戏体验,让你紧绷而专注,舒缓的游戏音加上清新的配色和有趣的动画,让你放松而享受。仔细想想,不论是APP还是网页,它们的设计从来都和情绪紧密相关。

设计的三个层次,帮你重开情感化设计的大门

的确,我们多数时候都力图创造愉悦的体验,追求正面的情绪,但是不要忘了,情绪是复杂多面的,阴阳两级缺一不可,正面的情绪和负面的情绪同样重要,它们都是设计中不可或缺的部分。

最简单的,填写表单的时候,红色的错误提示、闪动的界面和未完成时不可用的灰色按钮都是警醒用户,让人紧张的存在,即使不明显,你依然能够感受到沮丧、紧迫的情绪,并且随之反思错误,并力图在之后的操作中纠正错误。

设计的三个层次,帮你重开情感化设计的大门

游戏这种强交互的应用中,能够调动各种情绪的设计多不胜数。而深耕游戏设计领域的巨擘宫本茂,甚至提出了“妻度计”的概念,他认为能够让女性都为之感兴趣、轻松上手的游戏是好游戏。将比男性更加敏感的女性作为游戏优劣的评判标准,对情感化设计也是一个不错的印证。

设计的三个层次,帮你重开情感化设计的大门

结语

情感化的设计需要聊的内容太多,但是从最基本的三个层次入手,能够让你更好的思考设计,在用研和测试中更好地观察用户,印证想法。追本溯源也许枯燥,但是从头思考却能想的更明白。

 

作者:@陈子木

来源:优设

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

(0)
CatherineCatherine
上一篇 2017-05-15 19:40
下一篇 2017-05-15 21:55

相关推荐

  • 一篇文章读懂用户体验(下)

    前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我会把所有所得分章节逐渐整理发出,希望能对行业尽一份绵薄之力,同时也作为一种仪式,好让自己重新出发。举个栗子:假设我是个潮人,同时我也是个医生,那我就有两个角色。如果给我设计一款音乐播放器,应该给我一款酷炫的,我会喜欢。但当我坐在办公桌边,给病患开药的时候,我电脑的开药软件需要很酷炫吗?我一边摇晃脑袋踩着节奏,看着充满特效的界面开出来的药,你敢吃吗?所以医院的软件需要简洁,保证开药的准确度。(然而需要强烈的视觉表达情绪的设计例外)。

    2017-06-01
  • 交互设计师的60日计划之第八天

    今天仍然在处理上周五的需求。参与讨论的人越多,战线就拖得越长。不过讨论虽然效率低,却能出现各种各样的想法和方案,不靠谱的,靠谱的。 2015/08/04 与老大谈话所得题目起的有点大,不过这是今天老大和我讲的主…

    交互专题 2015-08-20
  • 注意这十点,让你避免糟糕的设计

    本文是给初学者/门外汉的五分钟设计指南。好的设计原则对任何人来说都有用。这个指南会告诉你一些基础设计原则,立即就能用得上并分享给别人。我从不学习打鼓课程,从不学习吉他课程,我靠自己摸索。我认为倘若你真的对什么东西有所热诚,你就会有动力,你就会集中注意力,你可以做任何你想做的事情。
    ——Dave Grohl,喷火战机乐队

    2017-04-30
  • 产品插画设计中,都有哪些比喻技巧?

    Shopify是一家位于加拿大渥太华的电商软件开发公司,专门为中小零售商提供建立网店的Saas服务,能对接主流ERP系统,为客户提供打单、发货、运单号自动回传、订单业绩汇总、利润计算、仓储、采购及供货管理等一体化管理流程,按月收取咨询服务费用。
    本文作者对产品插画中“如何利用比喻来找准信息传达的关键,提供有价值的无形体验”有自己独特的见解,在视觉设计角度对大家应该有一些启示。

    2017-05-14
  • 页面状态还是组件?到底什么才是交互的中心?

    随着信息行业的日益发展,软件的开发设计得到了更多人的重视,软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中,设计的模式普遍为两种,一种是以页面状态为中心来设置交互,比如Flinto for Ma…

    2023-03-03
  • 看Google设计师设计的细腻动效

    好的动效设计,从来不以炫酷作为目的。

    2017-05-15
  • 一种强大的交互模式:应用内的手势

    手势是一种强大的交互模式吗?是的,移动设备已经从一块砖头发展成由手指驱动的复杂计算机了。触摸和手势交互具有很大的潜力,使得移动体验更加的轻松和有趣。

    2017-05-09
  • 译文 | iOS 10 人机界面设计指南 (完结)

    iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?本文是系列文章的完结篇,enjoy~Note
    模板图片(template image)会丢弃图片本身的色彩,而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP  对于多行或是多样式的文本输入,请使用文本视图。请参阅Text Views。

    2017-05-02
  • 交互设计不只是解决业务问题

    「解决问题」是很多人对设计的定义归纳,具体到产品/交互设计领域,深入理解业务并提出合适的解决方案也是一项很基础、重要的要求。但对于用户体验/交互设计师来说,我觉得「理解业务」和「解决问题」本身都并不足…

  • 1.6万字诚意之作|如果你想成为一名交互设计师,这篇文章值得慢读

    关于交互设计,这是一篇很全很全很全(重要事情要说三遍)的科普文章。作者写了1.6万字,实在是诚意之作。如果你打算走进交互,此文值得真的真的真的(重要事情要说三遍)值得一读^_^ by 小编目录导读:
    1. 交互设计概念
    2. 交互设计输出物
    3. 交互设计相关理论
    4. 交互设计流程及方法
    5. 交互设计常见案例分析
    6. 交互设计规范及趋势
    7. 交互设计师进阶之路举个例子就是:小明饿了,他需要填饱肚子(目标),他跑到楼下的餐馆进行点餐、吃饭、结账(任务),吃完了出门的时候推门(行为)出去,然后过马路回家。交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。——百度百科①初级交互设计师<10k:俗称「线框仔」,出没于小公司和外包公司,没有设计决策权,专门配给不会画图的产品经理使用。门槛低,只需要熟练使用原型软件,会看着其它APP抄设计即可。无发展前途,看到此类岗位请远离。
    ②中级交互设计师10k-15k:除了画线框图外参与一定的产品层面的工作,有一定设计决策权,通常为知名院校应届毕业生,可以对设计决策提出异议,但不一定被接受。
    ③高级交互设计师15k-25k:通常可以参与整个产品的概念过程,工作职能与产品经理更为接近,有更多的设计决策权,通常工作经验超过2年,可以和产品经理、视觉设计师、用户研究员及开发人员进行「激烈讨论」,并有能力维护设计师的尊严。
    ④资深交互设计师>25k:通常出没于BAT、财大气粗的创业公司及设计咨询公司。有着丰富的成功设计案例,通常工作经验超过5年,有主流大公司工作经验,有大型项目的设计管理经验,业内有一定名气。
    ——以上分级,参考寺主人在知乎的回答《如何成为交互设计师?》“你在设计的生涯中,有没有用到或者总结出哪些设计方法?”“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。”“关于弹窗中的“推荐选项”应该放在左边还是右边,分了两种情况:如果推荐选项有破坏性,那么应该放在左边。如果没有破坏性,则应该放在右边。但到了iOS10的时候,却变成了推荐选项都应该放在右边。”

    2017-05-06