新聞網(wǎng)站的設(shè)計風(fēng)格始終徘徊在傳統(tǒng)和現(xiàn)代之間。為了捕獲用戶的真正口味，Engaging News Project的講演選擇傳統(tǒng)和現(xiàn)代兩種風(fēng)格的新聞網(wǎng)站為實驗對象，分別從新聞的點擊量、受眾對新聞的記憶度、對網(wǎng)站的好感度等方面分析頁面設(shè)計的必要性，并首次為新聞網(wǎng)頁設(shè)計提供了有力的數(shù)據(jù)支持和改版依據(jù).

網(wǎng)站“顏值的奧義” 為啥大家都愛現(xiàn)代范兒？

1.現(xiàn)代范兒讓用戶更陶醉

從2014年9月到今年6月，項目組對三批不同調(diào)查對象展開了三次獨立調(diào)查�？偣灿�2671名調(diào)查對象瀏覽傳統(tǒng)風(fēng)格的網(wǎng)站，其他介入者則瀏覽現(xiàn)代風(fēng)格的網(wǎng)站。三次調(diào)查結(jié)果表明，與傳統(tǒng)網(wǎng)站比擬，在非首頁的新聞頁面點擊量上，現(xiàn)代風(fēng)格的網(wǎng)站比傳統(tǒng)網(wǎng)站多了90%，也就是說，現(xiàn)代風(fēng)格的網(wǎng)站首頁更能吸引用戶點擊查看更多具體內(nèi)容。

非首頁新聞點擊量對比：現(xiàn)代風(fēng)格網(wǎng)站點擊量遠(yuǎn)超傳統(tǒng)風(fēng)格

2.現(xiàn)代網(wǎng)站讓用戶記住新聞細(xì)節(jié)

看完不同設(shè)計風(fēng)格的網(wǎng)站后，用戶們被要求寫下他們有印象的十篇文章的標(biāo)題，以及前兩三篇新聞里所有能記住的故事細(xì)節(jié)。

結(jié)果發(fā)現(xiàn)，固然整體記憶效果并不是特別好，但瀏覽現(xiàn)代風(fēng)格網(wǎng)站的用戶能記住的內(nèi)容比瀏覽傳統(tǒng)網(wǎng)站的高出50%以上。

網(wǎng)站記憶度調(diào)查數(shù)據(jù)：現(xiàn)代網(wǎng)站的“喚醒率”高于傳統(tǒng)網(wǎng)站

對于這種現(xiàn)象，該項目Talia Stroud博士解釋說，“我以為用戶之所以對現(xiàn)代化網(wǎng)站的記憶度更高，是由于他們被現(xiàn)代化的風(fēng)格吸引，因此更加傾向于點開那些網(wǎng)站上的文章�！�

3.網(wǎng)友偏愛現(xiàn)代范兒

除此之外，參加調(diào)查的網(wǎng)站用戶還分別從信息量、可托度、趣味性、易費用等七個方面去為兩種不同風(fēng)格的網(wǎng)站打分，從以下三組實驗數(shù)據(jù)可以看出，固然第二組數(shù)據(jù)的差異不大，但總體來說，現(xiàn)代風(fēng)格網(wǎng)站的綜合評分比傳統(tǒng)網(wǎng)站要高。

用戶對兩類網(wǎng)站的綜合評分：分值差異較小，現(xiàn)代網(wǎng)站略高于傳統(tǒng)網(wǎng)站

4.用戶寵愛的是首頁大圖

讀者為什么喜歡現(xiàn)代風(fēng)格網(wǎng)站？是由于首頁以圖片為主的排版風(fēng)格？仍是由于在首頁點擊新聞時，首頁色彩變暗或者新聞直接疊加在首頁上的特別設(shè)計？為了清晰地知道到底是什么元素讓用戶對現(xiàn)代風(fēng)格更有好感，研究職員還設(shè)計了一個新的網(wǎng)站。

這個新網(wǎng)站的首頁風(fēng)格和傳統(tǒng)網(wǎng)站的排版相同，都是以文字為主。但當(dāng)用戶點擊到詳細(xì)文章時，網(wǎng)頁并不會跳轉(zhuǎn)，而是首頁變暗，新的文章疊加在首頁上，即采用傳統(tǒng)的首頁排版但是用現(xiàn)代的方式打開。

現(xiàn)代網(wǎng)站的新聞打開方式

然并卵。不管從點擊量，受眾記憶度、好感度方等哪一方面考察，新網(wǎng)站的數(shù)據(jù)都和傳統(tǒng)網(wǎng)站差未幾，并與現(xiàn)代風(fēng)格網(wǎng)站存在著顯著的差異。由此說明，真正讓用戶喜愛的是以圖片排版為主的首頁設(shè)計。

5.新聞點擊量？標(biāo)題和導(dǎo)語說了算！

除此之外，新聞在首頁中的位置也會影響讀者對文章的記憶度。調(diào)查對象普遍對放置在首頁主要位置的新聞印象更深。但位置并不會影響到用戶進(jìn)一步點擊具體查看新聞的欲望，新聞的點擊量主要由其在首頁中的標(biāo)題和導(dǎo)語內(nèi)容決定的。

同時，一條新聞被什么新聞包抄也會影響到該條新聞的點擊量。

顏好也不能率性 一手抓改版，一手抓反饋

實際上，有不少新聞網(wǎng)站已經(jīng)開始做減法。

今年四月，《華爾街日報》7年來第一次對網(wǎng)站進(jìn)行改版，減少了不必要的導(dǎo)航欄，而且新版的網(wǎng)頁可以智能識別屏幕寬度，網(wǎng)站界面會自動為電腦和移動設(shè)備端做出相應(yīng)調(diào)整。

2011年的《華爾街日報》新聞網(wǎng)站，導(dǎo)航欄長達(dá)12個選項

《華爾街日報》2015年新版網(wǎng)站

衛(wèi)報也在今年的一月推出了新版的網(wǎng)站，網(wǎng)站由大小不一的長方形“網(wǎng)格”組成，不同主題或形式的內(nèi)容被分在不同的“網(wǎng)格”中，例如影像畫廊、創(chuàng)意視頻等等。

《衛(wèi)報》新版網(wǎng)站

當(dāng)然，重新設(shè)計一個網(wǎng)站經(jīng)常伴跟著其他功能的晉升，例如自動識別并適應(yīng)屏幕寬度的功能，更便于在社交網(wǎng)絡(luò)分享的設(shè)計等等�！耙粋�網(wǎng)站的外觀設(shè)計，必定會影響到用戶體驗和網(wǎng)站流量，是不管如何都不能低估的”，Talia Stroud博士表示。

“網(wǎng)格化的結(jié)構(gòu)和以圖為主的現(xiàn)代化設(shè)計是調(diào)查對象們所喜歡的。”博客類新聞網(wǎng)站Vox是網(wǎng)格布局設(shè)計風(fēng)格的先行者，并且采用了大量的圖片。

新聞網(wǎng)站Vox的首頁

網(wǎng)格設(shè)計還有一個上風(fēng)是它很輕易轉(zhuǎn)化為“卡片式”的布局，并且這種風(fēng)格很適合在手機(jī)和平板電腦等移動終端閱讀。

不外，Talia Stroud博士指出，重新設(shè)計網(wǎng)站需要周詳?shù)挠媱�。由于讀者已經(jīng)習(xí)慣了舊網(wǎng)站的排版布局，要他們適應(yīng)新的設(shè)計有一定的難度。

推出內(nèi)測版本也是解決上述題目的好方法。