為什么現(xiàn)在網(wǎng)站都長一個樣？研究人員分析1萬個網(wǎng)站后找到了真相

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

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

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

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

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

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

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

為了做到這一點，就必須確定一個可以自動測量的“相似性”的標準。Goree團隊研究了網(wǎng)站配色和布局等特定屬性，以及使用人工智能從數(shù)據(jù)中自動學習屬性。簡單的說

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

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

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

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

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

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

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

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

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

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

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

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

2016 年Xfinity.com和Gilt.com截圖

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

一方面，在時尚或建筑等其他設(shè)計領(lǐng)域，緊跟潮流是很正常的現(xiàn)象。如果設(shè)計變得越來越相似，因為它們使用相同的庫，這意味著它們可能變得更容易被視覺障礙者訪問，因為主流的庫通常比單個開發(fā)人員更容易符合訪問標準。優(yōu)勢是，對用戶更加友好，因為新訪客不必花那么多時間適應(yīng)瀏覽網(wǎng)站頁面。

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

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

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

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

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

廣告

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