为什么现在网站都长一个样研究人员分析1万个网站后找到了真相。

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

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

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

网站的相似度分析

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

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

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

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

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

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

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

1.jpg

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

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

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

2.jpg

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

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

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

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

3.jpg

2006 年Webshots.com和Yum.com的截图

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

4.jpg

2016 年Xfinity.com和Gilt.com截图

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

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

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

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

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

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/46888.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月3日 01:18
下一篇 2022年7月3日 01:18

相关推荐

  • 什么是网络推广企业做网络推广有什么优势。

    现在世界上的网民越来越多,人们的消费习惯也发生了巨大的变化。人们过去常常出去买东西,但现在已经意识到人们可以足不出户就能买到东西。网购让人们的生活更加便捷高效,但是消费者很方便。对于只在网上做广告的…

    2022年9月10日
    067
  • 网站建设前的三个策略。

    我们在做网站建设的时候,一般会从三个方面进行规划。今天点瑞网络就给大家讲讲网站建设前的三大策略! 一、免费的优缺点 大多数人做网站首先想到的是免费赚钱。自由绝对是一件好事。每个人都想要免费的午餐,但是…

    2022年9月10日
    063
  • 官方网站设计后该怎么维护?

    网站设计,企业设计官方网站容易,但是真正能让用户记住,真正为企业带来好处、带来客户的却并不多。大部分网站都和大海中沙粒一般,出现不久后就沉入海底,找不到踪迹。然而,大环境如此,企业更是不知道建立什么…

    2019年11月1日
    0226
  • 长尾词记录单怎么做。

    长尾词记录单怎么做?我们的做法是做一个表格,第一列是重要长尾关键词列表,第二列是网址。然后在以后发文章的过程中,只要出现和列表中相同的词,我们就直接做一个链接。当用户读到这个词时,可以点击链接,点击…

    2022年9月10日
    064
  • 教你关于企业做网站建设的这几大步骤。

    关于企业做网站建设的这几大步骤 很多公司一成立,就会考虑到建设自己的网站,让公司在互联网上安家。 关于企业做网站建设的这几大步骤 1、申请一个域名 域名可以根据公司名称,也可以根据主营产品来定。现在好的域…

    2022年11月14日
    02
  • 分享网页设计和模板制作不能忽略的细节有哪些。

    在网站建设过程中,权重以及排名是重要的目的,也是搜索引擎优化的重点。网站建设的好坏直接影响网站的排名。而影响网站建设好坏就是细节。正所谓,细节决定成败。下面我们就来说一说网页设计模板制作过程中哪些细…

    2023年6月9日
    00
  • 我来教你营销型企业网站建设的六大基本原则。

    随着互联网的发展普及,我国广大中小企业步入网络营销时代的步伐正在加快。营销型网站是对网站的发展,整合了各种网络营销理念和网站运营管理方法,不仅注重网站建设的专业性,更加注重网站运营管理的整个过程,是…

    2023年6月18日
    05
  • 我来教你哪些客户需要做网站,北京做网站的公司有哪些。

    随着互联网的普及和发展,越来越多的企业和个人开始意识到拥有一个自己的网站的重要性,一个专业的网站不仅可以帮助企业提高知名度,扩大业务范围,还可以为个人提供一个展示自己才华和成就的平台,哪些客户需要做…

    2024年6月28日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息