网站导航栏优化:降低用户认知压力

发布时间:2017-08-08 发布者:新锐传媒 查阅 [1687] 评论 [0]

科学研究表明,当人类面临高等的认知压力时,会警惕并对眼前的事物缺乏信任,产生疑虑。放到网站的注册或购买流程上,用户会有更多的疑虑并极有可能中断流程而离开。

每个来到网站的用户都会看的一个页面元素就是网站导航,而如果网站的导航栏设计恰好让用户形成了认知压力,那么后续的转化效果通常都不会好。

以下是增加认知压力的导航设计的四类典型,确保不要犯了这些忌讳:

1.多条目横向的激活类导航:

这种导航类型还是比较常见的,其特点就是无论是主导航或是点击触发的副导航,皆有大量的条目,并且都以横向排列。

在使用这一类导航的过程中,用户极易产生误操作,尤其是当用户真正需要的栏目在副导航的末尾时,在触发副导航后大量的信息量会对用户产生极大地认知压力。导航越细长,越需要用户协调和集中注意力,以免在使用过程中导致副导航消失。

改版前的导航

使用这种导航设计是对用户操作能力与耐心的极大考验,这意味着用户的流失率会非常高。

来看一下这个网站改版后的导航:

改版后的导航

经过精简的主导航,以及具有良好的结构与设计的副导航,在使用过程中再也没有那么大的认知负担。

2.导航描述不精确,或为了个性化而采用了“个性化”的文字描述

独特的导航描述语设计确实可以抓住用户眼球,然而导航更重要的是在于实用性。很多时候,我们觉得能看懂的导航描述语,其实用户是看不懂的。要降低导航的认知压力,应当从用户的角度出发考虑,是否易懂实用,而不是为了个性化抛弃了实用性。

在导航的描述语中,不要使用口号,广告语,方法等相关的词语,因为用户读不懂这些,并且这些广告语等很可能随着时间而发生变化。下面的例子中,该网站使用了4个I字母打头的单词,看起来很整齐,视觉效果不错。然而这4个词语“咨询,参与,创新,影响”指的是一系列活动的步骤,用户是看不懂的。

改版前的导航

在改版后,该网站将这些步骤纳入了内容页,而不是像导航一样的放置在上方。

改版后的导航

3.冗余的重复链接:同时存在于导航与正文当中

直接来看一下这个例子:

改版前的导航

在正文与导航中,使用了同样的链接与文本,用户在初次访问时会被这大量的链接信息搅乱思绪,增加认知压力。用户不是网页的设计师,他们在浏览完所有链接之前,并不知道这些是重复的链接。

改版后的导航

修复后,正文与导航栏有了更高的区分度,正文是正文,链接是链接。

4.滑块或其他功能插件

在网站上放置这些,的确可以吸引注意力,提升用户的交互感。但是首先要保证你的品类足够多支持不同的选择,或对这些功能插件做出足够的限制,让用户在使用过程中可以获得有效的反馈。

改版前的导航

三星—澳大利亚官网以前的老版式中,其电视机款式只有28款,在用户使用测试中,用户使用前都表示这个功能很有趣,然而由于款式数量过少,用户在使用滑块过程中,接受到的反馈大多都是“抱歉,没有找到匹配的产品”,当出现这种情况时,用户第一反应是该插件不好用,而不是他们进行了错误的选择。

改版后的导航

改版后的样式,取消了滑块等功能,变成了简单易懂的下拉菜单。

总结

网站就像产品一样,但是网站没有说明书。因此更需要在页面设计上降低用户的认知压力,让他们更快地接受并使用你的网站。

      免责声明 | 新锐观点 | 网站运营 | 网站推广 | 联系我们 | 网站地图