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

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


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

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

认知(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

相关推荐

  • 产品体验分析之7步走(附PPT下载)

    我最近一直在做新产品的策划,方案一个又一个的被毙掉,方向一次又一次的调整,PPT一遍又一遍的改,交互一稿又一稿的画,所以我还在继续努力中,也深深的感受到产品「从0到1」的不容易。产品经理在日常生活中将发现的问题记录下来后经过分析转化为可落地的产品方案,这个过程很复杂,也很容易出错,原因就是思维的过程是不可控的,也就是没有一个相对的衡量「标准」,导致一个现象是想法人人都有,却不一定人人都对,所以产品策划「从0到1」的整个过程十分考究产品经理的功力。

    2017-05-31
  • 快速用 Sketch 绘制30个图标

    长得好看的人都已关注操作分解:一个正方形,两个同等直径的圆形即可完成,最后旋转多选矩形 Edit 后可以一起改圆角正方形不停地裁剪一个椭圆加长方形,复制即可圆角矩形加两个不同大小的圆合成小矩形旋转角度,最后拉下 Radius 即可选中锚点删掉,调下倾斜度,复制合成添加锚点一拉一调添加左右两个锚点的时候放大比较容易处理号细节锚点的 radius合成后记得 Flatten 下,就可以选择锚点加 radius添加钢笔锚点,并且 Show Gr...

    2018-04-09
  • Sketch 49 新增交互原型能力

    看到更新弹窗蛮讶异的,完全没有见到相关消息或Beta版本,官方博客与Medium也毫无动静,太过突然,总之就是这样:“Prototyping: You can now connect Artboards with Links and Hotspot layers to create prototypes of your designs that can be viewed in Sketch Preview,Sketch Cloud,a...

    2018-03-02
  • 应届毕业生要从事交互设计,需要具备的3种能力

    这次的文章解决的是一个问题,主要是关于应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的入口切入,然后简单谈谈我的认识。(这篇文章会比较有趣)我努力工作,几年后要自己创业。吃得苦中苦,方为人上人。(鸡汤了一下)

    2017-05-08
  • 如何用axure参与团队项目

    1、下载安装axure破解版,可以去axure.com下载。这里为了方便大家,分享个人的百度云盘资源,链接:https://pan.baidu.com/s/1o9qFOyY 密码:hodp2、下载File Zilla,File Zilla从百度上搜索即可下载,这里不需要多言,以下主要讲讲如何配置File Zilla。Ctrl+S创立本地站点,输入主机IP地址,协议默认是SFTP,输入团队用户&密码,点击连接,进入团队项目。3、在团队项目...

    2018-03-15
  • 交互设计笔记整理

    PC与手机对比使用环境pc:固定位置,干扰少,注意力集中,输入方式强大。手机:任何地方,干扰多,注意力难集中,输入方式单一。交互媒介pc:操作精准快速,桌面大显示内容多,过大屏幕会有视觉盲点。手机:手指操作,精准度低、速度慢。使用特点pc:需处理复杂任务,多任务切换,讲究效率和强互动,没有电池流量问题。手机:适合处理简单任务,多任务切换困难,适合各种姿势使用,电池流量问题严重。web与APP界面对比web是书架,内容繁多,一目了然。更直...

    微信热点 2018-04-07
  • 案例分析|通过配色吸引用户注意力的四点技巧

    色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能给用户带来完全不同情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的设计更出彩。

    2017-05-01
  • 交互设计与心理学的关系

    具体联系什么的大家看专业书籍吧,我从另一个角度说一下我的理解吧。 每个学科/专业的产生都是有它的历史使命的,为什么一定是这个时候,为什么一定诞生在这个领域,为什么会如此发展······类比一下其它学科/专业,…

    交互设计 2015-09-11
  • Axure官方教程中文版第5课:动态面板介绍-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(5).MP4 新建文件 1、添加一张图片和按钮 2、转换为动态面板并添加状态 3、为每个状态添加一张图片 4、设置点击“Next”按钮时进行下个状态的切换

    2015-01-26
  • 交互设计——绘制流程图

    在上一篇文章中了解如何寻找接触点、梳理接触点,在这篇文章中主要就是如何来绘制流程图。现在普遍对流程图的分类有四种:业务流程图、页面流程图、功能流程图、程序流程图。在这主要通过现有的APP分析来进行区分不同流程图以及如何交互设计师或者产品经理选择应该使的流程图。何为流程图在上文中讲到了流程,流程是事物进行中的次序或顺序的布置和安排。流程是自然而然就存在的,它可以不规范,可以不固定,可以充满问题。而流程图的核心就在于如何排布事物进行的次序,...

    2018-05-06