欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

网页设计中的80/20法则

发布时间:2017:09:06 09:01:28 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1529个文字,预计阅读时间4分钟
导语
设计和艺术是我们经常并举、对比和讨论的话题。两者相对,差别也颇为明显。相比于仿若天成、引人深思,令人惊艳的艺术,设计常常以一种富有规律、精心布置的形态出现,呈现出

设计和艺术是我们经常并举、对比和讨论的话题。两者相对,差别也颇为明显。相比于仿若天成、引人深思,令人惊艳的艺术,设计常常以一种富有规律、精心布置的形态出现,呈现出人为的机巧,当我们对于背后的原理有所洞悉之时,多会用“充满设计感”来描述眼前的事物。设计是科学,设计讲道理。

广泛意义上的设计所牵涉到的行业、领域之多,怕是一本书都无法尽述,而设计法则,却常常能通行于这些多样的行业与领域之间,这也是设计法则的实用和迷人之处。所以,不论我们以何种姿态、怎样的知识背景踏入设计的领域之后,总会忍不住去探索设计的规律,寻求设计的法则。

常见的设计法则很多,它们深入到设计的方方面面。而今天我们准备聊的,是80/20法则。

80/20法则

80/20 法则有很多种不同的叫法,中文简称“二八法则”,还有人会根据这一法则的发现者经济学家Vifredo Pareto 而称之为“帕列托法则”。

推荐阅读:网站建设测试网页可用性

对,80/20 法则起源于经济学。Pareto 观察到80%的财富掌握在20%人的手里,从而有此理论,随后这一理论在Joseph M. Juran 手里发扬光大。现在我们所说的80/20法则可以抽象为下面的概念:

“在复杂多样的大系统当中,大部分的效果由少数几项关键的因素来决定。”

在很多相关的统计数据当中,“大部分”并非精确的80%,而“几项关键因素”也不是稳定的20%比例,这是一个大概的范畴,常常是在80%和20%上下浮动,这种配比可以是90%+10%,也可能是60%+40%,而它所反映的是普适的分配原则。


网页设计中的80/20法则

80/20 原则适用领域非常广泛,尤其是在经济、管理和工程领域。同样的,它在 UI & UX 领域同样有着广泛的运用。图形化界面出现于70年代中期,而在80年代末就有设计师将80/20 法则加入到相关的设计规范当中去了。


网页设计中的80/20法则

灵活的运用

80/20 法则的核心在于分清主次,更有效地调配和整合资源,提升设计的效率,达到最大化的目的。

占据产品中80%使用量的是20%的功能;

80%的进步,是来自于20%关键性的努力

80%的产品误差,源自于20%的组件

企业80%的收益,来自于20%的产品

城市80%的拥堵,集中在20%的道路上

在设计决策过程中,80/20 法则所提供的思路,能够很大程度上帮你梳理出设计的方向。既然用户将80%的时间都消耗在20%的关键功能上,那么从研究到原型设计,从开发到产品测试,都可以有意识地沿着这个思路来进行,将设计和测试的重心都围绕着这20%来进行,剩下的80%则按照这种策略,进行评估。同样的,产品中多数问题也通常集中在20%的内容上,产品在不断迭代升级中,解决问题的方向也可以如此来制定。


网页设计中的80/20法则

在内容的选取上,20%的内容是80%的用户所关注的,而这也正是进行内容规划的思路。最典型的,用户注册表单内容的变迁。随着大量用户数据和用研经验的积累,网站和APP的注册表单从最开始的6到7个不同的字段,逐步缩减到现在仅有2~3个关键的字段(用户名,密码,注册邮箱/手机号),甚至使用通用的社交媒体帐号一键注册/登录,这种优化的方向可以说是80/20法则的一种隐形的优化。

在 UI&UX 设计中运用

在图形化界面的设计当中,80/20法则的运用,一点都不比其其他的领域少,甚至可以说,现代UI和交互设计一刻都离不开80/20这一“关键少数”法则。


网页设计中的80/20法则

在很多时候,想要弄清楚影响整个设计决策的关键性的20%的内容,其实是有办法的。最典型的Web后台分析和统计数据,用户提交的表单,浏览器Cookie 都可以帮助你跟踪和了解用户的行为。这些数据能够帮助我们了解UI的哪些区域是用户互动的较多的。

另一方面,有许多较为细微末节的行为是无法通过这些工具和数据获取的,而这个时候,则可以通过测试时观察用户,以及可用性研究来达成目的。

在进行具体的UI和交互设计的时候,80/20法则所起到的作用也相当的关键。我们常见的编辑器,不论是我们熟知的PS还是办公用的Office 系列软件,都会将最常用的工具和控件置于显眼的地方,而将使用率相对较低的部分隐藏,以避免出现下面的状况:


网页设计中的80/20法则

表单设计

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:几种常用的识别页面字体方法

下一篇:电商专题页面设计技巧

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信