查看原文
其他

救颜大作战!新闻网站设计狮必看的一份权威报告 | 独家编译

2015-07-31 腾讯传媒 全媒派

新闻网站靠啥吸引网友第一印象?颜值,颜值,还是颜值!近日,美国一个聚焦新闻业发展的研究项目Engaging News Project报告新鲜出炉,用大量调查数据解释了为什么颜值对于一个新闻网站来说如此重要。想挽救新闻网站的“面子”?那你一定不能错过下面的内容。




本文由腾讯旗下产品“全媒派”独家编译,原文载于themediabriefing.com,作者系Abigail Edge。未经授权,谢绝转载。授权合作请联系quanmeipai0321@qq.com。


闻网站的设计风格始终徘徊在传统和现代之间。为了捕捉用户的真正口味,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博士指出,重新设计网站需要周详的计划。因为读者已经习惯了旧网站的排版布局,要他们适应新的设计有一定的难度。


推出内测版本也是解决上述问题的好方法。卫报上线新网站前推出了新网站的内测版本,以收集用户的意见和反馈,内测了四个月后才正式推出新网站;而纽约时报则在网站中专门设立了新的版块供用户对新版网站提供建议和修改意见。


感觉这篇文章非常适合转发给“看脸”的小伙伴!


...

点击图片阅读我们的推荐



怎样写出人人都爱转的大神级公关稿?



回复关键词查看对应内容:

外媒转型 | 突发事件 | IP | 代码 | 传媒股 | 新闻毕业生 | 哥大女 | 媒体App | 数据报告 | 腾讯新闻 | 综艺 | 媒体人生存 | H5 | 可穿戴设备 | 新闻编辑室 | 新闻实习生

点击阅读原文或点击头像查看历史消息

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存