阿森纳网站改版：一次负责任的再设计

张争辉

伦敦机构Ostmodern公司和阿森纳足球俱乐部再次携手，重新设计了阿森纳的网站。在专访当中，读者将了解到这个疯狂的赛场是如何跨越那条边界线的。

英超俱乐部似乎从最近开始才逐步肯定了数字市场对扩大球迷数量的重要性。

在此之前，这些俱乐部网站看起来似乎都是千篇一律的设计，外包给第三方提供商后没有过多要求，这使得与这些精彩绝伦的赛事相齐名的部族认同感大打折扣。在如今这个移动化数字化普及的时代里，一个网站的成功与否直接会影响到你的雇佣支持者们的忠实度和粘度，甚至包括一些非支持者的青睐。

合作的开始

那些着眼于在全球范围内塑造出知名品牌形象的俱乐部们，诸如曼联和曼城俱乐部、切尔西以及阿森纳，他们已经形成了第一阵营并已定制顶级独立机构的服务去实现俱乐部的目标。

Ostmorden便是一家在该行业有着实战经验的创新型公司，其曾在2012年接受阿森纳俱乐部技术合作伙伴Rippleffect公司的邀请，彻底的修复了网络泡沫的存在。

如今视频点播技术兴起，在诸多知名公司（比如英国广播公司、英国独立电视台第四频道、EE、维珍传媒以及澳式橄榄球联赛）为客户开发网页媒体项目的背景下，Ostmorden这家全球二十强的公司当然也会有他独到的优势和技术。

“我们过去遇到的挑战就是如何最有效的利用这些俱乐部提供的深层次内容，包括摄影、社论、球员简介、元数据和视频，并观察编辑团队是如何制作内容，以及他们的用户群是如何使用这些内容，这是我们深入制作的关键所在。”项目负责人詹姆斯·坎伯尼（James Cambourne）解释道。

这次Ostmorden的任务主要围绕提升用户体验、引入一个可扩展的后端和为网站制定一个新的编辑策略而进行全方位的重新设计，所有这些需要在2013年2月以前完成。

为了使绝大多数的阿森纳球迷满意这次改版的结果，Ostmorden在阿森纳官网做了一个设计日记全天候现场分析栏，邀请球迷们发表自己的意见。

找准切入点

当被问到此次项目是如何开始时，UX部门负责人理查德·拉莫斯（Richard Amos）这样说道：“我们和阿森纳俱乐部的友谊起始于2010年，当时他们邀请我们对网站的视频点播服务进行重新设计，也就是现在的阿森纳播放器。从一开始我们就不断强调阿森纳播放器只是对这个世界知名品牌重新定义的第一步，很显然，我们正在使其内容输出这一项发展到超越其系统内部其余所有部分的功能，之后把这移进阿森纳的官网也是水到渠成的事情。”

从有机的进展和工作信任上来说，Ostmodern公司一直都是最完美最适合的那一个，通过更精细的感知，了解到顾客到底需要什么，从而使这些更广泛的网络力量重新恢复活力。“从技术角度来说，网站简介只是一个进步，而非一次革命。但是从一开始我们的意图就很明确，那就是我们的网站不能以任何非同寻常的方式存在。”拉莫斯继续说道。“我们第一阶段的工作目标集中在和阿森纳官网相关的广泛主题上。通过和编辑团队一起共事，我们剖析了目前的编辑发行方式并制定了简单明了的内容模型。这提出了报道内容应具有的广度、深度和质量，并突出了现有网站基础设施的复杂性和面临的挑战。

通过观察我们发现阿森纳官网的内容过于繁杂，应该简化，而这也在阿森纳的编辑团队中引起共鸣。于是‘简化就成了我们工作的切入点。”

作为现在网站上诉的中流砥柱，Ostmodern公司获得的社论方面的欣赏，对这个团队来说，无疑是一支强心剂。

资源和团队的结合

促成这一内容成行将是至关重要的，就如拉莫斯所说，对实际工作流程的认识是非常宝贵的。“作为一个有着雄厚历史的新闻公司，阿森纳的编辑团队和Ostmodern公司一起花费了相当多的时间，帮助我们了解他们的工作流程和编辑风格。

尽最大努力把我们提供的想法和现下的工具相结合，试图达到目标的完美融合，这个是关键之匙。了解现有的工作流程是非常重要的，找出彼此需求和影响的契合点也是重中之重。对于网站我们都有自己的概念想法，很大一部分工作都是围绕着早期概念阐述和理解彼此的目的进行。

随着项目的发展，阿森纳的网站经理和我们的Shoreditch工作室团队在一起工作，这确保他能够理解用户的各方面需求，还能为我们的品牌修护和在新框架中创造出新品牌方面提供力所能及的帮助。

最重要的是，我们是一个团队，我们一起负责整个网站的概念推出， 一旦网站如期所望推出成功，我们希望最终他能使这个角色独立于我们而存在。”

确定编辑内容是关键，团队可以深入了解反馈过来的关键信息，定期更新和编辑新鲜事， 以吸引浏览者再次登录。

当它涉及到谣言或者传闻，再根据反馈的信息来提供球员的其它状况给有质疑的球迷们。“根据网站的数据分析，很明显，新闻是吸引球迷一天内多次登陆阿森纳网站的最优版块。”用户体验设计师露西·修斯（Lucy Hughes）强调道。

忠实的支持者

对于网站现在浏览不佳的情况，制作团队也没有打算袖手旁观。委员会将始终与阿森纳俱乐部建立并保持一个长期合作伙伴的关系，并将继续为未来的合作提供宝贵的经验教训。正如项目经理坎伯尼所说，像这样的项目，一旦网站连接到了服务器，就不会结束。

Ostmodern继续与阿森纳合作改善网站，在严格的管理范围之内，将提供一个可行的、完整的产品，在功能增减的同时而不影响功能的完整性。

“我们现在能够重新审视一个连贯和完整的产品，改进并进一步加强它的内容、功能和特性。”坎伯尼说到“有了像这样大的一个网站，对我们这家机构和阿森纳这家企业来说，能从中吸取经验教训，对我们以后的工作都是至关重要的。为此，我们通过制图分析和社会媒体的反馈，来选了解这些设计对用户行为的具体影响，以及这将如何影响到我们未来的设计方向和阿森纳的编辑团队的不断更新和使用该网站。”

坎伯尼表示，在概念方面，团队想要呈现一个全新的报道方式，即把以前的实足博客式报道转变为动态新闻报道形式。“这样的话粉丝们就可以随时随地获得报道的最新内容。通过建立俱乐部的每周计划表和每年计划表的对比模型，我们可以掌握阿森纳所有经营业务的低潮期和未来动向。

通过这些，我们既能看到我们期待的新闻，比如俱乐部的装置情况，又能获得我们意想不到的新闻，比如伤病情况、争议事件以及头条新闻事件”。

“迷失在网络中是很容易的事，为了获得真实的阿森纳体验，项目小组进行了一场模拟。我们对发生在酋长球场内部以及比赛中的数据统计和新闻充满了期待，”设计师修斯津津乐道的对自己的项目介绍道。“现在的挑战是如何将‘蜂鸣器转换成一种连贯高效的工具，方便俱乐部和球迷之间的交流沟通。

我知道我们拥有使球迷趋之若鹜的丰富内容，所以挑战就是把它呈现出来，以使球迷们能看到最新的消息并能轻易地了解比赛的全过程。这需要我们不停地起稿、做原型，直到我们满意才能呈献给球迷们。”

专业的合作伙伴

由于阿森纳俱乐部热衷于提供一个干净的具有创造性的平台，这种侦测工作延伸到了网站的视觉效果上。“一次对球场细致入微的游览使我们在现实中获取了很多视觉素材，比如那些工业建筑、室内主题设计，甚至是整洁的厕所。”

Ostmodern公司的设计主管克里斯·兰道尔（Chris Randall）笑着说。“最终的结果是一系列有关摄影、印刷、设计表格、色彩质地、文章格式以及数字语言的板块。我们最初在印刷、摄影和图形组件的整体平衡方面已经探索出一些概念性的路线。”

一旦这些核心想法获得通过，团队就可以解决前端构造的一系列问题。“交替变化是一个重要的因素。我们的方案必须对网站传播和商业影响起到控制力和影响，同时又能适应跨越性平台，”兰道尔解释道。“多种屏幕密度严重影响了我们的设计思路，所以一般情况下我们尽量会使用单一的CSS样式。”

这里的一些经验教训都取自于阿森纳播放器项目，这个项目试图预测可能内容的重复，但被证明有局限性。之前设计用来确保一致性的内容模板，根据坎伯尼的测试结果，易变的单调化和差异化。

“最新的阿森纳网页框架正是解决这一问题的良药。该网页采用信息集群的模块化格式，这就使社论能及时对团队的重心和活动变化做出反应。

比如当阿森纳的第一支团队遭受了一连串重大失败后，就会出现新闻的真空期。有了这样的教训，阿森纳采用网页框架来报道一年中的重大事件，相反传统的规范性布局和体系结构则可能会使这个内容石沉大海。”

球迷在面对逆境时会表现得优柔寡断，所以你对一个足球网站的目标客户会持怀疑态度，担心他们是不是一个坚定的用户团体，这样就会导致所有外观、感觉和声音的铺垫都会白白浪费。在2013赛季的英超圣诞大战和新年对决之后，设计师们就能在社交媒体的入口处获取确定的消息了。

“我们决定将对编辑方法和网站设计进行全方位的改进，以期重振雄风。”坎伯尼强调道，“我们通过Twitter和Facebook来评估反应。有些球迷不喜欢这样大波动的变化，但随着人们发现并掌握这些新设计和新功能的优势时，大家就会接受并喜欢上这些好的想法。”

经验的形成

任何项目设计的绝大部分工作就是和客户建立友谊。一旦这些进入轨道，那接下来的工作就是客户解决方案。然而对设计师们来说，这经常意味着要进行一个未知的航行和一段发现之旅。

就目前Ostmodern公司的发展阶段来说，凝聚力在这两个阶段都不可欠缺，正如被证明很有效的原型设计过程一样。UX项目负责人拉莫斯详细讲述了当其测试开发时所实施的战略。“一个单独的构建和设计团队之间所面临的挑战之一就是清晰地表达系统和交互设计的细微差别。反而会常使优秀的想法在传达的过程中慢慢消失。不能清晰的表达想法常常是设计中最脆弱的一环，而并非是设计者无法提供好的创意。

“为了缓和这种情况，我们投入了大量时间去研制HTML（超文本标记语言）以及在Heroku（无需准备的部署服务）上运行的Python或Django（用Python语言写的开源Web开发框架）数据驱动。这能让我们在数据模型基础上去实验我们的核心概念。我们花费大量的时间去探索诸如‘话题这样的数据源，以及与之匹配的内容。但这些目前还没有展现。”

“我们可以测试用户流量是如何在这些内容构架上运行的，并向技术供应商证明我们是如何设想这些数据出现在真实网络上。我们也在设计‘巨型下拉菜单时经历了严峻的考验，即使这些想法在纸面上看来非常妥当，我们也会等到全部做好之后再和制作团队进行深入并且清晰的沟通。”

（编辑：杨磊）