百度关键词
7*24小时咨询电话
4000-340-360
专业网站优化 专业百度优化 专业关键词优化
最新加盟NEWS
CENTER
您当前位置:易达网络科技公司 >> 百度排名 >> 百度关键词 >> 浏览文章

设计不是美工,想成为良好的设计师怎么能不懂点生理学?导读:文章从认贴心理学角度动手,分析了在交互设计过程中时常会犯得几种错误杏彩官网,一些平时稀松见惯的设计体例也都在这儿找到了比较理性的依据。设计是门科学,我们必要掌握一些方法论,以不变应万变。作者介绍了认知超载和工作记忆这两个生理学概念在交互设计中的紧张作用,并列举了在设计过程中由于忽视了用户的认知特点可能会犯得错误,并给出了响应的解决方案。由于原文里反复提到了上面两个概念,所以我先简单诠释一下二者......

削减认知过载塑造更好的用户体验

发布时间:2017年12月19日 标签:削减,认知,知过,过载,塑造,更好,好的,用户,体验 浏览

t017d3133657f0855d4.jpg

设计不是美工,想成为良好的设计师怎么能不懂点生理学?

导读:

文章从认贴心理学角度动手,分析了在交互设计过程中时常会犯得几种错误杏彩官网,一些平时稀松见惯的设计体例也都在这儿找到了比较理性的依据。设计是门科学,我们必要掌握一些方法论,以不变应万变。

作者介绍了认知超载和工作记忆这两个生理学概念在交互设计中的紧张作用,并列举了在设计过程中由于忽视了用户的认知特点可能会犯得错误,并给出了响应的解决方案。由于原文里反复提到了上面两个概念,所以我先简单诠释一下二者的含义,也方便大家更好的理解文章的内容。

认知超载:

认知负荷指在工作记忆中脑力使用的总量。当外界信息量超出大脑接收处理的阈值时,就会出现认知超载的情况。普通来说,人脑跟电脑一样,处理信息的能力是有极限的天津塑料托盘,假如超过了肯定数量,就会变慢,最后死机,这就是认知超载。

工作记忆:

工作记忆指的是一个容量有限的体系新疆人事考试信息网,运用听觉、视觉体系来临时保持和存储外界信息,也叫短期记忆,是外界信息和长期记忆之间的接口。简单来说,工作记忆是长期记忆的先遣小分队。

下面一张图来直观表达外部信息/认知超载/工作记忆三者之间剪赓续理还乱的孽缘:

Image title

搞清楚认知超载和工作记忆的概念后就可以正式进入正文了~~~

正文

所谓最好的用户体验就是能让用户毫无察觉,在界面上的操作如行云流水般顺畅。用户们越少去思考界面布局,他们就会越多得将关注点放在要完成的目标上。而作为设计师,你的工作就是帮助用户全神贯注的完成义务而不被多余的因素打搅。

复杂的界面会迫使用户去解决那些无足轻重的题目。用户在填写选项、界面和导航等地方感觉到疑心时就会停止他们思考的过程,将他们的细致力从网络情境拖拽回实际情境。这种过度的思考就被称为认知超载。

认知负荷的科学根源:

1980年,澳大利亚教育生理学家John Sweller将认知负荷应用到了教学设计中。他旨在探求对于各类门生来说最好的知识记忆体例。虽然这些理论最初是应用在教育领域的,但它们也同样适用于交互设计中。接下来我会诠释这个技术如何用来削减用户的烦恼。

设计中的应用:

闻名作家Steve Krug就是将认知负荷理论最广泛的运用到了网页设计当中。他的书“Don’t Make Me Think”被很多设计师当做业界圣经。

在他书里提到的观点中,以下我特别很是附和的:

  • 每一个页面都要清晰明了,由于用户从网站其他页面进入网站的可能性和从首页进入网站的可能性一样大。

  • 用户很有可能摒弃——也就是说,比起最好的解决方案,采取能够最早解决题目的方案。

  • 当一个具有一样平常互联网经验的用户可以用这套体系来完成他们的目标之时,体系达到可用性就可以了。

  • 用户通常会采用一个心态:“要么快要么就去死”。

  • 即便从未使用过,屏幕上一个可以看见的home键将会给用户带来安慰。

综合来讲,每当用户欣赏网站必须停下来进行思考时,即使一瞬间,他们的工作记忆也是超负荷的。题目类似于: “这个可以点么?” “Home键在哪儿” “我改怎么保存?”,这些都会毁了用户的体验。

认知过载的最重要的几个缘故原由

有许多设计元素都对用户大脑施加了潜在的负荷,与此同时,外界环境中会有更多的因素超出设计师们的控制范围。比方一个用户欣赏网站的同时会忧虑第二天的工作报告,或者被窗户外装修的噪音所打搅——这些都会消费他们的工作记忆。

同时,每个用户由于个体差异,会有着不同的工作记忆能力。比起仔细郑重的用户来说,不拘末节的用户会比较容易地将精力集中在你的网站上,而不经常上网的用户会比经常上网的用户思考的要多。即便我们不能量化认知负荷,我们仍旧可以归纳出那些经常在设计中出现的错误。下面,我将对最常见的几种错误分类说明并给出解决方案。

1.多余的动作

用户所进行的每一个步骤都会增长到他们的认知负荷中。过多不需要的动作会破坏用户的思路,甚至有可能激怒他们。由于他们的工作记忆都集中在完成特定的目标上,多余的动作会迫使他们投入更多的精力,这就会增长工作记忆的负担。最终就会耗尽用户的耐性,掀桌子走人。

为了使认知负荷最小化,速度和步骤是必要细致的基本事项。用户盼望在一种轻快活泼且有目的性的节奏中完成他们的义务,所以撇开统统拖后腿的废物吧!

Image title

(Image: Touch of Modern)

用户盼望知道在他们提交邮箱地址之前他们要进入的是什么网站,但Touch of Modern不告诉用户任何信息却要求他们在第临时间进行注册!这个强制且多余的动作将会吓跑很多潜在用户。

解决方案:

这里有个找出多余步骤的方法:列出用户必须要完成的每一步义务。举个发邮件的栗子吧:

  1. 点击“邮件”图标

  2. 点击到“发送给”的输入框

  3. 填写邮箱地址

  4. 点击“主题”输入框

  5. 等等吧啦吧啦吧…….

点击“邮件”图标 点击到“发送给”的输入框 填写邮箱地址 点击“主题”输入框 等等吧啦吧啦吧…….如今,我们回头来看这些步骤并找出多余的动作。第二步完全可以删除,由于你可以让光标主动停在“发送给”这一栏而不用让用户本身脱手点击。

这会为他们减去不需要的麻烦,虽然看起来眇乎小哉,但你所删减的每一步都是胜利。(这和最近特别很是流行的微交互设计概念有些不谋而合,细小而不引人细致,并为用户提供平滑、天然的感觉。)

Image title

让我们来看看谷歌的首页。光标一开始就出如今搜索栏里面,所以用户们必要做的就是打字。这些微小的交互举动可以为团体的体验加分,所以不要忘掉它们。

2.过度的刺激

凌乱芜杂的界面会分散用户细致力,增长工作记忆的负荷从而会妨碍他们去实现目标。就像当许多人同时跟你讲话时一样,你会很难集中精力,当网页上充斥着很多照片,动画,图标,广告,字体和耀眼的亮色时,你同样也很难集中细致力。每一种多余的元素,分外是视觉上的抢眼,都会分散用户的细致力。

要记住的是:在用户实现目标之前,工作记忆都必要将额外的刺激进行归类处理,细致力的每一次分散百度关键词优化,都会占用用户的一份工作记忆。

Image title

Image: LINGsCARS

LINGsCARS就是个极端的例子,你可以看到对比强烈的颜色和动效冲击着人们的感官。在电脑屏幕上,即便处于两个不同位置但却同时进行的动效仍旧会对用户造成过度刺激,产生威胁。

解决方案:

首先,避免统统不需要的元素。我们仅需保留通常情况下需要的元素,来削减加载时间并简化交互体验。一项关于“美学是如何影响用户对网站第一印象”的研究发现,比起视觉复杂的网站,用户更倾向于视觉简易的网站。

同样,你也可以进行内容区分从而达到平衡的结果。过多的同质化内容(只有照片或只有文本)会让用户感到烦躁。所以,将视觉信息加以综合——图片,视频,信息图表综合到一路从而达到页面的协调,使它便于用户理解。

影视网站IMDb本可以在很大程度上轻松地只寄托图片进行排版,但它反而运用同量的笔墨内容来平衡网站页面。

Image title

(Image: IMDb)

当你总结出一个页面的需要元素,将这些元素以便于用户快速理解的体例组织起来。运用对称式或非对称式布局来展示信息以便于用户更快速的理解,也就是说,让大脑少费劲儿。对称式布局或风趣的非对称布局不仅能带来视觉享受,而且它们的结构可以使界面易于交互。

下面来看看Groupon是如何将它的垂直菜单(中心偏左)和描述冻酸奶的笔墨(中心偏右)进行布局的吧。大图居中被笔墨围困着,如许就打造了一个舒适天然的沙漏外形。

Image title

(Image: Groupon)

对称式并不仅仅是将雷同的布局放在两侧,它是用来平衡视觉重量和视觉方向。从这点来讲,非对称性布局仍旧可以体现的具有组织性,就像OTHR所做的那样。

Image title

(Image: OTHR)

削减页面多余的元素仅仅只胜利了一半,革命尚未成功,大家不要忘了,还要将这些元素以简洁明了的布局体例呈现出来。

上一篇:百度、360搜索算法的赓续迭变显明标志着白帽SEO的春天到来
下一篇:SEO的逻辑质的变级关系
点击数: 相关搜索:削减 认知 知过 过载 塑造 更好 好的 用户 体验
百度关键词 技术咨询:4000-340-360   24小时服务热线:4000-340-360
企业QQ: 4000340360   邮 箱:[email protected]
Copyright 2005-2015  by 易达网络 all rights reserved
分部地 址:潍坊市奎文区虞河路与玉清街交叉口锦绣苑  邮 编:261000