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

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

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

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

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

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

看完不同設(shè)計(jì)風(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)站

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

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

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

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

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

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

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

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

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

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

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

同時(shí)，一條新聞被什么新聞包抄也會(huì)影響到該條新聞的點(diǎn)擊量。

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

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

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

2011年的《華爾街日?qǐng)?bào)》新聞網(wǎng)站，導(dǎo)航欄長達(dá)12個(gè)選項(xiàng)

《華爾街日?qǐng)?bào)》2015年新版網(wǎng)站

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

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

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

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

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

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

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

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