「SND系列报道之一」Buzzfeed 和 Quartz 的新闻设计策略

分享给朋友:

[zilla_alert] SND (Society of News Design)是一个重要的国际性新闻设计协会,每年的年会都会吸引全球各大媒体的设计师前来参加。今年的年会在美国华盛顿特区举行,。

本系列文均为原创,转载请注明出处、网址与文章作者。[/zilla_alert]

Buzzfeed

Screen Shot 2015-04-26 at 23.01.41

Buzzfeed目前的页面设计

在2007年刚刚成立的时候,Buzzfeed还仅仅是个蜗居在中国城、琢磨怎么让网上内容广泛分享的小实验室。如今,它已经成长为一个重要的国际传媒公司,坐享每月超过两亿的浏览量。对Buzzfeed来说,网页已不是最主要的用户来源,移动端的用户变得前所未有的重要。仅2015年一年,Buzzfeed就将发布两款专注新闻和视频的移动端应用。

Buzzfeed所沿袭的2007年的设计已经不能满足新的用户需求。主讲人Cap Watkins今年1月作为设计总监加入Buzzfeed, 带领Buzzfeed的设计团队摸索最适合移动端的新闻产品设计。

设计没有那么特别

Watkins曾经在Etsy和Amazon效力,他认为设计师们必须面对一个事实:设计不是那么特别的一件事情。设计师不会永远正确,设计师的作品不会是完美的。设计的目的是解决问题。更多的时候,重要的不是产品好不好看,而是好不好用。设计师要习惯从一次次失败中学习,不要期望一蹴而就。

Watkins提出了新闻网站改版设计的新思路。最近几个月适逢新闻网站纷纷改版:Guardian改进了网站设计,华尔街日报为移动端调整了网页和应用布局,大西洋月刊大刀阔斧改版了整个网站,洛杉矶时报也在酝酿改版…… 大部分新闻网站的改版设计都是“十年磨一剑”,花一年半载的时间设计,然后挑一天发布。运气好的就像华尔街日报这样广受好评,运气不好的或者改动巨大的就像大西洋月刊这样惹忠实读者生气,而改版的设计团队大都也只能摊摊手,接受正面或者负面的评论。

Watkins认为新闻网站改版未必要这样。他引用了自己在Etsy工作时的经历。Etsy是一个手工艺品卖卖的网络平台,Watkins曾经负责Etsy单个商品的页面的设计。整个网站的成败都取决于用户在这个页面上停留多久、会不会点击“购买”。Watkins和他的团队接手后,提亮了商品信息、物流指南,让整个页面更加有序,然后选取了50%的用户测试新的页面设计,剩下50%的用户仍然使用老的设计。测试结果让Watkins和他的团队大跌眼镜——大多数用户一点开新的设计页面就关闭走人了。在之后的一年多的时间里,Watkins和他的同事们用对照试验慢慢摸索用户的使用习惯和兴趣,发布了多版不同的设计,最终成功地将用户名留在了新版的商品页面上。Watkins认为新闻网站的改版完全可以效仿电商公司网站改版的做法。

但是新闻网站与电商网站不尽相同,可以量化的指标有限,仅有的一些可量化的指标也不能完全反映新闻网站希望通过改版完成的使命。更重要的是,与电商网站不同,新闻网站的设计,小到字体,大到排版,都关乎网站的媒介形象和品牌特征,是新闻室与读者间心照不宣的交流方式。人们看到Financier字体会想到《金融时报》,看到Irvin会认出是《纽约客》。频繁试验、改来改去,很可能会伤害“玻璃心”的忠实读者。

Watkins将带给Buzzfeed什么改变,我们拭目以待。

Quartz

Screen Shot 2015-04-26 at 22.53.08

Quartz 是老牌媒体大西洋月刊于2012年推出的数字商业新闻网站。不到三岁的 Quartz 如今已拥有多达一千万的月访问量,其中70%的访问量来自移动端。Quartz崛起如此迅速,新闻设计功不可没。在今年的SND大会上,Quartz 的产品经理 Zach Seward 与大家分享了 Quartz 的新闻设计和产品设计理念。

Quartz 在成立之初还没有名字,它的内部代号是GBE:全球总裁(Global Business Exectives)。这个满满槽点的名字很好地概括了 Quartz 的受众:时间宝贵、需要迅捷经济信息、能够做出有影响力决定的商界领袖。这样的受众定位决定了 Quartz 的设计策略:有效而简明。

记者是最好的设计师

Quartz 相信,作为最了解的故事的人,记者在写作的时候应该尽可能接近故事的最终呈现形式,以便带给读者最好的阅读体验。Quartz 没有专门的制图组,每个记者都需要为自己的文章排版、寻找配图甚至制作图表。

Quartz 的网站建立在Wordpress 的CMS(Content Management System 内容管理系统)上。与其他新闻网站不同,Quartz记者不是将成稿复制黏贴到CMS里,而是直接在CMS中写作。这样做的目的在于让写作过程与排版过程融为一体,简洁清晰的排版会帮助作者以视觉为主线,更好地整理思路。

Quartz 的软件工程师们将CMS设计得尽量接近发布格式,尽量做到记者在编辑文章时看到的排版就是发稿后读者看到的排版。软件工程师们同时也在改进Wordpress的编辑界面,使其尽量脱离固有模板,向building blocks靠拢,给记者更大的排版自由。

Quartz 的数据新闻记者 David Yanofsky 为 Quartz 设计了 Chartbuilder 这一开源工具,让普通的记者也可以制作新闻图表。仅仅2014年一年,Quartz 就制作了3800个图表,其中大部分都是普通记者使用Chartbuilder制作的。Seward透露Chartbuilder 2.0版将在不久后问世,会增加更多交互功能。

All of the Chars We Made in 2014, Quartz

All of the Chars We Made in 2014, Quartz

移动端优先,化繁为简

与Buzzfeed不同,Quartz成立晚,没有历史包袱。它在成立之初就明确地将移动端作为主战场——任何设计都必须首先保证在移动端有最好的用户体验。Quartz相信,最好的设计是“别挡路”,不要用花哨的设计妨碍用户阅读。设计应该为好故事让路。想要增加一个功能之前,先想想,有没有什么功能可以减掉?Quartz 成立两年来网页上曾经有过很多花哨的功能,都在用户测试中被慢慢剔除。

与很多注重移动端的新闻网站一样,Quartz 非常强调视觉先行。几乎每个故事都必须配有优质的大幅照片,或者清晰的图表。Quartz将这个理念又推进了一步:能只用图片讲故事的时候就不写字。例如这篇一句话个六个图表告诉你为什么Comcast要买Time Warner Cable, 完全用数据说话。

Screen Shot 2015-04-26 at 21.36.24

One sentence and six charts to explain why Comcast is buying Time Warner Cable, Quartz

 

与传统的新闻网站不同,Quatz 没有首页,而只有一个可以无限滚动的内容流。这种专门为移动端设计的用户体验在一定程度上缓解了其他网站所面临的bounce rate低的问题 (用户从社交网络上进入一个故事,读完就走,不再点击其他故事),尽可能长时间地将读者留在网站上。

受到老东家华尔街日报的启发,Seward为移动端用户量身定制了”每日新闻摘要“这个栏目,囊括当日最重要的新闻,每条新闻三两句话。读者在上班路上迅速扫一眼,进办公室就可以和同事侃侃而谈了。

Quartz曲线

Quartz 的每篇文章都强调尊重读者时间,直入主题,不“清喉咙”。而决定 Quartz 新闻长度的核心是这条“Quartz 曲线”:

Screen Shot 2015-04-25 at 18.02.18

Quartz 的成功印证了这个“微笑曲线”,500字以下的简讯和800字以上的深度报道更有可能成功。不够深度又不够简洁的报道尴尬地处在500到800字之间,会让读者很快失去兴趣关闭页面。Seward 说 Quartz 并非只专注短平快的报道,长篇和调查性报道仍然有它们的活力和市场。

广告体验

Seward 认为读者之所以讨厌广告,是因为广告的制作不够精良。Quartz 的广告被用于分隔不同文章,一般是大幅照片或动态图。

Quartz 一直致力推崇原生广告。所谓原生广告,是包含广告信息的付费内容,在风格和内容上与新闻网站的报道相似,为读者提供有用的新闻咨询的同时宣传产品。Quartz 的编辑团队完全不参与原生广告的制作和审批,这一切全部由产品团队负责。Quartz 有的原生广告在搜索和点击率上甚至曾比 Quartz 自己的文章表现还好。Zach Seward 认为好的原生广告会让商家、网站和读者”三赢“。

作者简介

邱悦

数据新闻和视觉记者,关注可视化、财经报道和调查性报道。