案例分析: AIGA 设计图库

编者按: 今日，AIGA美国专业设计协会再度雇佣了 “第二故事互动工作室” (Second Story Interactive Studios) 重新设计 AIGA 设计图库。 AIGA 和 第二故事 从2005年该部分发布至今一直就本网站的制作保持着合作关系。 designarchives.aiga.org 拥有自1924年以来 AIGA 主办的历次竞赛的典藏和作品，它日益成为设计师、研究者、学者、学生和公众的一个重要的灵感源泉。

客户名称:

AIGA，美国专业设计协会

项目名称:

AIGA 设计图库

持续时间:

2009年6月-2010年2月

项目小组:

第二故事互动工作室

• 肖姆·托马斯 (Shoam Thomas)，首席设计师
• 基兰·林恩 (Kieran Lynn)，设计师
• 唐纳德·理查森 (Donald Richardson)，开发员
• 迈克尔·诺特 (Michael Neault)，制作协调员
• 托马斯·韦斯特 (Thomas Wester)，技术总监
• 戴维·布鲁尔 (David Brewer)，首席系统开发员
• 凯特·沃尔夫 (Kate Wolf)，质检员

AIGA，美国专业设计协会

• 希瑟·斯特莱克 (Heather Strelecki)，信息专家
• 加布里埃拉·米伦斯基 (Gabriela Mirensky)，竞赛总监和展览总监
• 莉迪亚·曼恩 (Lydia Mann)，网络总监

项目纵览

AIGA 设计图库是学生的殿堂之门，学者的资源宝库，平面设计师的平台门户。图库选材丰富多彩，包含地图、海报、书籍设计、信息图形、标识、包装和排版，上迄20世纪20年代初，下至今日。该网站拥有超过20,000条记录，50,000张图像，300份收藏和无数浏览工具，它为访客的发现之旅提供了无限可能。第一代设计图库由第二故事互动工作室创作并于2005年问世。在2009年初，AIGA 再次携手第二故事，共谱网站美好前景。

AIGA 设计图库2005年成立时，大约只有2,000条记录。第二故事再次接手该项目时，该网站已收集了超过20,000条记录。网站内容数量堪称奇迹，但同时该网站整体架构显然已无法承受如此巨大的负荷。此外，从2005年起大部分数据是嵌入在 Adobe Flash 中的，在当代诸如谷歌的搜索引擎技术下，站内信息能否被检索到成为该网站面临的一个挑战。此外，随着定制的广泛应用，用户的期望发生了变化。人们期待一个更加个性化的定制，但是设计档案供人们查看记录的模式却是固定的。

我们的全新任务可以囊括为以下几大要点: 重视访客的需求，对搜索引擎开放以及优化性能。网站的目标始终如一: 使平民大众有机会接触到由 AIGA 归档的美国主体设计。

两岸项目小组由位于纽约的 AIGA 和地处俄勒冈州波特兰的第二故事组成，设计图库的实体在科罗拉多州的丹佛艺术博物馆。工作室的核心小组由4人组成，他们分散在产品管理，设计，开发和内容管理领域。朱莉·比勒任执行制片人，布拉德·约翰逊任创意总监。该小组成员跨领域协作，开发人员专注内容管理，设计师负责思路的拓展，产品人员贡献设计理念。

设计师需要什么

网站运作的第一准则便是调查一个基本问题: 人们希望从 AIGA 设计图库得到什么？受访者包括 AIGA 会员，学生，设计师和学者。我们把得到的回复归结为以下几个需求:

• 更大的图像
• 更好的性能
• 社交的媒体
• 各种形态的观点
• 深层次的链接
• 更好的过滤选项
• 可链接的网址

第二故事团队提出的要求更苛刻一点:

• 可调整大小的缩略图
• 量身定做的搜索
• 流畅的页面
• 水平的用户界面
• 连续的导航功能

虽然我们的新内容包含的记录量与2004年项目初期大不相同，但最终我们需要的运营条件并不受影响，不论是20,000条记录还是2.5亿记录的运行。我们试图建立一个无懈可击的图书馆，它的空间永远充足，所有信息触手可得。

被问到对该网站的总体设计目标时，设计师肖姆·托马斯说: “除了设计方案本身是个挑战外，设计应该量体裁衣，始终忠于网站自身情况。图库的新设计应简单明了，因为网络用户渴望最终获取直观印象，并希望建立即时的满足感。通过网站内容丰富化和导航设计大众化，用户可以徜徉其中去发现去探索。我认为新的整合将巩固 AIGA 设计图库的地位，使其成为设计师的工具宝库。

我们的最终目标是建立一个关系网，文件记录，典藏文集和思想观点在这里融会贯通。我们是着手建立一个网站，“在这里没有死角，” 设计师基兰琳解释说。

如何开展工作

第二故事有一个内部图表，直观地概述了我们的工作过程。该图形是受音阶启发，过程各阶段被注释出来如同音阶上的音符一般，其中平行的阶段分层罗列如同和弦一般。虽说是为了吸引眼球，却也是一个暗喻，后来成为这个项目的关键。我们称其为 “过程评分”，该项目评分大致遵循以下几个阶段: 概念构想、用户体验、设计开发、用户测试、生产阶段和质量保证。每个阶段都要与 AIGA 小组进行意见反馈和讨论。

项目小组希望在视觉享受前，先潜心于功能研究。在初始阶段我们并不想过于看中视觉美学，或者说吸引用户体验。扮靓门面和完善外观是网站建造过程的最后一步。

一些障碍

页面布局和原型获得批准后，项目小组继续研发测试版本和设计方案。内部通过测试版本，发现了一些可行性操作方面的问题。在第二故事的一次设计审评中，我们审慎检查了网站，对其中一个棘手的导航箭头的讨论就持续了45分钟。我们认为一个小小的按键很可能导致一个更大的问题。为了进一步调查，我们还进行了用户测试，以校正这些问题。

很显然，我们需要强调两个重大问题。首先，我们的过滤器面板占去太多宝贵的垂直空间，尤其是考虑到我们已建立了一个水平的、无滚动的范例，这个问题就更加突出。第二个问题是，我们的过滤器是很好的工具，但对于普通用户来说太复杂层次太多。人们往往不知如何使用。

在这个过程中，我们试图在问题刚出现时便解决掉，这与游乐场的捶鼹鼠游戏大同小异。有时你不得不即兴创作。如果你再次把工作过程看成音阶，这个阶段正是把作曲风格模式化，类似音乐专辑 “某种蓝调” (Kind of Blue)。正是在这个阶段我们迈出了一大步，不是说退步或进步，而是迈向了简单化。停止制作，深呼吸，我们把眼光重新聚焦在项目的意义上。

团队成员把内容都分解成简单的要素，并认定用户体验有三个主要部分。肖姆引入了一个主意，在大段核心内容上张贴便签纸来代表网站的要素，这样我们就可以快速浏览观点。便签纸意味着 “简单化”。

最后，我们针对设计做出了一些重大决定，删减一些成分同时加入新的元素。考虑到11个小时之后新图库就要上线，我们的解决方案是冒险的，但它也有可能完美地解决我们的可行性问题。到目前为止，该解决方案运行良好，我们期待着在将来能有更全面的分析。

为设计师做设计

制作 AIGA 网站就如同鲁班门前弄大斧。这就是说，我们知道这将是一个受到审慎检查的项目。不过，我们都全身心投入其中，团队成员感到能胜任这个挑战。

执行制作人朱利·比勒总结了工作室成员对这个项目的想法: “有趣的是，我们作为互动设计师，正在这里为全体同仁进行创作。通常，我们为广大市民服务，但在这里我们服务的对象是我们自己，是我们的同行，我们的导师和我们的英雄。俗话说 ‘足够好就是新的伟大’ 并不适用于此。我们知道它已注定是伟大的。这是一个真正的荣誉，我们为设计界创作。这是一种荣幸，我们为一个代表着卓越设计界的机构创作。”

本文原文发表于2010年2月4日。
The English version of this article was published on February 4, 2010.