在過去的幾年里，一些文章和網(wǎng)頁設(shè)計(jì)博客開始提出這樣的疑問：“為什么現(xiàn)在所有的網(wǎng)站風(fēng)格看起來都一個(gè)樣了?”

這些帖子通常會(huì)指出網(wǎng)站一些雷同的設(shè)計(jì)元素，比如疊加文本的大圖片、漢堡式菜單(通常是三行堆積在一起，形狀類似于一個(gè)漢堡)，點(diǎn)擊后會(huì)顯示出可供選擇的頁面選項(xiàng)列表等等。

印第安納大學(xué)信息學(xué)的博士生Sam Goree發(fā)現(xiàn)這一趨勢之后，便和其它研究人員一起進(jìn)行了系列的數(shù)據(jù)挖掘，仔細(xì)研究了 10000 個(gè)網(wǎng)站上的近 20 萬張圖片，探索為什么會(huì)出現(xiàn)這樣的情況。

網(wǎng)站的相似度分析

全球互聯(lián)網(wǎng)上網(wǎng)站超過 10 億個(gè)，要對(duì)這些網(wǎng)站進(jìn)行全面研究是不可能的。由于沒有全部的列表可供選擇，對(duì)互聯(lián)網(wǎng)網(wǎng)站進(jìn)行隨機(jī)抽樣分析的方法也就不可行了。另外，一個(gè)隨機(jī)樣本意義可能不大，因?yàn)檫@可能無法捕捉到大多數(shù)人所訪問的網(wǎng)站。

鑒于各種因素，Goree最終選擇使用了比較有代表性的羅素 1000 指數(shù)的網(wǎng)站(也就是采用在羅素 3000 指數(shù)中市值大的1000 家公司網(wǎng)站)作為研究樣本，這在一定程度上更能代表主流企業(yè)網(wǎng)站設(shè)計(jì)的趨勢。Goree還研究了另外兩組網(wǎng)站，一組是Alexa前 500 個(gè)訪問量大的網(wǎng)站，另一組是獲得威比獎(jiǎng)(The Webby Awards，是國際公認(rèn)的代表數(shù)字行業(yè)最和權(quán)威的國際性大獎(jiǎng))提名的網(wǎng)站。

Goree團(tuán)隊(duì)對(duì)這些網(wǎng)站的視覺元素十分感興趣，并使用來自互聯(lián)網(wǎng)檔案館( Internet Archive)的網(wǎng)頁圖片作為研究數(shù)據(jù)。由于研究人員想要通過比較數(shù)百萬對(duì)網(wǎng)站進(jìn)而收集定量數(shù)據(jù)，于是采用了自動(dòng)化分析過程。

為了做到這一點(diǎn)，就必須確定一個(gè)可以自動(dòng)測量的“相似性”的標(biāo)準(zhǔn)。Goree團(tuán)隊(duì)研究了網(wǎng)站配色和布局等特定屬性，以及使用人工智能從數(shù)據(jù)中自動(dòng)學(xué)習(xí)屬性。簡單的說

在網(wǎng)站配色和布局屬性方面，研究人員通過分析網(wǎng)頁配色和布局判斷網(wǎng)站的相似度。在人工智能生成的屬性方面，研究人員訓(xùn)練了一個(gè)機(jī)器學(xué)習(xí)模型，可對(duì)網(wǎng)頁截圖進(jìn)行分類并分析圖片的屬性。

大量使用相同的庫 導(dǎo)致網(wǎng)站風(fēng)格趨于一致

在顏色、布局和人工智能生成的屬性這三個(gè)指標(biāo)上，網(wǎng)站之間的平均差異在 2008 年至 2010 年達(dá)到峰值，到了 2010 年至 2016 年開始下降。其中布局差異越來越少，在這期間下降超過30%。

圖片顯示了羅素 1000 指數(shù)公司的網(wǎng)站相似性。數(shù)值越低意味著研究站點(diǎn)相似度越高

這些發(fā)現(xiàn)驗(yàn)證了上述網(wǎng)頁設(shè)計(jì)博客們看法，即網(wǎng)站正變得越來越相似。那么是哪些特定的變化導(dǎo)致了這一變化呢?

大多數(shù)人可能會(huì)認(rèn)為是因?yàn)檫@些站點(diǎn)簡單地復(fù)制彼此的代碼。事實(shí)上，隨著時(shí)間的推移，代碼相似性已經(jīng)顯著降低，而軟件庫的使用增加了很多。

左圖顯示羅素 1000 指數(shù)網(wǎng)站的代碼相似度下降，而右圖則顯示了庫重疊的增加

庫的功能是為常見任務(wù)提供通用代碼集合，例如為移動(dòng)設(shè)備調(diào)整頁面大小或制作漢堡式菜單欄的滑入滑出效果。Goree團(tuán)隊(duì)研究了那些使用共同庫的網(wǎng)站后，發(fā)現(xiàn)它們看起來相似度極高。用特定庫(bootstrap、FontAwesome和JQuery ui)構(gòu)建的站點(diǎn)往往風(fēng)格越是趨于一致。這可能是因?yàn)檫@些庫控制頁面布局并提供了常用的默認(rèn)選項(xiàng)。而其他庫(如SWFObject和JQuery工具)的站點(diǎn)往往看起來有很大的不同，這可能是因?yàn)檫@些庫允許更復(fù)雜、定制化的頁面。

2005 年到 2016 年的網(wǎng)站變化說明了這一點(diǎn)。 2005 年平均相似度得分的網(wǎng)站比 2016 年低了很多，網(wǎng)站相似度也更低。

例如，在 2005 年，Webshots.com和Yum.com被認(rèn)為是相對(duì)相似的，但有一些不同的配色方案和很不一樣的布局。雖然它們都主要使用白色、藍(lán)色和黑色，但是右邊的站點(diǎn)有一個(gè)藍(lán)色的背景。

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

再舉一個(gè)例子， 2016 年的Xfinity.com和Gilt.com兩個(gè)網(wǎng)站則更加相似：它們都在頂部設(shè)有一個(gè)菜單欄，主要是黑白相間的圖片。這些頁面的文本少了很多，并且更充分地利用了現(xiàn)有的高分辨率顯示器。

2016 年Xfinity.com和Gilt.com截圖

網(wǎng)站風(fēng)格越來越趨于一致性是件好事嗎?

一方面，在時(shí)尚或建筑等其他設(shè)計(jì)領(lǐng)域，緊跟潮流是很正常的現(xiàn)象。如果設(shè)計(jì)變得越來越相似，因?yàn)樗鼈兪褂孟嗤膸?，這意味著它們可能變得更容易被視覺障礙者訪問，因?yàn)橹髁鞯膸焱ǔ１葐蝹€(gè)開發(fā)人員更容易符合訪問標(biāo)準(zhǔn)。優(yōu)勢是，對(duì)用戶更加友好，因?yàn)樾略L客不必花那么多時(shí)間適應(yīng)瀏覽網(wǎng)站頁面。

另一方面，互聯(lián)網(wǎng)是一種共享的文化產(chǎn)物，其分布式、去中心化的特性使其獨(dú)一無二。隨著主頁和完全定制的平臺(tái)(如NeoPets、MySpace等)逐漸淡出人們的記憶，那些急劇個(gè)性化和創(chuàng)造性網(wǎng)頁設(shè)計(jì)也跟著大大的減弱了。Mozilla基金會(huì)認(rèn)為，這種整合并不利于互聯(lián)網(wǎng)的“健康”，而網(wǎng)絡(luò)美學(xué)應(yīng)該是影響互聯(lián)網(wǎng)健康的一個(gè)因素。

如果網(wǎng)站風(fēng)格越來越相似，是因?yàn)樵S多人使用相同的庫，維護(hù)這些庫的大型科技公司可能會(huì)在互聯(lián)網(wǎng)的視覺美學(xué)上獲得過大的權(quán)力。雖然發(fā)布任何人都可以使用的庫對(duì)于網(wǎng)絡(luò)來說比保持代碼私密化有更多的好處，但是大型科技公司的設(shè)計(jì)原則并不一定適合每一個(gè)網(wǎng)站。

如果整個(gè)互聯(lián)網(wǎng)美學(xué)都被一些科技巨頭主導(dǎo)，肯定會(huì)引發(fā)人們的擔(dān)憂，畢竟美學(xué)的整合也應(yīng)該在批判中發(fā)展，而不是變成“一家之言”。

分享標(biāo)題：為什么現(xiàn)在網(wǎng)站都長一個(gè)樣？研究人員分析1萬個(gè)網(wǎng)站后找到了真相
當(dāng)前路徑：http://jinyejixie.com/news48/101498.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站內(nèi)鏈、定制網(wǎng)站、用戶體驗(yàn)、網(wǎng)站營銷、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)