案例分析: NPR.org

编者按: 2009年7月27日，在内部设计团队与互动传媒机构思盖迈提 (Schematic) 的共同努力下，国家公共广播电台 (NPR) 重新发布了它的网站 www.npr.org。下面的案例研究是应美国专业设计协会的邀请，由莎拉·齐默尔曼（Sarah Zimmerman）协助编写。 如果你也想提供一个案例研究，请联系我们的编辑。

NPR.org 的新主页于2009年9月14日的截图。(点击查看新老页面)

客户名称:

国家公共广播电台（华盛顿特区）

项目名称:

NPR.org 重新设计

项目期限:

2008年4月～2009年7月

项目小组:

重新设计小组由大约30人组成: 设计师、开发人员，项目及产品经理和编辑制作人员。 就本案例而言，核心设计团队包括:

NPR (内部设计团队)

• 达伦·毛罗 (Darren Mauro) 用户体验总监
• 詹尼弗·夏普 (Jennifer Sharp) 设计总监
• 卡莉·耐兰 (Callie Neylan) 用户体验高级设计师
• 大卫·莱特 (David Wright) 用户体验高级设计师
• 布赖恩·英格尔斯 (Brian Ingles) 用户体验设计师
• 凯尔西·利布纳 (Kelsey Libner) 高级分析师/信息架构师
• 史考特·斯特劳德 (Scott Stroud) 高级分析师/信息架构师 

思盖迈提互动传媒机构

• 伊恩·柯汉姆 (Ian Cunningham) 创意总监 (纽约）
• 蒂姆·史密斯 (Tim Smith) 艺术总监 (亚特兰大）
• 约翰·弗格森 (John Ferguson) 高级设计师（亚特兰大） 

概述和缘起

2008年4月，NPR 开始着手全新设计其网络形象。其现有的网络平台和内容管理系统 (CMS) 已经落后 (我们上次进行重新设计是在6年之前)，难以履行职责，传递 NPR 招牌式的故事播讲和新闻报道。 我们聘用了一家外部公司思盖迈提，向我们提供初步的视觉设计和信息架构，但最终的产品是由 NPR 内部的编辑、用户体验、设计和应用开发团队来共同协作完成的。

目标

我们现有的网站难以满足听众的需要，未能传达一种符合 NPR 品牌的新闻体验。此次发布新网站的目标是提供:

• 表示层的灵活性 (通过加强互动、多媒体、音频、模块化），以及更直观、更强大的内容管理系统。NPR 利用奈特基金会 (Knight Foundation) 提供的资助，正在培养数字媒体的新闻工作人员，这就需要一个平台来更好地支持这些新功能。 此外，NPR 已在过去的18个月中招募了一些关键人士，建立了其核心的多媒体、新闻摄影和设计团队。
• 重新设计的用户体验将增强现有的导航、功能性和旧网站的整体可用性。
• 强化 NPR 品牌的视觉设计。我们的任务就是让历来只能被听见的东西能够被看见。大家都知道 NPR 听起来像什么，但是 NPR 看起来又是什么样子呢？
• 更高的编辑效率。编辑制片人使用了各种变通的办法来操控系统。我们识别出这些变通方法背后的驱动因素，为内容管理系统增添新功能，以满足编辑的需要。

方法

主要设计师卡莉·耐兰（左）和大卫·莱特的素描，为 NPR 博客和移动网站开发的几个版式设计。(点击放大图片)

在重新设计的初始阶段，我们与思盖迈提一起，在设计过程中进行线性移动。在初步设计阶段即将结束时，金赛·威尔逊 (Kinsey Wilson) 加入 NPR 担任数字媒体副总裁，就他希望团队如何基于思盖迈提的架构进行运作建设提供了明确的指示。内部产品设计和开发是通过以参与设计为重点的敏捷开发法 (Agile development methodologies) 实施的，在项目持续期间，有两名编辑制片人加入了我们组。他们在系统设计方面为我们提供了非常宝贵的反馈意见，从而满足了新闻团队的需要。这个项目也涉及了大量工作人员的变动，从而使得重新设计小组能够更紧密地工作。 这一举措从2009年2月开始实施，以便在2009年7月预定的日期发布网站。

在金赛的指示下，我们也进行了头脑风暴练习，集思广益，彻底重新思考和调整的信息架构的重要因素，即那些我们认为不适合编辑流程和/或不能反映某种“NPR 特质”的要素，比如执行编辑迪克·迈耶 (Dick Meyer) 所说的 "智谋和怪念头"。

项目面临的主要限制是制作时间和对合作新途径的调整。 我们无法为了发布网站而对内容管理系统进行更多本打算进行的改进，因为我们是基于现有的内容管理系统框架进行建设的。

在项目的最初阶段，我们组织了一些访谈，形成了一些用户使用心得，以反映我们现有和潜在听众。该网站的架构来自我们在搜索、听、读，看和内容互动方面对用户需求的了解。我们进行了几轮使用测试；这些研究验证和改进了我们的导航模式，引导了反复进行的页面设计。

这是 NPR 首次在大型项目中运用敏捷开发法。因此团队花了几个周期，以适应这种新工作方式，才进入良性循环的状态。

挑战

显示叠加在报道页面模板上的基础网格线框。总体上，有8种页面模板，每一页都服务于特定的编辑服务要求。(点击放大图片)

这个项目的主要挑战之一是适应敏捷开发法。我们必须思维敏捷、聪明机智、不断尝试屡败屡战。在某些情况下，我们在一个问题上花费了大量的时间，最终才明白一开始的想法根本行不通。我们必须抓紧分分秒秒，开发新想法，甚至在必要时另起炉灶。

我们每个人还必须保持开放的心态和饱满的热情。当围绕如何最有效地解决问题产生了矛盾时，必须要记住，毕竟我们都在朝着同一个目标而努力。NPR 录用的都是非常聪明的人才，我们总是互相挑战。这种环境很有利于开发一个成功的终端产品。

另外，由于网站发布之后有为数众多的用户 (我们的内容管理系统有超过300名注册用户)，再考虑到系统前台和后台的信息架构，这个项目非常复杂。
 
由于编辑的需求多种多样，新闻编辑部带来了许多饶有趣味的挑战。网站发布后，我们将设计工具交给没有接受过设计师训练的人员使用。而这种应用仍然是一种在形式和功能之间的终极妥协。

就设计而言，NPR 在历史上不是一家以设计为主的公司，因此没有任何既定的标准设计流程或文件。这次设计团队的主要成果之一就是一套全面的设计风格指南: 一份针对设计和开发团队，另一份针对我们的编辑人员。我们将重新设计后的工作重点放在一种更直观的思维方式上，设计风格指引将帮助我们保持设计的一致性，将设计的基本知识以及良好设计的重要性教给单位的其他员工。

结果

取自 NPR.org 样式指南的范例网页。(点击放大图片)

虽然我们刚刚发布网站，但截至目前结果非常好。我们创建了一个灵活的表示层，使我们的编辑、设计和多媒体团队，投入尽可能少的精力即可迅速建立新的版式。我们还开发出了以视觉效果和摄影为主的平台，从而可以进行可视化的 NPR 故事播讲，在品质上可以与我们享有盛誉的音频新闻报道相提并论。

由于这个项目，我们的团队还获得了很多媒体给予的好评，《纽约时报》(The New York Times)、《快速公司》杂志 (Fast Company) 和波因特学院 (the Poynter Institute) 都撰文提到了这一项目 (现在也包括了 AIGA)。我们对于团队努力的成果感到非常自豪。

扩展延伸

我们利用一个可工作的原型做了许多实验，学到了很多东西；我们建立了一个登台服务器，将实际的网站做了镜像备份，数据也来自现场的数据库。这使得编辑可以通过原型发布真正的内容，使我们在网站发布前，就能够及时确定在设计和编辑工作流程中存在的错误。

在任何一个如此规模庞大、错综复杂的项目中，时间总是多多益善。然而，由于时间有限，我们必须一发现行不通就尽快放弃，将重点放在重新设计真正要解决的问题上。我认为，这帮助我们拿出了一个简洁优美的解决方案。

我想给其他设计从业者提出这样的建议: 以开放的心态从事设计。 我们的项目之所以能获得成功，正是因为有一群技术熟练、才华卓越和激情无限的人才能够运用他们的技能来解决问题，同时相互承认和尊重彼此的技术和才能。最后，我们都充满激情，为达到共同目标而努力。

进一步阅读

请在 NPR.org 上了解更多关于新网站的情况。
请看 NPR 网络小组的 Flickr 相片集和有关重新发布的 Twitter 信息。

本文原文发表于2009年9月14日。
The English version of this article was published on September 14, 2009.