0 Comments

网页设计的80/20规则 你可知道?(2)

发布于:2013-04-11  |   作者:广州网站建设  |   已聚集:人围观

用户一般往哪看?

网络用户的“F型”阅读和浏览习惯现在已经确定。虽然 “F型”不一定适合所有的环境,但了解这一点,在用户与你的设计进行交互时,便大概知晓用户的关注点。

下图为用户关注的热图分布:

网页设计的80/20规则

假设这张图很好的说明用户的视觉关注点,这也正支持了80/20规则理论。图上最受关注的区域占到了页面的20%,用户80%的时间用于关注此20%的区域。

做为设计人员,掌握了这个知识以后,便会注重增强和优化用户习惯性关注的区域。

当然,决定用户关注点的往往是设计本身,“F型”仅仅是一个基本的向导,不可以教条的使用F型来决定20%的位置。


广州网站建设,网站建设,广州网页设计,广州网站设计
 

移动设计趋势和80/20规则

伴随着当前移动设备的大行其道,许多设计师和开发人员尝试首先设计移动设备页面。也就是说,在策划和开发一个网站之前,应该先做出移动版本的页面,以期获得收益。

在传统的网站和网络应用中,使用频率和交互频率最高的区域被归入20%部分。当设计移动界面时,只关注那20%的部分。

相比于传统网站中所提供的丰富功能,即使此网站的移动版包含20%最常用的功能,那么就可以说这个移动版本具有了大多数重要的功能。

我们看看以下这个案例:

网页设计的80/20规则

上图是一个网站的全貌,看起来有一种凌乱的欢乐气氛。网站上有一些引导用户形为的区域。这个网站设计绝对不是全世界最差的,但总的来说不是非常的集中,并且有太多的选择。

对比下面的移动版页面:

网页设计的80/20规则

相比之下,移动版界面非常简洁,引导用户第一眼找到最重要的信息,而不是让用户感觉不知所措。

因此,紧凑的移动网页应用是一个非常好的范例。设计师将大部分的精力投入到项目最重要的方面。也就是说,将精力投入到大部分时间里(80%)用户经常使用的功能和内容(20%)。

经验总结:

在理解了80/20规则的作用原理后,设计人员便可以遵循以下方法,总结如下:

◆如果可以,仔细分析网站统计和可用性数据,以确定用户最经常使用的那20%的功能。

◆排定优先级。关注网站和网络应用中最重要的几个方面,并不断强化。

◆统计出归入20%的最常使用的功能,在此基础上简化设计和布局。

◆去掉不重要的不经常被使用的功能和内容 。

◆不要在那些不太经常使用的功能上投入太多时间和资金,因为你的回报可能是非常小的。

◆对于不经常使用的但重要的元素,尝试改进它的设计和功能,因为一旦使用频率提高,这些元素会对交互产生很大的影响。

虽然80/20规则是一个仍在固有缺陷,并存有争议的原理,可它并不是一无是处。在你做重新设计、重新组合乃至新项目时都可以运用80/20规则。

80/20规则能够引导用户关注最重要的功能和内容,并最终提高网站的转换率。


广州网站建设,网站建设,广州网页设计,广州网站设计

标签:
飞机