「西雅图时报」X MULE 设计团队：网站改版的背後故事 图文好读版：http://ppt.cc/lKRc 美国老牌地方日报「西雅图时报」的线上新闻网站，在一个月前悄悄改头换面了。「西雅 图时报」是美国华盛顿州最大的日报，於1891年开始发行。在报业变迁迅速的时代，「西 雅图时报」提供线上新闻之余，仍没有间断地提供纸本新闻。当最主要的竞争者「西雅图 邮讯报」（The Seattle Post-Intelligencer）在2009年结束他们的纸本印刷，改为专注 在网路报纸後，「西雅图时报」现在成为西雅图唯一的主流印刷日报。 如果将「西雅图时报」的读者依出生年代分成三种类型，可以发现婴儿潮时期（大约是 1946～1964年间）出生的读者多只阅读纸本日报，X世代（在1960～1980年初期出生）的读 者则多会同时阅览纸本和线上新闻，而千禧年世代（在1980年代初期～2000年初期出生； 或是称为Y世代）的「西雅图时报」读者则只会阅读线上新闻。有监於新世代的读者不再锺 情於纸本新闻，而多专於线上新闻，「西雅图时报」决定投入一亿两千万台币帮助他们数 位化，包括後端的新闻内容管理系统，以及前端的线上新闻网站。 看看下面这张由「西雅图时报」发布的推特文章，左边是旧的新闻网站，而右边是首次采 用响应式网页设计（Responsive Web Design）的新版网站，有发现前後版本有甚麽差异吗 ？ http://ppt.cc/201q 负责「西雅图时报」新闻网站改版的设计公司 Mule ，分享了他们帮忙「西雅图时报」所 做的改版内容，以及帮助改版时该注意的大小事。透过这些分享，除了可以看出网站改版 前後的差异，也可以了解这些决定背後的考量。 了解编辑和记者的工作流程 由於「西雅图时报」新闻网站改版不只和读者有关，也和编辑群以及记者们息息相关，因 此 Mule 表示，设计新网站除了站在读者的角度，也应深入了解编辑和记者的工作流程， 以便在规划时列入考量。 了解新闻机构现在和未来的营利模式，并和（广告）销售团队保持密切合作 广告收入是经营新闻网站的重要一环，然而如何在网站上安插广告而达到最高效益，也是 门学问。除了需要好的配置，让读者容易阅读新闻外，同时也需要考量广告商的要求，包 括广告版面大小及置入位置。 对 Mule 设计团队而言，他们遇到更棘手的问题是，「西雅图时报」部分的未来广告空间 已经预先卖给广告商，因此假设设计团队希望在规划时减少「展示型广告」的空间，让 「西雅图时报」未来可以顺利转型成付费墙（paywall）的营利模式，他们得考虑已经出售 的网路空间，帮助合作新闻机构适应不同阶段的变更。 他们也表示，不只合作新闻机构原先的广告计划会影响网站改版，网站改版也会导致新的 广告模式应运而生，同时新闻机构销售团队的奖金，可能也会因为广告模式改变而受影响 ，因此和他们保持密切合作非常重要。 行动装置至上 考量越来越普及的行动装置（像是智慧型手机与平板装置），行动装置上的阅读体验也日 益重要。因此为「西雅图时报」打造一个容易阅读的行动装置网站，成了设计团队的的目 标之一。Mule 团队特别提到，行动装置网站的设计也需要考虑广告规划，如何在小萤幕上 配置广告，成了设计团队和合作新闻机构需要沟通的部分。 http://ppt.cc/enLX 更好的线上阅读体验 如何在新闻文章中有效置入广告，却又能尽量不干扰读者的阅读体验呢？这一直是新闻机 构内部，编辑团队和广告销售团队间的挣扎。Mule 设计公司选择的作法是，在长篇文章网 页页面的中间栏位放置新闻，而广告则选择放在挑选过的段落，前提是尽量减少对中间栏 位新闻文字的压缩，降低对读者阅读过程的影响。因此，依照新网站的设计，文章的重要 性和长度将决定广告的数量。 http://ppt.cc/R6X9 两方的紧密沟通 从前述分享不难看出，一个成功的网站改版，不只需要设计团队的巧思，同时也得依赖新 闻媒体机构和设计团队的紧密沟通。 传统新闻媒体进行数位转型，包括成立自己的线上新闻网站，已经是这个时代不争的现况 ，然而「西雅图时报」的网站改版说明，如果传统新闻媒体想要立足於新媒体世代，不只 要有线上足迹，更重要的是要能随时追上读者的脚步，和时代的趋势；而透过 Mule 设计 团队的分享，也让我们看到这个过程中的种种考量。 原文出自：新媒体世代 http://ppt.cc/gXNT http://ppt.cc/lKRc 参考资料：The Seattle Times, Puget Sound Business Journal, The New York Times, & Mule --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 72.33.31.114 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Media-work/M.1427226773.A.333.html