在过去的几年里,文章和博客文章开始问同样的问题:“为什么所有的网站看起来都是一样的?”
这些帖子通常会指出一些常见的设计元素,从带有叠加文本的大图片到汉堡菜单,这是三条水平线,当点击时,会显示可供选择的页面选项列表。
我的同事巴迪亚·杜斯蒂(Bardia Doosti)、大卫·克兰德尔(David Crandall)、诺曼·苏(Norman Su)和我正在研究网络的历史,这时我们开始注意到这些帖子突然出现。不过,没有一位作者做过任何形式的实证研究。这更多的是他们的预感。
我们决定对这一说法进行调查,看看网站开始看起来一样的说法是否属实,如果是这样的话,探索为什么会发生这种情况。因此,我们进行了一系列数据挖掘研究,仔细检查了1万个网站上的近20万张图片。
要研究整个互联网几乎是不可能的;有超过10亿个网站,有很多倍于此的网页。由于没有可供选择的全部列表,因此随机进行互联网抽样是不可能的。即使这是可能的,大多数人也只是定期访问这些网站的一小部分,所以随机抽样可能甚至不会像大多数人经历的那样捕捉到互联网。
我们最终使用了罗素1000(Russell 1000)的网站,这是美国市值最高的企业,我们希望它能代表主流企业网页设计的趋势。我们还研究了另外两组网站,一组是Alexa的500个流量最大的网站,另一组是获得Webby Awards提名的网站。
因为我们对这些网站的视觉元素感兴趣,所以我们使用了定期保存网站的互联网档案馆(Internet Archive)提供的他们网页的图片作为数据。因为我们想要收集对比数百万个网站对的定量数据,所以我们需要自动化分析过程。
要做到这一点,我们必须确定一个我们可以自动测量的“相似性”的定义。我们调查了颜色和布局等特定属性,以及使用人工智能从数据中自动学习的属性。
对于颜色和布局属性,我们测量了将一个网站的配色方案或页面结构转换为另一个网站需要进行的逐个像素的编辑次数。对于人工智能生成的属性,我们训练了一个机器学习模型,根据图像来自哪个网站对图像进行分类,并测量模型学习到的属性。我们之前的工作表明,这在度量风格相似性方面做得相当好,但是人类很难理解模型关注的是什么属性。
我们发现,在所有三个指标-颜色、布局和人工智能生成的属性-网站之间的平均差异在2008年至2010年达到峰值,然后在2010年至2016年下降。布局差异减少的最多,在这段时间内下降了30%以上。
这些发现证实了网页设计博客作者的怀疑,即网站正在变得越来越相似。在展示了这一趋势之后,我们想要研究我们的数据,看看是什么具体的变化导致了这一趋势。
您可能认为这些站点只是复制彼此的代码,但随着时间的推移,代码相似性实际上已显著降低。然而,软件库的使用增加了很多。
库以常见任务的通用代码集合为特色,例如为移动设备调整页面大小或制作汉堡菜单滑入滑出。我们观察了哪些站点有很多共同的库,以及它们看起来有多相似。使用某些库构建的网站-Bootstrap、FontAwese和JQuery UI-看起来彼此更相似。这可能是因为这些库控制页面布局,并且具有常用的默认选项。使用其他库(如SWFObject和JQuery工具)的站点往往看起来非常不同,这可能是因为这些库允许更复杂、更定制的页面。
2005年平均相似度得分的网站往往比2016年平均相似度得分的网站看起来不那么相似。
例如,在2005年,Webshots.com和Yum.com被认为相对相似,但配色方案和布局略有不同。虽然它们都主要使用白色、蓝色和黑色,但右边的网站背景是蓝色的。
而2016年的两个网站,Xfinity.com和Gilt.com则更加相似:它们的顶部都有一个菜单栏,主要是黑白相间的图片。这些页面的文本要少得多,并且更好地利用了现有的更高分辨率的显示器。
一方面,追随潮流在其他设计领域是完全正常的,比如时尚或建筑。如果设计因为使用相同的库而变得越来越相似,这意味着它们很可能变得更容易为视障人士所接受,因为流行的库通常比个别开发人员更善于符合可访问性标准。它们也更加用户友好,因为新访问者不需要花那么多时间来学习如何浏览网站的页面。
另一方面,互联网是一个共享的文化产物,它的分布式、去中心化的性质是它的独特之处。随着主页和完全可定制的平台(如Neopets和MySpace)逐渐淡出人们的记忆,网页设计可能会失去其作为一种创造性表现形式的力量。Mozilla基金会认为整合不利于互联网的“健康”,网络的美感可以被视为其福祉的一个因素。
如果网站因为许多人使用相同的图书馆而看起来更相似,那么维护这些图书馆的大型科技公司可能会在互联网的视觉美学上获得不成比例的权力。虽然与保密代码相比,发布任何人都可以使用的库可能会给网络带来净收益,但大型科技公司的设计原则并不一定适用于每个网站。
这种巨大的力量是科技行业整合的更大故事的一部分-这当然可能是一个令人担忧的原因。我们认为,审美巩固也应该得到严格的审视。
喜欢你读过的吗?想要更多吗?注册该对话的每日时事通讯。]