天涯映像

[翻译]信息架构新手完全指南

2009-10-10T11:32:00.000-07:00

信息架构师是一个常常被误解的职称。他们是设计者？开发者？管理者？还是以上全部？我们在本文将探讨信息架构师是做沈恶魔，为什么它和可用性相关，以及在信息架构中需要用到的工具/软件。我们也会顺便分享一些对于信息架构的初学者来说有用的tweeters（twitter用户）、书籍和资源。即使您已经对这些内容非常熟悉了，您也可能从中发现一些可能错过的内容。

一般的工作领域猜想

一个信息架构师加入了我在亚特兰大工作的项目团队。因为我对这个领域不太熟悉，或者至少说不知道它的准确定义，我问道：“你好，john，总的来说信息架构师是做什么的？”他的回答是如此的含糊不清：“你知道当你去到一个银行的网站...上面有一些有关它的东西——颜色、文档、有关情绪的照片——这些产生安全感的元素。那就是我要干的。当然，大部分是” 等等。“那就是图像设计师，”我想。我想等我去做一番研究之后再来问这个问题——那么，这里就是了。

谁是信息架构师？

我觉得了解一份工作到底是干什么的最好方式是直接去聆听做这张工作的人是怎么说的。下面是引用一些信息架构师的话：

Jessie James Garett 说：

信息架构是一个范围很大的范畴。但不论是特定的场景或者给定目标的信息架构项目，我们经常考虑的是建立更有效的沟通结构。
——Jessie James Garrett

信息架构学会如此定义信息架构：

一门有关通过组织、标签web站点、内部网络、在线交流和软件，来帮助（提升）可用性和可寻性的艺术和科学。
——信息架构学会

最后，引用Andrew Hinton的话：

Flickr任凭我上传照片，并且可以让我组织它们，给它们打标签，我感觉很舒服。这里没有一个权力机构来告诉我怎么给我的照片打标签。这部分是由于它（Flickr）不愿意由于你做错了什么而让你觉得受伤害…Flickr不是一个任务严谨的系统。它是一个好玩的平台…如果你想要一个严肃的图片库，那么你可以使用类似国家档案馆或Corbis那样的，而不是Flickr。在（由系统）管理信息和打造基本平台让其他人来自己管理两者之间是有区别的。
但这两种方式都是信息架构。
——Andrew Hinton 于 Linkosophy

每段引言都让人深思。但在自己做了一番功课后，我认为没有一段引言能真实的描述这种工作。信息架构师游走于图像设计师、网页设计师、用户体验设计师、前端开发和可用性专家（我写过一篇关于所有这些工作的文章）之间。事实上，这些专业拥有相同的话题：用户为中心的设计（参考Jessie James Garrett的关于用户体验的元素的PDF）。随着时间过去，这些专业的职责已经比较清晰。图像/网页设计师专注于色彩、字体、样式等的运用来传达讯息，而信息架构师则从更有目的性的角度关注站点的结构。她可能问：用户浏览站点的流程是怎样的？软件如何帮助用户分类他们的信息？如何让用户回到之前的内容？那部分信息帮助了客户吗（比如：帮助下决定）？

为了达成这些，信息架构师需要集中与这些东西：目标用户群、网站相关的技术、会呈现在网站上的数据，以及（最好能有的）关于想法的早期可用性测试。

信息架构的进化

信息架构师不仅仅是设计师、梦想家或者项目管理者。他们必需能够从许多不同部门那里获取意见，来完善他们的工作。一般来说，他们开始是设计师，或者与设计师一起工作。在某种程度上，网站设计的技术要求也会成为他们的兴趣或职责。最好的信息架构师要和不同的部门合作，建立和维护网站最终样式的一致愿景。

可能你现在的情况与此类似，或者你在思考你的工作定位是否是信息架构师。如果你心痒痒想了解更多，我建议你查看“信息架构学会的‘我是架构师’吗？”

树立愿景

为了理解信息架构师如何影响一个项目，你可以想象（这个场景）在一幢大楼被建好之后再指派建筑师来工作。这是一个很可笑的说法，但它的确发生在今天。即使建筑在很好的规划营造之后，他们仍然可能面临着改动。Stewart Brand在他的书《建筑如何学习：他们建好之后发生了什么》详细描述了这种有趣的情况。再一次的荒诞不经，我们地地道道的把今天信息架构师放在相似的境地——指派他们去被一些自诩的信息架构师们已经搭建起来的网站。那是因为多数人一点都不了解。越早将愿景传达给专家，愿景越早得以实现。

很多人说，“在多数项目中信息架构师不是必需的”，这只是因为信息架构师的角色与项目经理相似——尽管并不完全一致。只有当你的站点需要处理大量的数据，特别是用不同一般的方式来处理的时候，信息架构师才是必需的。或许你的站点涉及关于书籍的新的搜索方式，比如？

信息架构师做什么？

信息架构师在一个项目团队中经常处理以下事情：

1、 研究客户和商业

信息架构师们在项目中承担各种各样的职责。为了研究项目的客户群，他们需要涉猎或指导可用性测试、卡片分类练习，焦点小组访谈，用户调研等。目标是提供关于影响项目的足够多的信息。信息架构师需要知道人们如何使用你的程序，人们如何处理程序提供的信息，以及当用户使用你的程序时他们的心智模型是怎样的。

2、 数据分析

信息架构师通过定期的探索获得的认识，来定义站点的基本情况是怎样的，以及网站如何来实现目标。在这点上，信息架构师能够和设计师、工程师以及其他对于项目产出物感兴趣的团队成员亲密合作是很有帮助的。通过分析数据，信息架构师可以创建一系列的用户角色。

用户角色真实用户群体的目标和行为的一个代表。在多数情况下，用户角色是通过分析用户访谈收集的数据而综合得到的。他们一般用1-2页纸来描述，包括行为模式、目标、技能、态度和生活环境，运营一些虚构的细节来使得用户角色更贴近于生活中的人物。对于每个产品，一般都会创建多于一个用户角色，但其他一个经常会作为设计的主要焦点。 ——www.wikipedia.org

3、 开发标签/导航/站点架构

最后，信息架构师会，本质上是，结构化站点。信息架构师会产出一些产出物，诸如网站地图、网站流程图和线框图来传达站点从实际角度来看如何运作。实际上，优秀的信息架构师在创建这些产出物时会将所有的想法考虑进来：商业上的、技术上的和社会的（用户）。通过这些，信息架构师将帮助决定站点的总体方向。例如，信息架构师应该定期的测试站点，研究报告，并且评估开发流程中任何用户测试结果。

著名的信息架构师

信息架构的发展也成长了该领域的专业人士。下面是我列出的5位多产的信息架构师：

Donna Spencer Donna Spencer是以为自由职业的信息架构师、顾问、作者和培训师。她有9年在家以顾问身份从事宏观和细节设计的经验。曾经设计过大型的企业内网和外部网站，电子商务和搜索系统，商业软件，设计模式以及一个内容管理系统。了解更多关于Donna Spencer

Nick Finck Nikc是一个有着12年互联网从业经验的资深专家。他的专长涵盖网站设计、网站开发、用户研究、网站分析、信息架构和网站出版。他是众多的刊物上网站设计相关文章的作者，也是网络数字杂志《网站专家在线杂志的选择》的创建者和发行者。了解更多关于Nick Finck

Jesse James Garret 1995年Jesse开始从事于互联网——在最开始是作为一名作者和界面开发者，然后是作为界面设计师和信息架构师。2001年他创办了Adaptive Path公司来帮助人们解决用户体验问题。现在他主要是撰写文章和发表演说，关于用户为中心的设计和信息架构。他是《用户体验的要素》一书的作者。

了解更多关于Jesse James Garret

Louis Rosenfeld Louis帮助开创了信息架构学，合作撰写了主要的文本，在他著名的顾问公司担任主席达七年之久。Lou还合作创办了信息架构学会，也是该学会的顾问团的成员。他同时还是用户体验网络的合作创办者。
从http://louisrosenfeld.com了解更多关于Louis

Andrew Hinton Andrew从1990年开始即以各种方式开始设计信息系统，从1999年开始称自己为“信息架构师”。他在2002年合作创建了信息架构学会，并且承担了赚钱其宣言的全部责任。现在，Andrew描述自己是一个专业于信息架构的“用户体验设计师”。了解更多关于Andrew Hinton

用到什么工具/软件？

信息架构相对于产出物而言，更多的是一种脑力工作。因此它经常受到更多的仔细审查。信息架构师需要平衡体验、研究和用户投票，来提供网站应该如何架构的合理化建议。这是他们工作的本质。为了传达他们的意见，信息架构师通常需要创建线框图。这些线框图能帮助所有的相关方理解网站架构的宽度和深度，包括所有与用户的交互方式。你可以从wikipedia.org上了解更多关于网站线框图的信息。

1、 Microsoft Visio 微软进入图表领域的前沿，Visio是微软office套件的最新成员。Visio是高端IT和信息架构领域专业人士的基本沟通工具。但是它缺少XML格式输出，并且缺少对于苹果电脑的兼容性，是一个值得注意的问题。了解更多关于Visio 2007

2、 OmniGroup’s OmniGraffle OmniGraffle是OmniGroup出品的微软Visio的竞争者，并且做的非常不错。只需要一些简单的点击操作（和下面列出的一些资源）你就能够开始用线框图传达你的想法。OmniGroup说他们的产品可以制作图表、进程图、快速的页面布局、网站原型，以及更多。它能够支持微软的Visio格式，链接PDF，你甚至可以将图表和AppleScript结合起来。了解更多关于OmniGraffle

3、 Axure公司的Axure RP Pro 5 Windows平台上备受关注的推行信息架构的产品。不好的是，它生成的HTML原型有太多“混乱”“冗余”的代码，相比比用Axure生成活动的程序便捷，这太不值得了。Axure公司描述他们的RP Pro5是“快速创建线框图、原型，以及软件和网站规范的主要工具”。了解更多关于Axure

4、 Lovely Charts Lovely Charts是一个全新的图表程序，由用户体验架构师合This is Lovely！的创立者Jerome Cordiez提供。它和上面的解决方案在很多方面不同：它是免费的，基于web的，并且非常简单。尽管这并非所有人喜欢的，但这个想法很有创意，并且我认为这能成为初级信息架构师最佳的交流媒介。了解更多关于Lovely Charts

各种资源

总结

这是有关这个每天都在演变的复杂领域的基本摘要。我并不指望本文可以反映5年来信息架构的当前状态，我只是认为我们都可以从项目里的信息架构获益。以后我会更透彻的考察信息架构的疯狂理念。在此之前，先下水试试看，下载一份OmniGraffle，然后不要迟疑尽管在下面留言吧！

翻译自Andrew Maier “Complete Beginers Guide to Information Architecture”
原发于：天涯博弈

Web趋势地图第四版

2009-07-29T10:27:00.001-07:00

由Information Architects网站绘制的Web趋势地图，从2007年开始，已经先后有了4个版本。

Web趋势地图以东京地铁系统的路线图为蓝本，在保证逻辑合理性的前提下将互联网上的重要网站以结构化的方式进行连接，就得到了
这份色彩斑斓的web趋势地图。作者声明网站的域名和个性都是与热心者对话之后经过认真的选择确定的，每一个网站的评估标准是结合了流量、营收、历史、所属者和个性。

正如作者自己所说，web趋势地图第一版只简单花费了一个下午，第二版耗费了一个星期的时间，第三版却用了整整一个月专心致志的工作，而第四版的前期准备工作要比之前3个版本的时间加起来还要多。的确可以看出作者对于这个项目的用心程度。

大图浏览：http://informationarchitects.jp/wp-content/uploads/2009/07/wtm4-final.png

web趋势地图的介绍：http://informationarchitects.jp/wtm4/

New York Talk Exchange

2009-07-28T09:26:00.000-07:00

感知城市实验室的New York Talk Exchange项目是，以图像的形式描绘了纽约与全球其他城市的长途电话及IP等信息流的交换。

在信息时代互联网和电话之类的电信服务打破了空间的限制将人们连接在一起。为了描绘纽约人与世界其他地方的关系，New York Talk Exchange项目提出了以下问题：

纽约人是如何与其他城市联系的？
纽约和哪些城市联系最为紧密，并且这种关系是如何与日俱增的？
其他地方是如何与纽约成为邻居的？

该项目包括了三个可视化成果：全球联络，星球脉搏和全世界在纽约。

下面是全球联络的视频：

查看更多：http://senseable.mit.edu/nyte/visuals.html

我们的钱都到哪去了？

2009-07-27T06:20:00.001-07:00

Good在线杂志绘制的"Where did all the money go?"图例，非常形象的解释了全球金融危机是如何掏空了美国人的口袋。从容易获得的信用――房地产升温――贷款证券化――市场饱和――降低借贷标准――房价下降――次贷危机――信用危机――全球经济下滑。

查看详图：http://awesome.good.is/transparency/usersubmissions/financialcrisis/klimiuk/

图解美国如何引发全球金融危机

2009-07-27T06:05:00.001-07:00

Good在线杂志绘制的一幅全球金融危机的图解，描绘了华尔街、房地产、伊拉克战争、投资和消费信心的关系变迁，演示了贪婪是如何引发了这场全球新的金融危机的。

查看详图：http://awesome.good.is/transparency/usersubmissions/financialcrisis/cypher13/

Anymails:邮件的微生物隐喻

2009-07-26T21:43:00.001-07:00

这是Carolin Horn的一个信息可视化实验，选取的收件箱中email信息的自然隐喻。这个实验的目标是让用户对于他的email世界产生其他的体验。

这个实验最令人惊讶的部分在于微生物的生理特性与email的属性完美的结合在一起，比如以活跃程度来比喻邮件的处理优先程度（未读、已读未处理，已处理），以微生物的大小和透明度来比喻邮件的新旧程度。这种设定初看起来是复杂而低效的，但当你适应这个规则之后，你会发现邮件所呈现的生物特性会使得处理邮件也变得充满乐趣。

当然这是一个实验项目，不必追问其实际应用的效率问题。

更多信息，请访问Anymails项目的相关页面：http://carohorn.de/anymails/

微软2019未来畅想视频

2009-07-25T16:19:00.001-07:00

Livesino上有对该视频非常清晰的介绍，我就不多说了，直接引用livesino的介绍吧：

在 Wharton Business Technology 09 会议上，微软商业部门（Microsoft Business Division）总裁 Stephen Elop 介绍了微软的一些未来的概念产品和想法
 ，包括微软的沟通 Communication、协作 Collaboration 和生产 Production 等技术，还涉及医疗、学习、工程、银行和购物等方面。
这里可以下载 Stephen 的 Keynote 演讲 Powerpoint 幻灯片，其中提到了相当多的微软内部项目，比如：实时语言翻译，SecondLight，X-WAND 手势输入交互设备，Sphere 球体交互设备，Lucid Touch 背面触摸交互技术，PICO PROJECTION 投影交互设备，E-INK Reader 电子阅读设备等。

下面是PPT中的一些截图，从中可略见微软未来的战略。建议直接查看5 分钟版 Future Vision Montage 2019 视频

2019的梦想与现实-镜面交互

2009-07-25T15:56:00.001-07:00

在微软的2019未来生活畅想的视频中最常见的就是镜面显示和交互技术，随处不在的玻璃幕墙可以随时随地的应需显示信息并可参与交互。

这在汤姆・克鲁斯的电影《少数派报告》之后已经慢慢变成一种被定制化的未来梦想。也许在未来信息显示的介质不再必须是电子屏幕，而是任意身边的实体材质，比如墙壁、屋顶，桌面甚至空气中。

下面图片显示的是一个在商用的镜面交互技术，项目已经在一些展览上进行了应用，其原理看起来似乎也比较简单，背投影技术+动作捕捉/触控感应面板现在已经不再是新鲜的玩意了。对于这种技术的应用，觉得最重要的还是系统和软件更显重要些，能够显示固然是第一步，能够应需显示，并能在不同设备间平滑切换，这是该技术能够在未来大行其道的基础吧。

查看更多：http://www.interactivemirror.net/

2019的梦想与现实-电子阅读

2009-07-25T15:42:00.001-07:00

在微软2019未来畅想视频的后面一部分，电子报纸的阅读带给我很大的冲击力，当然电子墨水技术已经进入了量产阶段

，但真正要实现如同纸质的阅读体验，并且能够高效的进行动态刷新和重载，这还是需要技术攻坚的，但未来的电子阅读方式的确是给我们带来非常棒的期待。

"Beyond the Fold"是一个对于未来的电子报纸的探索性研究，主要研究如何从物理世界与数码世界之间寻找沟通的桥梁，基于文化隐喻、用户体验和礼仪等为数字化阅读创建有意义的交互方式。下面是"Beyond the Fold"项目的项目进展介绍：

原文请见：http://www.beyondthefold.net/Version_2.0.html

2019的梦想与现实-城市导航

2009-07-25T15:19:00.001-07:00

不少人都可能已经看过微软的2019年的生活畅想视频，对于计算机和互联网到底能给我们的生活带来怎样的改变可能已经有了一个非常美好的梦想，尽管现实还有很漫长的距离，但这些技术本身其实并不是空穴来风，事实上在视频中我们所看到的很多交互方式和创新技术早已产生成果或有所运用。Philip van Allen在他的blog上撰文表示该视频中的很多创新技术其实并没有那么"原创"，因为他的一些学生早已开始在研究这些项目，并给出了一些例证。

城市生态寻路技术是其中一个学生的设计项目，其交互方式与微软视频中的指路技术如出一辙，也是以有机玻璃取景的方式来自动识别地点并连接虚拟地图，为使用者提供方向指引和周边信息。下面是该学生设计作品的截图及说明：

"Telepath: Way-finding in the New Urban Ecology" examines the intersection of digital collective memory, locative technology and urbanism as it transforms the Human Computer Interface into a Human Environmental Interface. A Telepath augments the act of looking through computing and gesture through processing, enabling individuals to engage in practical, cultural and emotional mapping as they excavate the specificity and sensibility of their environment.

t makes the invisible digital world � visible ― providing relevant information to a user for specific physical contexts.

Telepath seeks to evolve the Human Computer Interface into a Human Environmental Interface, creating a more elegant relationship between the physical world and the invisible ecology of digital data co-present within it.

Even now, the Internet is constructing a dense architecture of digital co-referents: data that annotates and augments much of our physical world. New locative technologies are going to increase this density, enabling people to place data into geo-specific locations ― a process called tagging.

It is just one of the technologies that will embed our environment with retrievable data, smart objects, and sensors that communicate with us and with each other.

In addition to acting as a "seeing machine", Telepath allow individuals to save, collect, organize, and share digital information (tags) they encounter in the physical world.

原文请见：http://www.artcenter.edu/mdp/gallery/gallery_masters_pop_telepath.html

微软中国研究院的人立方关系搜索

2009-07-25T13:41:00.001-07:00

微软亚洲研究院在去年推出的人立方关系搜索，其机制与雅虎的人物搜索机制相似，在人人关系搜索上仍然强调了六度理论的应用，但实际上任意搜索两个人名却多是没有返回结果，这与数据的挖掘深度应该有很大关系

，但人立方以silverlight技术做支撑其实现代效果更具可视化，这是雅虎的人物搜索需要学习的。

人立方的搜索结果中其关系连线点击之后还可以查看关系的细节，当然搜索引擎的人物关系搜索仍然是基于关键词的判断，因此准确性其实还有待智能化的提高。毕竟同时出现在一篇文章里的两个人名或地点其实并不意味着有实际意义上的关系。

与之类似的也有很多基于封闭系统的关系图，如flickr的flickrGraph、twitter的tweet friends network browser等。

法航A330失事飞机搜救动态信息

2009-07-25T11:56:00.001-07:00

这是西班牙网站发布的法航A330失事飞机搜索动态信息的图示，非常直观的展示了搜救的过程，尤其是对于海底搜寻黑匣子的立体图示非常具有感染力。在图示的右侧则通过日期的形式定位搜救过程中的具体事件和进度。对于重要搜寻物件黑匣子的图示也作为一个重要的介绍项目，点击左上角的按钮可以查看飞机上黑匣子的安装位置和运作方式，非常直观。

原Flash浏览地址：http://graficos.lainformacion.com/2009/06/en-busca-de-la-caja-negra-del-a330-de-air-france/

天涯映像

[翻译]信息架构新手完全指南

一般的工作领域猜想

谁是信息架构师？

信息架构的进化

树立愿景

信息架构师做什么？

著名的信息架构师

相关的twitter

@blueflavor

@adaptivepath

@nickf

@Konigi

@louisrosenfeld

@kauf

@jjg