救顏大作戰!新聞網站設計獅必看的一份權威報告| 獨家編譯

新聞網站靠什麼吸引網友第一印象?顏值,顏值,還是顏值!最近,美國一個聚焦新聞業發展的研究項目Engaging News Project報告新鮮出爐,用大量調查數據解釋了為什麼顏值對於一個新聞網站來說如此重要。想挽救新聞網站的「面子」?那你一定不能錯過下面的內容。

本文由騰訊旗下產品「全媒派」獨家編譯,原文載於themediabriefing.com,作者系Abigail Edge。未經授權,謝絕轉載。授權合作請聯繫[email protected]

聞網站的設計風格始終徘徊在傳統和現代之間。為了捕捉用戶的真正口味,Engaging News Project的報告選擇傳統和現代兩種風格的新聞網站為實驗對象,分別從新聞的點擊量、受眾對新聞的記憶度、對網站的好感度等方面分析頁面設計的必要性,並首次為新聞網頁設計提供了有力的數據支持和改版依據。

傳統風格的網站

現代風格的網站

網站「顏值的奧義」
為什麼大家都愛現代架式?

1.現代架式讓用戶更沉浸

從2014年9月到今年6月,項目組對三批不同調查對象展開了三次獨立調查。總共有2671名調查對象瀏覽傳統風格的網站,其他參與者則瀏覽現代風格的網站。三次調查結果表明,與傳統網站相比,在非首頁的新聞頁面點擊量上,現代風格的網站比傳統網站多了90%,也就是說,現代風格的網站首頁更能吸引用戶點擊查看更多詳細內容。

非首頁新聞點擊量對比:現代風格網站點擊量遠超傳統風格

2.現代網站讓用戶記住新聞細節

看完不同設計風格的網站後,用戶們被要求寫下他們有印象的十篇文章的標題,以及前兩三篇新聞里所有能記住的故事細節。

結果發現,雖然整體記憶效果並不是特別好,但瀏覽現代風格網站的用戶能記住的內容比瀏覽傳統網站的高出50%以上。

網站記憶度調查數據:現代網站的「喚醒率」高於傳統網站

對於這種現象,該項目Talia Stroud博士解釋說,「我認為用戶之所以對現代化網站的記憶度更高,是因為他們被現代化的風格吸引,因此更加傾向於點開那些網站上的文章。」

3.網友偏愛現代架式

除此之外,參加調查的網站用戶還分別從信息量、可信度、趣味性、易用度等七個方面去為兩種不同風格的網站打分,從以下三組實驗數據可以看出,雖然第二組數據的差異不大,但總體來說,現代風格網站的綜合評分比傳統網站要高。

用戶對兩類網站的綜合評分:分值差異較小,現代網站略高於傳統網站

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

讀者為什麼喜歡現代風格網站?是因為首頁以圖片為主的排版風格?還是因為在首頁點擊新聞時,首頁色彩變暗或者新聞直接疊加在首頁上的特別設計?為了清楚地知道到底是什麼元素讓用戶對現代風格更有好感,研究人員還設計了一個新的網站。

這個新網站的首頁風格和傳統網站的排版相同,都是以文字為主。但當用戶點擊到具體文章時,網頁並不會跳轉,而是首頁變暗,新的文章疊加在首頁上,即採用傳統的首頁排版但是用現代的方式打開。

現代網站的新聞打開方式

然並卵。無論從點擊量,受眾記憶度、好感度方等哪一方面考察,新網站的數據都和傳統網站差不多,並與現代風格網站存在著明顯的差異。由此說明,真正讓用戶喜愛的是以圖片排版為主的首頁設計。

5.新聞點擊量?標題和導語說了算!

除此之外,新聞在首頁中的位置也會影響讀者對文章的記憶度。調查對象普遍對放置在首頁主要位置的新聞印象更深。但位置並不會影響到用戶進一步點擊詳細查看新聞的欲望,新聞的點擊量主要由其在首頁中的標題和導語內容決定的。

同時,一條新聞被什麼新聞包圍也會影響到該條新聞的點擊量。

顏好也不能任性
一手抓改版,一手重反饋

實際上,有不少新聞網站已經開始做減法。

今年四月,《華爾街日報》7年來第一次對網站進行改版,減少了不必要的導航欄,而且新版的網頁可以智能識別螢幕寬度,網站界面會自動為電腦和移動設備端做出相應調整。

2011年的《華爾街日報》新聞網站,導航欄長達12個選項

《華爾街日報》2015年新版網站

衛報也在今年的一月推出了新版的網站,網站由大小不一的長方形「網格」組成,不同主題或形式的內容被分在不同的「網格」中,例如影像畫廊、創意影片等等。

《衛報》新版網站

當然,重新設計一個網站常常伴隨著其他功能的提升,例如自動識別並適應螢幕寬度的功能,更便於在社交網路分享的設計等等。「一個網站的外觀設計,必然會影響到用戶體驗和網站流量,是無論如何都不能低估的」,Talia Stroud博士表示。

「網格化的結構和以圖為主的現代化設計是調查對象們所喜歡的」。博客類新聞網站Vox是網格布局設計風格的先行者,並且採用了大量的圖片。

新聞網站Vox的首頁

網格設計還有一個優勢是它很容易轉化為「卡片式」的布局,並且這種風格很適合在手機和平板電腦等移動終端閱讀。

不過,Talia Stroud博士指出,重新設計網站需要周詳的計劃。因為讀者已經習慣了舊網站的排版布局,要他們適應新的設計有一定的難度。

推出內測版本也是解決上述問題的好方法。衛報上線新網站前推出了新網站的內測版本,以收集用戶的意見和反饋,內測了四個月後才正式推出新網站;而紐約時報則在網站中專門設立了新的版塊供用戶對新版網站提供建議和修改意見。

感覺這篇文章非常適合轉PO給「看臉」的小夥伴!

點擊圖片閱讀我們的推薦

怎樣寫出人人都愛轉的大神級公關稿?


回復關鍵詞查看對應內容:

外媒轉型 | 突發事件 | IP | 代碼 | 傳媒股 | 新聞畢業生 | 哥大女 | 媒體App | 數據報告 | 騰訊新聞 | 綜藝 | 媒體人生存 | H5 | 可穿戴設備 | 新聞編輯室 | 新聞實習生

點擊閱讀原文或點擊頭像查看歷史消息

閱讀原文

微信號:qq_qmp



中國焦慮症?每天看三次,不緊張!
》》進入中國新聞專區