萨姆·戈里,
印第安纳大学
过去几年里,
文章 和
博客文章 大家开始提出类似这样的问题:“
为什么所有网站看起来都千篇一律了?”
这些帖子 通常会指出一些常见的设计元素,例如带有叠加文字的大图,
汉堡菜单就是那三条水平线,点击后会显示一个页面选项列表供选择。我和我的同事巴迪亚·杜斯蒂、大卫·克兰德尔、诺曼·苏正在研究……
网络发展史 当我们开始注意到这些帖子时,我们意识到,这些帖子的作者都没有进行任何实证研究,这更像是一种直觉。我们决定调查这一说法,看看网站是否真的开始变得千篇一律,如果属实,还要探究其背后的原因。于是,我们展开了调查。
一系列数据挖掘研究 它仔细审查了 10,000 个网站上的近 200,000 张图片。.
相似度究竟该如何衡量?
要研究整个互联网几乎是不可能的;
网站数量超过十亿。互联网上的网页数量是其他网站的数倍。由于没有完整的网页列表可供选择,因此对互联网进行随机抽样是不可能的。即使可行,大多数人也只会定期访问其中极少一部分网站,所以随机抽样甚至可能无法反映大多数人实际访问的互联网内容。最终,我们使用了以下网站:
罗素1000指数我们选取了市值排名前列的美国企业,希望这些企业能够代表主流企业网站设计的趋势。此外,我们还研究了另外两组网站,一组是 Alexa 排名前 500 的网站,另一组是入围 Alexa 排名前 500 的网站。
威比奖因为我们对这些网站的视觉元素感兴趣,所以我们使用了它们网页的图片作为数据。
互联网档案馆该网站定期维护。由于我们需要收集数百万个网站对的定量数据进行比较,因此需要实现分析过程的自动化。为此,我们必须确定一个可以自动测量的“相似度”定义。我们研究了颜色和布局等特定属性,以及使用人工智能从数据中自动学习到的属性。对于颜色和布局属性,我们测量了需要进行多少像素级的编辑才能将一个网站的配色方案或页面结构转换为另一个网站。对于人工智能生成的属性,我们训练了一个机器学习模型,根据图像来源网站对其进行分类,并测量模型学习到的属性。.
我们之前的工作 这表明该模型在衡量风格相似性方面做得相当不错,但人类很难理解该模型关注的是哪些属性。.
互联网发生了哪些变化?
我们发现,在所有三个指标(颜色、布局和 AI 生成的属性)中,网站之间的平均差异在 2008 年至 2010 年之间达到峰值,然后在 2010 年至 2016 年之间下降。布局差异下降幅度最大,在该时间段内下降了 30% 以上。.
该图显示了罗素1000指数成分公司的网站相似度。数值越低,表示所研究的网站平均而言越相似。
作者: Sam Goree
这些发现证实了网页设计博主们的猜想:网站之间的相似度越来越高。在揭示这一趋势后,我们希望深入研究数据,探究究竟是哪些具体变化导致了这种现象。你或许会认为这些网站只是在互相抄袭代码,但实际上,代码相似度随着时间的推移显著下降。然而,软件库的使用却大幅增加。.
左图显示 Russell 1000 网站之间的代码相似度下降,而右图则显示库重叠度上升。
作者: Sam Goree
库包含用于常见任务的通用代码集合,例如调整页面大小以适应移动设备或使汉堡菜单滑入滑出。我们研究了哪些网站使用了大量相同的库,以及它们的外观相似度。使用某些库(例如 Bootstrap、FontAwesome 和 jQuery UI)构建的网站往往看起来更加相似。这可能是因为这些库控制页面布局并具有常用的默认选项。而使用其他库(例如 SWFObject 和 jQuery Tools)的网站则往往看起来差异很大,这可能是因为这些库允许创建更复杂、更自定义的页面。2005 年至 2016 年的网站变化说明了这种情况。2005 年相似度得分中等的网站,其外观相似度往往低于 2016 年相似度得分中等的网站。例如,在 2005 年,Webshots.com 和 Yum.com 被认为相对相似,但它们的配色方案略有不同,布局也截然不同。虽然它们都主要使用白色、蓝色和黑色,但右侧的网站背景是蓝色的。.
2006 年 Webshots.com 和 Yum.com 的屏幕截图。
Sam Goree提供
另一方面,2016 年的两个网站 Xfinity.com 和 Gilt.com 则更为相似:它们顶部都有菜单栏,主要采用黑白配色并配以图片。这些页面上的文字较少,并且更好地利用了目前更高分辨率的显示器。.
2016 年 Xfinity.com 和 Gilt.com 的屏幕截图。Sam
Goree
墨守成规有益健康吗?
我们应该如何看待这种逐渐蔓延的趋同现象?一方面,在其他设计领域,例如时尚或建筑,追随潮流完全正常。如果设计作品因为使用相同的库而变得越来越相似,这意味着它们可能更容易被视障人士使用,因为流行的库……
通常更能遵守无障碍标准 与单个开发者相比,它们也更易于使用,因为新访客无需花费太多时间学习如何浏览网站页面。另一方面,互联网是一种共享的文化产物,其分布式、去中心化的特性使其独一无二。随着像 NeoPets 和 MySpace 这样的主页和完全可定制的平台逐渐被人遗忘,网页设计作为一种创意表达形式的力量可能会大打折扣。Mozilla 基金会
有人提出过这种观点。 这种整合不利于互联网的“健康”,而网络美学可以被视为其健康发展的一个要素。如果网站看起来越来越相似是因为许多人都在使用相同的库,那么维护这些库的大型科技公司可能会对互联网的视觉美感获得不成比例的影响力。虽然发布任何人都可以使用的库可能比将代码保密更有利于网络,但大型科技公司的设计原则未必适用于每个网站。这种过大的权力是科技行业整合这一更大趋势的一部分——而这一趋势无疑……
这可能令人担忧我们认为,美学上的融合也应该受到严格审视。.
Bardia Doosti、David Crandall 和 Norman Su 对本文亦有贡献。.
[
喜欢这篇文章吗?还想看更多? 订阅 The Conversation 的每日新闻简报.]
萨姆·戈里信息学博士生
印第安纳大学
本文转载自
对话 本作品采用知识共享许可协议。阅读全文
原文.