认知设计论:关于认知最全面的一篇

所谓的成长就是认知升级。——傅盛


所谓的成长就是认知升级。——傅盛

认知设计论:关于认知最全面的一篇

认知(Cognition)

认知是由两个字组成的。认,即识别。知,即知道。认与知都是大脑活动。 简单的说,认知就是人们如何去理解事物。

打个比方,当人们过马路的时候,看到绿灯。大家首先认识它是个绿灯,然后才知道可以过马路了。这个过程就是认知的过程。

当用户使用网站时,大脑的认知过程被激发。网站的字体,排版,控件都在调用大脑过去的经验,最终指导如何使用网站。大部分的时候,设计师也是在依靠自己的认知去设计产品。

接下来,我来介绍几个与认知密切相关的概念。

认知负荷(Cognition Load)

认知负荷的意思是我们需要思考一件事情总共需要花费的脑力。认知负荷是由于我们提供过多的选择或者信息不够清晰而造成了用户思考的时候过长。

你知道吗?人类一天要做35000个决定,光与吃相关的就有226个。因此任何过多的认知负担都有可能引起用户的流失。因此设计师应该将选择数量控制在6个或者6个以内,信息要简单直接,尽量使用用户熟悉的控件。

认知偏见 (Cognition Bias)

人类的大脑非常的复杂。根据Wikipedia上的总结,人类有175种认知偏见,也就意味着有175种诠释信息的方法。每一种认知偏见都有其存在的理由,最主要的目的都是为了人类节省大脑的时间与能量。因此每个人解读出来的信息可能都有不同程度的差异,并不能说我们曲解原本信息的含义。

举个认知偏见的例子。Status Quo Bias/现状偏见:  即人们对现状的一种喜爱,并把现状作为标准。人们倾向于不去做决定,因为人们不愿意为选择所带来的时间跟风险承担责任,因此人们最喜爱的选项是默认选项。

下图中是设计师Buster Benson与John Manoogian针对Wikipedia上面的175中认知偏见的整理与可视化。

认知设计论:关于认知最全面的一篇

劝导式设计(Persuasive Design)就是基于这些心理学现象之上的。

认知设计论:关于认知最全面的一篇

认知不统一(Cognition Dissonance)

我刚到美国的时候,去麦当劳找鸡翅吃,服务员告诉我他们没有鸡翅。我并没有放弃,连续找了三家麦当劳,结果才知道美国的麦当劳根本不买鸡翅。这个跟我原有的认知不符,因为我在中国的麦当劳吃鸡翅一直吃的很开心。这件事矛盾的认知对我的大脑产生了压力,为了本能的寻找与原有认知的统一性,我才会继续寻找了三家麦当劳。

当人类大脑产生压力的时候容易引起认知矛盾的现象。大脑可能产生两种互相矛盾的想法。当人们看到的事物与他们的自我形象,态度,信仰以及行为互相矛盾时,认知矛盾就产生了。他会引起用户的不适感。为了寻找与他们的固有认知的统一性,用户就会改变自己的行为。

这一现象可以被设计师利用来影响用户习惯的养成等行为。

认知对于lean startup的重要性

《精益创业》这本书一度被视为创业宝典。以下部分有关认知与创业的观点都是引用自这本书。

“如果创业的根本目的是在既不确定的情况下建立组织机构,那么它最重要的功能就是学习。在精益创业模式中,我们要重建“学习”的概念。我将之称为“经证实的认知”。客户无法告诉我们他们想要什么,而是通过实验证实地弄清了我们的整个市场战略分析完全错误。”

“成功不是实现一项产品功能,成功是学会如何解决用户的问题。并不在于我们开发了多少东西,而在于我们的努力换来多少经证实的认知。经证实的认知必须要以从真实客户那里收集到的实证数据为基础。“

因此,一定要测试新的方案是否符合用户的认知。可以到咖啡馆做原型设计的测试。过程可以非常简单。将原型设计直接展示给用户,然后问用户是否可以在看完的几秒之后描述出原型的意图与功能。用户是否知道如何使用的,是否愿意使用等。你总会有意外的发现。如果我们设计产品与用户的预期,想法与价值观不符的时候,就会损害用户对我们的信用。

认知与Dribbble

很多设计师喜欢每天看Dribbble以获得设计灵感,我也是其中之一。但是有很多的设计并没有充分的考虑到用户的认知层面。以下是一个增加了用户的认知负担的设计 (设计来自Dribbble)

认知设计论:关于认知最全面的一篇

下面是我对这个页面的分析:

视觉排版比较简洁,但是设计师过于追求简洁而忽视了功能性,从而增加了用户的认知负担。

具体原因如下:

  • 这个页面的主要意思是寻找旅友,请问你第一眼看出来了吗?
  • 第一排的前两个图标我并不知道是什么意思
  • 页面右上角的图标也并不确定是设置的意思
  • 头像右下角的绿点与黄点都分别代表了什么意思
  • 我还是不知道要选哪一个人作为旅友

因此,不要一味的迷信Dribbble的设计,测试是检验真理的标注。

几招简单的办法帮助减少认知负担,减少用户的思考时间:

  • 不要随意发明新的样式或者图标
  • 限制给用户的选择数量
  • 将信息分组展示
  • 减少不必要的功能
  • 增加默认选项
  • 展示帮助用户决定的信息

写在最后

不断的获得经证实的认知是产品进阶的关键,是每一位设计师与产品经理的责任。了解认知心理学与测试方法是重要途径。

 

作者:Unicat,微信公众号【WOW7DUX】,毕业于清华与美国伊利诺伊理工,现工作于Booking.com的移动端设计师,7年以上的用户体验设计经验。

本文由 @Unicat 原创发布于人人都是产品经理,未经作者许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-03 21:41
下一篇 2017-05-03 23:44

相关推荐

  • 如果你即将面试交互设计,可以参考一下这篇

    交互设计也是设计类,设计类的面试只要看作品说话而已。但是,偶尔有也会有些面试官完全都不理你的作品,然后会问一些比较宽泛的问题,今天的汇总就是主要针对这部分题目。题目大多都能回答,但是偶尔一个题目打过来还是会有点懵,所以事先做好准备会相对比较好。最最重要的当然是介绍你的作品!介绍你的作品!介绍你的作品!(重要事情说三遍)讲的思路就是你从什么地方找到设计的依据,然后做了什么设计。下面就是面试的其他问题:1、自我介绍。答:(自我介绍算是面试的...

    微信热点 2018-03-25
  • 手机端官网设计:适配还是不适配,这是个问题

    Pc端使用平台:手机端使用平台:红米2增强版 自带浏览器 MIUI6.6.2.0(KHJCNCF)|稳定版

    2017-05-31
  • 【汇总】2015年阿里巴巴交互设计师笔试题目

    经验分享之交互设计面试 从网上各种渠道扒下来有关2015年阿里巴巴交互设计师的笔试题目 按照各方面的信息初步确定一共是四题,基本上都是要码字 要交作品,要交简历(应该是第一题的公共问题) ps:出题应该是一套…

    交互设计 2015-08-19
  • 提升用户体验 抢占用户心智

    马云提出的新营销是连接线上线下的全新核心载体,超越单纯线上或者线下的全网营销概念。但华帝李洋认为,线上和线下只是连接用户的媒介,核心仍然是用户体验。抢占用户的心智,提升用户认知,是“新零售”的前提。打造新型厂商关系 构建全新服务体系在产品端,最初的模式是线上采用完全与线下独立的产品线,无论价格、卖点、功能配置都与线下产品区隔,线上和线下营销团队完全独立,各说各话。但随着时间的推移和互联网的蓬勃发展,这种割裂式的操作手法已经成为过去式。企...

    2018-03-29
  • Sketchfab可在引擎内直接搜索3D模型,太方便了!

    点击上方蓝字CG世界关注CG我们“ 感知CG · 感触创意 · 感受艺术 · 感悟心灵 ”中国最具影响力CG领域自媒体Sketchfab为其在线模型共享平台发布了新的下载API,使开发人员能够将Sketchfab内容直接导入其他应用程序或游戏引擎中。Sketchfab是一个集发布,分享,发现,购买和销售为一体的3D,VR和AR内容的平台。 提供基于WebGL和WebVR技术的查看器,允许在网络上显示3D模型,以便可以在任何移动浏览器,桌...

    2018-03-31
  • 交互设计创新之改变用户行为的设计

    这是百度MUX在IXDC2016北京前瞻活动『移动产品的交互设计创新』中的一次分享。 这个课程属于团队内部一个培训课程的一部分,是关于HCI用户认知结合交互设计项目管理的内容方向。该文章阐述了讲说Keynote的核心内容…

    2016-05-08
  • 手机app开发交互设计的四大要素

    app开发中的交互设计是用户体验好坏的关键点,在开发手机app时,注重的应该是交互设计的效果。用户是交互设计的直接受益人,手机app怎样进行交互设计才能让用户舒心,在这里有四个要素需要把握。手机app开发交互设计在开发过程中是重中之重,这个环节一旦出现问题,用户的体验也会变得别扭难受。怎样进行交互设计,很多人都找不到其中的诀窍,其实只要把握四要素,一切就会变得比较简单。一、遵循平台规范的基本原则遵循平台规范的基本原则并不是说限制于设计规...

    2018-03-24
  • 用户体验设计中的功能动效

    作者:Amit Daliot 出处: http://www.smashingmagazine.com/2015/05/functional-ux-design-animations/ 一个优秀的用户体验设计师可以很容易的解释设计概念中每个决策背后的逻辑。通常包括信息架构,页面内容的层…

    2015-11-08
  • 快速开发移动医疗App!开源框架mHealthDroid

    快速开发移动医疗App!开源框架mHealthDroid 嘿嘿,本文偷偷转载自csdn 摘要:移动领域的发展促使了移动医疗的出现,让医疗这一大而重的传统行业逐步走向轻便。但对于移动医疗应用的开发,接触的不是很多,这边向大…

    2014-12-18
  • 通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

    不单是视觉扁平,交互层级也更加扁平啦~

    2017-05-09