为什么现在网站都长一个样?分析1万个站点后找到了真相

 二维码 398
发表时间:2020-05-22 11:11作者:奔逸传媒来源:网络网址:http://www.whbenyi.com

在过去的几年里,一些文章和网页设计博客开始提出这样的疑问:“为什么现在所有的网站风格看起来都一个样了?”

这些帖子通常会指出网站一些雷同的设计元素,比如叠加文本的大图片、汉堡式菜单(通常是三行堆积在一起,形状类似于一个汉堡),点击后会显示出可供选择的页面选项列表等等。

印第安纳大学信息学的博士Sam Goree发现这一趋势之后,便和其它研究人员一起进行了系列的数据挖掘,仔细研究了 10000 个网站上的近 20 万张网页截图,探索为什么会出现这样的情况。


网站的相似度分析

全球互联网上网站超过 10 亿个,要对这些网站进行全面研究是不可能的。由于没有全部的列表可供选择,对互联网网站进行随机抽样分析的方法也就不可行了。另外,一个随机样本意义可能不大,因为这可能无法捕捉到大多数人所访问的网站。

鉴于各种因素,Goree最终选择使用了比较有代表性的罗素 1000 指数的网站(也就是采用在罗素 3000 指数中市值最大的1000 家公司网站)作为研究样本,这在一定程度上更能代表主流企业网站设计的趋势。Goree还研究了另外两组网站,一组是Alexa前 500 个访问量最大的网站,另一组是获得威比奖(The Webby Awards,是国际公认的代表数字行业最领先和权威的国际性大奖)提名的网站。

Goree团队对这些网站的视觉元素十分感兴趣,并使用来自互联网档案馆( Internet Archive)的网页图片作为研究数据。由于研究人员想要通过比较数百万对网站进而收集定量数据,于是采用了自动化分析过程。

为了做到这一点,就必须确定一个可以自动测量的“相似性”的标准。Goree团队研究了网站配色和布局等特定属性,以及使用人工智能从数据中自动学习属性。

在网站配色和布局属性方面,研究人员通过分析网页配色和布局判断网站的相似度。在人工智能生成的属性方面,研究人员训练了一个机器学习模型,可对网页截图进行分类并分析其属性。


使用相同的库 使网站风格趋于一致

在颜色、布局和人工智能生成的属性这三个指标上,网站之间的平均差异在 2008 年至 2010 年达到峰值,到了 2010 年至 2016 年开始下降。其中布局差异越来越少,在这期间下降超过30%。


微信图片_20200522111308.jpg

注:图片显示了罗素 1000 指数公司的网站相似性。数值越低意味着研究站点相似度越高


这些发现验证了上述网页设计博客们看法,即网站正变得越来越相似。那么是哪些特定的变化导致了这一变化呢?

大多数人可能会认为是因为这些站点简单地复制彼此的代码。事实上,随着时间的推移,代码相似性已经显著降低,而软件库的使用增加了很多。


微信图片_20200522111343.jpg

注:左图显示罗素 1000 指数网站的代码相似度下降,而右图则显示了库重叠的增加


库的功能是为常见任务提供通用代码集合,例如为移动设备调整页面大小或制作汉堡式菜单栏的滑入滑出效果。Goree团队研究了那些使用共同库的网站后,发现它们看起来相似度极高。用特定库(bootstrap、FontAwesome和JQuery ui)构建的站点往往风格越是趋于一致。这可能是因为这些库控制页面布局并提供了常用的默认选项。而其他库(如SWFObject和JQuery工具)的站点往往看起来有很大的不同,这可能是因为这些库允许更复杂、定制化的页面。

2005 年到 2016 年的网站变化说明了这一点。2005 年平均相似度得分的网站比 2016 年低了很多,网站相似度也更低。

例如,在 2005 年,Webshots.com和Yum.com被认为是相对相似的,但有一些不同的配色方案和很不一样的布局。虽然它们都主要使用白色、蓝色和黑色,但是右边的站点有一个蓝色的背景。


微信图片_20200522111347.jpg

注:图文为2006 年Webshots.com和Yum.com的截图


再举一个例子, 2016 年的Xfinity.com和Gilt.com两个网站则更加相似:它们都在顶部设有一个菜单栏,主要是黑白相间的图片。这些页面的文本少了很多,并且更充分地利用了现有的高分辨率显示器。


微信图片_20200522111350.jpg

注:图片为2016 年Xfinity.com和Gilt.com截图


网站风格越来越趋于一致性是好事吗?

一方面,在时尚或建筑等其他设计领域,紧跟潮流是很正常的现象。如果设计变得越来越相似,因为它们使用相同的库,这意味着它们可能变得更容易被视觉障碍者访问,因为主流的库通常比单个开发人员更容易符合访问标准。优势是,对用户更加友好,因为新访客不必花那么多时间适应浏览网站页面。

另一方面,互联网是一种共享的文化产物,其分布式、去中心化的特性使其独一无二。随着主页和完全定制的平台(如NeoPets、MySpace等)逐渐淡出人们的记忆,那些急剧个性化和创造性网页设计也跟着大大的减弱了。Mozilla基金会认为,这种整合并不利于互联网的“健康”,而网络美学应该是影响互联网健康的一个因素。

如果网站风格越来越相似,是因为许多人使用相同的库,维护这些库的大型科技公司可能会在互联网的视觉美学上获得不对等的权力。虽然发布任何人都可以使用的库对于网络来说比保持代码私密化有更多的好处,但是大型科技公司的设计原则并不一定适合每个网站。

如果整个互联网美学都被一些科技巨头主导,肯定会引发人们的担忧,毕竟美学的整合也应该在批判中发展,而不是变成“一家之言”。


最新资讯
普瑞凡定制牛商 临沂邵珠广【记者】:随着当前国民经济的发展,民族文化自信逐渐提升。在此背景下,请问贵经销商当地消费模式发生了哪些新变化?【邵珠广】:首先是在消费观念上发生了新的改变,轻奢类产品感官上更吸引顾客,消费时价格已经不是主要的因素了,风格、品质、独特的设计等等都是购买时的必选项。说到在浴室主材方面消费模式,由传统的成品需求上升到定制及多元化产品类型,尤其是带有个人特色的小模块产品是目...
2021-09-07
5月13日,2020百度移动生态大会(简称“万象大会”)正式召开。会上,百度集团执行副总裁沈抖强调,百度移动生态的核心是信息和知识,今年百度将重点打通多个百度系产品,让创作者一次创作就能连接10亿百度系用户,同时以智能小程序等为核心抓手进一...
2020-05-15
现在的电商公司除了做直播带货之外,基本上也会做淘宝达人和小红书。今天,站长之家将为大家带来小红书运营详细攻略,为大家详细介绍小红书要怎么做,运营过程中需要注意什么问题等。以下是具体内容:01 怎么养号?做小红书首先要找准自己账号的定位并确定...
2020-05-22
(您可以点击音频播放,本篇文章播放完毕大致需要5分钟29秒)在我们做软文推广的过程中,经常会碰到拒稿的问题。也有不少客户会询问,为什么发布的稿件会被媒体拒稿。说内容不合适,到底是哪些内容不合适呢?为了让咱们的发稿用户更加了解拒稿原因,小编请...
2020-06-11
(您可以点击音频播放,本篇文章播放完毕大致需要3分钟32秒)如果你是企业老板,可以闭上眼睛畅想一番:你要卖一个产品,搜索这个产品词甚至行业词,发现各大搜索引擎的首页都是你的信息,那你不就是行业老大了吗?在互联网时代,如果你的品牌通过万词霸屏...
2020-06-11
一个良好的百度推广账户结构,就像坚实的地基一样,可以让我们的上层建筑愈发稳固。不仅方便我们数据的收集和整理,更有助于我们更有针对性的分析和调整账户,虽然说前期的搭建工作可能是枯燥乏味、消耗时间的,但是正所谓“磨刀不误砍柴工”。我们的账户层级...
2020-05-30
为什么我提交了很多资源,却只有一小部分被索引?很多百度智能小程序开发者都可能遇到过类似的疑问,本篇由智能小程序面面同学跟大家聊聊,在智能小程序sitemap提交中常见的坑,大家注意千万不要踩哦。
2020-05-28
教育培训行业怎么做营销推广比较好?如何才算有效的推广?有效应该如何衡量?是用咨询量、订单量、销售金额、ROI还是什么?根据经验,奔逸传媒总结出【教培行业独有的六大营销特点】,一个个来探讨。1.客户转化周期长教育行业有个特点就是客户的转化周期...
2020-05-27
新闻稿发布是企业对外传播的重要手段没有之一,遇到重大事件往往都是通过新闻正式发布,而再通过自媒体去扩散,虽然自媒体近年很是火爆,但是从权威性和可信度方面无法与媒体新闻相提并论。企业发布新闻稿是品牌公关的重要部分,但是对于新闻稿发布的节奏并无...
2020-05-24
淘站网轻应用支持抖音/头条小程序 >> 使用场景为助力企业更好、更快地收割短视频、内容资讯、下沉用户流量红利,轻应用小程序已上线抖音/头条小程序功能,可帮助企业快速注册、上线抖音/头条小程序。抖音/头条小程序一次发布,即可在抖音和头条A
2020-05-22

选择奔逸传媒

让你了解如何利用互联网找到新型营销模式、找到高质量的目标客户、挖掘独特卖点的产品、让你快速突破市场困局

速度快低成本、获取源源不断的订单

With the fastest speed, the lowest cost, access to an endless stream of orders


                                            现在咨询赠送价值5800元的诊断方案

热门推荐
普瑞凡定制牛商 临沂邵珠广【记者】:随着当前国民经济的发展,民族文化自信逐渐提升。在此背景下,请问贵经销商当地消费模式发生了哪些新变化?【邵珠广】:首先是在消费观念上发生了新的改变,轻奢类产品感官上更吸引顾客,消费时价格已经不是主要的因素了,风格、品质、独特的设计等等都是购买时的必选项。说到在浴室主材方面消费模式,由传统的成品需求上升到定制及多元化产品类型,尤其是带有个人特色的小模块产品是目...
2021-09-07
5月13日,2020百度移动生态大会(简称“万象大会”)正式召开。会上,百度集团执行副总裁沈抖强调,百度移动生态的核心是信息和知识,今年百度将重点打通多个百度系产品,让创作者一次创作就能连接10亿百度系用户,同时以智能小程序等为核心抓手进一...
2020-05-15
现在的电商公司除了做直播带货之外,基本上也会做淘宝达人和小红书。今天,站长之家将为大家带来小红书运营详细攻略,为大家详细介绍小红书要怎么做,运营过程中需要注意什么问题等。以下是具体内容:01 怎么养号?做小红书首先要找准自己账号的定位并确定...
2020-05-22
教育培训行业怎么做营销推广比较好?如何才算有效的推广?有效应该如何衡量?是用咨询量、订单量、销售金额、ROI还是什么?根据经验,奔逸传媒总结出【教培行业独有的六大营销特点】,一个个来探讨。1.客户转化周期长教育行业有个特点就是客户的转化周期...
2020-05-27
为什么我提交了很多资源,却只有一小部分被索引?很多百度智能小程序开发者都可能遇到过类似的疑问,本篇由智能小程序面面同学跟大家聊聊,在智能小程序sitemap提交中常见的坑,大家注意千万不要踩哦。
2020-05-28
不知不觉间,2020的进度条烧得越来越短,又是一个月底了,不知道小伙伴们的业绩都完成得怎么样了呢?今天,我们就为大家带来了销售系统近期上线的重磅功能与5月特惠,帮诸位月末发力,冲冲冲!
2020-05-22
在过去的几年里,一些文章和网页设计博客开始提出这样的疑问:“为什么现在所有的网站风格看起来都一个样了?”这些帖子通常会指出网站一些雷同的设计元素,比如叠加文本的大图片、汉堡式菜单(通常是三行堆积在一起,形状类似于一个汉堡),点击后会显示出可...
2020-05-22
近年来百度搜索算法一直在变化,但始终强调着要输出优质内容和用户体验,对于我们来说,到底什么样的优质内容才是对用户有价值的内容?这次,百度终于发布了一篇《百度搜索优质内容指南》为广大内容生产者提供参考。 这总算是对广大站长和所有百度系的内容生...
2020-05-17
共2页
到第
关于我们
公司介绍
武汉奔逸传媒有限公司
公司地址:武汉市关山大道保利国际中心7楼
联系人:袁经理
公司座机:027-59765656
联系电话:136-2727-8811