加入收藏 | 设为首页 | 会员中心 | 我要投稿 厦门网 (https://www.xiamenwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

令用户费脑的认知计划,该怎样规避?

发布时间:2017-06-14 02:39:25 所属栏目:运营 来源:woshipm.com
导读:本日和各人聊聊“认知负荷”。最近看了一些文章深受开导,我们在我们一般计划中怎样去停止一些让用户费脑而抓狂的计划,本文我将集中合我们一般糊口中的产物和各人聊聊。 认知负荷理论? 认知负荷理论(cognitive load theory)是Sweller等人在20世纪80年月

本日和各人聊聊“认知负荷”。最近看了一些文章深受开导,我们在我们一般计划中怎样去停止一些让用户费脑而抓狂的计划,本文我将集中合我们一般糊口中的产物和各人聊聊。

令用户费脑的认知打算,该奈何规避?

认知负荷理论?

认知负荷理论(cognitive load theory)是Sweller等人在20世纪80年月的,首要从认知资源分派的角度考查进修和题目办理。Sweller等人以为,题目办理和进修进程中的各类认知加工勾当均需耗损认知资源,若全部勾当所需的资源总量高出个别拥有的资源总量,就会引起资源的分派不敷,从而影响个别进修或题目办理的服从,这种环境被称为认知超载。(内容来自百科)

是什么造成了认知负荷

想要停止用户的认知负荷,那么我们就要相识界面计划中那些因数会影响用户的认知,认知负荷分内涵和外在的,内涵的虽然与用户的文化身分有关,这里我们不做接头,我们来说下外在影响身分:

视觉条理布局紊乱导航布局不清楚无法则的视觉流必要大量思索

下面我将荟萃实例和各人切磋下:

1. 视觉条理布局紊乱

下面截图是爱奇app,这里我将接头爱奇艺一些糟糕的计划点。

令用户费脑的认知打算,该奈何规避?

Navgation bar:行使频率不高的元素过多;动静,播放汗青,添加Label:标签视觉样式样式多Color:颜色过多,是造成用户无法形成视觉流的要害身分Gird layout:网格机关紊乱,纵向对齐线过多,且无纪律Focus:图2核心元素过多,造成用户选择坚苦

那怎么办理?

强化首要信息,弱化次要信息(好比图2,更多资讯,换一批等是否可以弱化,去掉颜色?)去掉过多不须要的元素(支解拦亓?图标是否可以去掉,满屏的标签是否可以同一弱化)行使网格机关(图片和笔墨遵循网格排版)。

僵持一个原则,一个页面完成一个用户方针。

好的机关是怎么样的?

令用户费脑的认知打算,该奈何规避?

令用户费脑的认知打算,该奈何规避?

布局简朴,用户方针清楚,卡片流机关,各人寄望到没,youtube在导航上通过“更多”icon把不常行使的元素收起来,这就镌汰导航上摆放过多低频率行使的操纵,这样来镌汰了视觉上的紊乱。

2. 导航布局不清楚

起首我们先相识下Navgation design pattern,界面计划中一样平常行使2-3种导航,别离一级导航和二级导航模式(一级导航一样平常只有一种,如营业较量多的,一样平常都行使组合导航,好比顶部与底部标签导航,标签与汉堡组合等等),我们必需在计划上区分它们,不能一级导航和二级导航样式沟通,这样无纪律的计划会让用户难以决议。

令用户费脑的认知打算,该奈何规避?

令用户费脑的认知打算,该奈何规避?

图1:爱奇艺app产物内容较量多,以是回收了顶部和底部双标签导航来组织内容图2,3,4:蓝色框部门搜刮功效页和视屏播放页尚有效户信息页,应该要行使二级导航区分,可是今朝奇艺依然行使一级导航计划模式来区分它们(今朝海内许多几何app都这样没去区分),这样就会导致信息布局紊乱,信息层级不清楚。

ios行使Segmented Controller来区分的,google的materials仿佛在这方面没有明晰的声名,以是这就导致大量的导航紊乱,不外仿佛大大都用户已经风俗了?(二级导航一样平常无非凡环境是不会应承在一级界面)

清楚的导航架构是奈何的?令用户费脑的认知打算,该奈何规避?

令用户费脑的认知打算,该奈何规避?

一级导航和二级导航区理解显,清楚的信息架构,用户能知道优先级。

这里说下Nike+的导航体系,在顶部行使了标签式作为一级大内容区分,二级导航回收相同分段内容导航来区分单个模块下的内容。

为何要区分一级和二级导航?

一级导航一样平常都是大成果模块之间的区分,二级导航一样平常用于单个成果模块内里的内容作为层级区分,请服膺。今朝海内app计划质量不齐,导航法则紊乱,没有一个完备的Design system来指导整个企业的产物法则,以是我们可以从本身产物做起,在产物计划中把信息架构搭建好。

无法则的视觉流

要做好视觉引导我们就要懂一些计划生理学,我们要相识人是怎样阅读,怎样调查,怎样影象,怎样思索,怎样齐集留意力,怎样快速进入流的状态等等。

最常用的阅读模式是F pattern和Z pattern。

令用户费脑的认知打算,该奈何规避?

一个页面一屏呈现了这么多刺眼进口,我该怎样选择?没有主次,看起来全部都很重要?

前面认知负荷道理讲到人在处于事变影象的时辰一次只能处理赏罚两到三条信息,那么这么多进口在这里,用户就必要耗费脑力去决议,就导致负荷增进。

清楚视觉流是奈何的?

令用户费脑的认知打算,该奈何规避?

方针清楚,视觉流切实用户阅读风俗,不必要再去思索,镌汰认知负荷。

必要大量思索

怎样才气减罕用户行使产物进程中的费脑力的思索?计划的时辰停止行使难以阅读的UI patterns,要遵循常用用户界面模式,不必要从头发现轮子bottom navtation patterns。

令用户费脑的认知打算,该奈何规避?

图1是开眼视频的首页,底部tabbar上面4个icon。假如不加笔墨声名,用户很难去阅读领略,增进影象负荷图2 是instagram,底部tabbar纵然不加笔墨,我们都能90%以上看懂要表达的意思,由于这些图形用户已经认识,不必要再去思索影象。

令用户费脑的认知打算,该奈何规避?

腾讯视频在section divide header,回收了用户认识的计划模式,点击动漫精选更多酒进入对应的栏目页面,怎样用户生理模子爱奇艺在section divide header,回收双进口(问题上和栏当前栏目底部),且与用户行使方针纷歧致,当第一次点击进去后,用户发明和预想的纷歧样,然后很懊恼退出,找其他进口?这种新楷模用户必要从头去影象,从头去思索,增进负荷。

计划原则:只管行使用户认识的图标样式,可以在常用图标样式去做微创新,荟萃本身品牌,提取要害因数,植入图标内里。

常用进口不要等闲改变它已有的属性,保持原本用户风俗的模式。

总结

(编辑:厦门网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读