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

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

要记住的是：在用户实现目标之前，工作记忆都需要将额外的刺激进行归类处理，注意力的每一次分散，都会占用用户的一份工作记忆。

Image: LINGsCARS

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

解决方案：

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

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

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

(Image: IMDb)

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

下面来看看Groupon是如何将它的垂直菜单（中间偏左）和描述冻酸奶的文字（中间偏右）进行布局的吧。大图居中被文字包围着，这样就打造了一个舒适自然的沙漏形状。

(Image: Groupon)

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

(Image: OTHR)

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

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：济南站长网）

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