首页 > 知识•资讯 > 80/20法则在网页设计中的应用 > 正文

80/20法则在网页设计中的应用

2011/10/30 0:00:00 · 稿源:传诚信

80/20法则在网页设计中的应用
在最近开始阅读多一点的设计原则,我遇到了一个有趣的原则,所谓的80/20规则,也称为帕累托原则,朱兰的原则,关键的少数和琐碎的许多规则和因素稀疏原则。

这个原则,我只是在这片80/20法则,在网站和Web应用程序设计中考虑时,可以对用户体验产生深远的影响,并最终对内容的有效性或您的网站或Web应用程序的功能。

在这篇文章中,我将首先提供了一个基本的定义,那么我会考虑的80/20法则如何证明有利于一些具体的例子,然后我就总结了一些本规则的知识,可以从收集的经验教训。

什么是规则?

80/20法则最初是由意大利经济学家维尔弗雷多帕累托观察,实际的原则,被命名为帕累托原则,由约瑟夫M ·朱兰。

下面是从两个不同的来源的定义 。首先从书中设计的普遍原则 :0/20法则说,任何大型系统所产生的影响,约80%,20%在该系统中的变量引起的。

而旁边,帕累托原则,对于许多事件中,大约80%的影响,从20%的原因

立即这样你会发现,这并不总是一个原则,我们作为设计师过来,直接控制,但相反,它的一个原则,那我们观察,几乎是自然发生。

这一原则的存在,或发生规律的知识,然后,我们配备了有价值的信息,做出决策,这将有助于提高我们的设计中的可用性和有效性。

心中永远的假设性的规则...

是的,有评论家和那些觉得80/20法则是没有超过一个假设或过于一般的理论并不总是适用。

但是,把外,这个概念本身肯定是有利于那些用户界面和功能,需要检查和优化工作 - 即使规则更像是70/30或90/10。

我们如何将其应用到用户体验?

在任何网站,Web应用程序或软件环境,80/20法则告诉我们,20%的功能和特点,在任何一个环境中,将80%的结果,或者在该环境所采取的行动负责。

在某些情况下,很容易搞清楚什么构成的20%,有这么大的影响。网站分析统计,表单提交,会话cookie,都可以被用来跟踪用户行为。分析这些项目将帮助我们确定哪些地区的用户界面与大多数互动。

另一方面,规模较小,不使用这些方法跟踪的任务可能会更难分析。在这种情况下,可以进行可用性研究,观察,因为他们与您网站的用户界面交互用户。

一些例子,认识到80/20法则

无论是有意还是无意,有充足的证据,UI和UX设计师正在考虑这一原则的价值。

例如,以一个简单的UI元素,像一个下拉列表,在登记表中提出的国家。大多数网站开发人员或内容创作者认识到,80%的时间,某些国家将被选中。

所以,虽然它似乎是这样一个长长的清单,以打破字母排序的列表中的不良做法,80/20规则允许打破该公约是由放置在顶部的大部分国家,如在屏幕上抢低于所示芬恩赖特曼森的结帐页面:

Fenn Wright Manson's most likely country options

在其他情况下,作为一个新的地址添加到您的地址簿Amazon.com时,默认的选择是最选定的国家-在这种情况下,美国 :

Amazon's default country option

下面是另一个例子,这个来自英国的所谓业务的北廊岩,英国选项默认被选中 :

Norht Rock Gallery's default country option

上述这些简单的例子表明优化的功能和选项,最经常使用或选择的重要性。

用户看看哪里呢?

成立到现在的F -模式,阅读和扫描的网络用户的习惯已成为相当。当然,在F -模式并不总是在每一个市场的一个指标,但它是一个很好的出发点考虑您的用户将看当他们与您的设计互动 。

以在从知名Alertbox上面链接的文章如下所示heatmaps的外观:

Heatmaps Showing the F-Pattern

假设这是一个很好的指标,用户的眼睛是重点,支持80/20法则的概念。地图上的最激烈的地区,可以代表页面的20%,80%的时间与用户的眼睛互动。

从知识,作为设计师,我们可以作出决定,这将有助于提升和优化,用户要习惯性地吸引到该地区。

当然,设计往往会被用户看起来的决定性因素,因此,这个建议应该只是一个基本的指导和不一定是教条的方式决定下的20%下降。

手机的设计趋势和80/20法则

近年来,随着全球移动设备的爆炸,一些设计师和开发人员,最显着的卢克 Wroblewski,已鼓励移动网页设计 。也就是说,设计和开发一个网站时,移动版应该做的第一,而不是其他方式,以达到一定的好处。

在传统的网站或Web应用程序,您的网站的某些地区,自然会下降20%,是最常用和互动与下。当一个移动网站设计,重点是放在那20%(或大约)。

因此,当一个网站的移动版本可能有其自身的20%,最常用的选项,与传统的网站上提供的全部内容,移动版本,通常会只有最重要的功能。

这里有一个简单的例子,下面使用PETCO.com网站:

Petco full website

上面显示的是网站的完整版本,在其所有杂乱的荣耀。虽然有一些号召性行动领域,它肯定不是世界上最糟糕的设计,整体不是很集中,而且有太多的选择。

与此相比,移动版本,下面:

Petco mobile

相比之下,上面显示的是手机界面简单,帮助用户获得最重要的领域,没有压倒他们,的。在移动版本的唯一可用的选项的选项和内容领域的最完整版本。

因此,好集中的移动网络应用程序的设计师窜他们的能量是很好的例子,他们的项目中最重要的方面,住的功能和内容(20%)的使用时间(80%)最集中。

经验教训总结

如何80/20法则的作品,设计师都配备在许多方面采取行动的理解,归纳如下:

  • 在可能的情况下,仔细分析和可用性数据进行分析,以确定您的网站的20%,最常用的功能
  • 优先;这是您的网站或Web应用程序最重要的环节,重点,并加强这些
  • 不要花太多时间优化的东西,在不经常使用的80%下降
  • 根据数据确定落在下的20%,最常用的功能简化您的设计和布局
  • 删除不重要的功能或内容,不经常使用
  • 不要投入太多时间和金钱,优化您的投资回报,因为较少使用的功能可能会很差
  • 想方设法提高更关键要素,较少使用的功能和设计,如果这些元素的设计更常用可能有较大的影响上转换

80/20法则是一个值得商榷的原则,与一些固有的缺陷,它不是没有价值。因此,在您重新设计,重新调整,或为新的项目,甚至过程中考虑这一规则。

这应有助于用户停留的最重要的功能和内容上集中,并最终将有助于提高转换率。

这篇文章是专门写Webdesigner车厂路易Lazaris,自由撰稿人,Web开发人员。路易运行在他的岗位上的文章和教程网页设计令人印象深刻的站点 。您可以按照Twitter的路易斯,或通过他的网站与他联系 。

你有没有考虑在您的设计决策的80/20法则吗?什么样的影响,它已在您的网站或Web应用程序的成功?下面分享您的意见。

选择北京网站建设公司-传诚信,优质服务,绝对不容错过 !
1. 优秀的网络资源,稳定的网站和速度保证 
(配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间) 
2. 7年北京网站建设经验,优秀的技术和设计水平,更放心 
3. 全程省心服务,不必担心自己不懂网络,更省心。 

-----------------------------------------------------------------------------------------------------
我们的与众不同之处:

    免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务网站设计等的事宜,欢迎随时联系我们。

    seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。

     免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,
     如何优化网站,我们有丰富的经验开放给您!祝君成功!

联系我们:010-62199213 62122723-808  400-697-8610  徐小姐
北京网站建设公司-传诚信网站:www.ccxcn.com 点击查看经典网站案例



  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354