Popular posts

2009/10/11

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

信息架构师是一个常常被误解的职称。他们是设计者?开发者?管理者?还是以上全部?我们在本文将探讨信息架构师是做沈恶魔,为什么它和可用性相关,以及在信息架构中需要用到的工具/软件。 我们也会顺便分享一些对于信息架构的初学者来说有用的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 SpencerDonna Spencer Donna Spencer是以为自由职业的信息架构师、顾问、作者和培训师。她有9年在家以顾问身份从事宏观和细节设计的经验。曾经设计过大型的企业内网和外部网站,电子商务和搜索系统,商业软件,设计模式以及一个内容管理系统。 了解更多关于Donna Spencer
Nick FinckNick Finck Nikc是一个有着12年互联网从业经验的资深专家。他的专长涵盖网站设计、网站开发、用户研究、网站分析、信息架构和网站出版。他是众多的刊物上网站设计相关文章的作者,也是网络数字杂志《网站专家在线杂志的选择》的创建者和发行者。 了解更多关于Nick Finck
Jesse James GarretJesse James Garret 1995年Jesse开始从事于互联网——在最开始是作为一名作者和界面开发者,然后是作为界面设计师和信息架构师。2001年他创办了Adaptive Path公司来帮助人们解决用户体验问题。现在他主要是撰写文章和发表演说,关于用户为中心的设计和信息架构。他是《用户体验的要素》一书的作者。
Louis RosenfeldLouis Rosenfeld Louis帮助开创了信息架构学,合作撰写了主要的文本,在他著名的顾问公司担任主席达七年之久。Lou还合作创办了信息架构学会,也是该学会的顾问团的成员。他同时还是用户体验网络的合作创办者。
http://louisrosenfeld.com了解更多关于Louis
Andrew HintonAndrew Hinton Andrew从1990年开始即以各种方式开始设计信息系统,从1999年开始称自己为“信息架构师”。他在2002年合作创建了信息架构学会,并且承担了赚钱其宣言的全部责任。现在,Andrew描述自己是一个专业于信息架构的“用户体验设计师”。 了解更多关于Andrew Hinton

 

相关的twitter

http://uxbooth.s3.amazonaws.com/uploads/2009/02/leaflets-touch_bigger.png
@blueflavor
http://uxbooth.s3.amazonaws.com/uploads/2009/02/ap_twitter_logo_normal_bigger.png
@adaptivepath
http://uxbooth.s3.amazonaws.com/uploads/2009/02/nickfinck_square_bigger.jpg
@nickf
http://uxbooth.s3.amazonaws.com/uploads/2009/02/konigi-avatar_bigger.png
@Konigi
http://uxbooth.s3.amazonaws.com/uploads/2009/02/lou_new_bigger.jpg
@louisrosenfeld
http://uxbooth.s3.amazonaws.com/uploads/2009/02/n541900810_692168_2992_bigger.jpg
@kauf
http://uxbooth.s3.amazonaws.com/uploads/2009/02/jjg-deli_bigger.jpg
@jjg

用到什么工具/软件?

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

visio1、 Microsoft Visio 微软进入图表领域的前沿,Visio是微软office套件的最新成员。Visio是高端IT和信息架构领域专业人士的基本沟通工具。但是它缺少XML格式输出,并且缺少对于苹果电脑的兼容性,是一个值得注意的问题。 了解更多关于Visio 2007
OmniGraffle2、 OmniGroup’s OmniGraffle OmniGraffle是OmniGroup出品的微软Visio的竞争者,并且做的非常不错。只需要一些简单的点击操作(和下面列出的一些资源)你就能够开始用线框图传达你的想法。OmniGroup说他们的产品可以制作图表、进程图、快速的页面布局、网站原型,以及更多。它能够支持微软的Visio格式,链接PDF,你甚至可以将图表和AppleScript结合起来。 了解更多关于OmniGraffle
axure3、 Axure公司的Axure RP Pro 5 Windows平台上备受关注的推行信息架构的产品。不好的是,它生成的HTML原型有太多“混乱”“冗余”的代码,相比比用Axure生成活动的程序便捷,这太不值得了。Axure公司描述他们的RP Pro5是“快速创建线框图、原型,以及软件和网站规范的主要工具”。 了解更多关于Axure
lovely chart4、 Lovely Charts Lovely Charts是一个全新的图表程序,由用户体验架构师合This is Lovely!的创立者Jerome Cordiez提供。它和上面的解决方案在很多方面不同:它是免费的,基于web的,并且非常简单。尽管这并非所有人喜欢的,但这个想法很有创意,并且我认为这能成为初级信息架构师最佳的交流媒介。 了解更多关于Lovely Charts

相关资源

下面列出的资源应该能帮你进入信息架构领域。通过学习如何创建用户角色来用模板生成你的第一个信息架构图表,就是这里了。点击,下载,享受吧。

OmniGraffle资源

  1、 文件模板 让你迅速开始的高质量模板。包括基本的UX文档需要的共享的图层,例如标题页面,线框图,故事板。列引导线和一个普通的栅格工具使得它非常容易操作,并且使得你的布局紧密。 2、 线框图模板 Konigi提供的另一个好东西,这些线框图包括了定义用户界面的大多数元素。这绝对是必须的模板。 3、 用OmniGraffle创建原型 这个简单的视频为你真实如何将你的线框图链接起来,使得你的客户能够对于他们如何使用站点获得直观的感受。

VISIO资源

  1、 设计师Visio模板 Peter Vandijck是《为设计师的信息架构》一书的作者。他提供了很多信息架构非常有用的Visio模板 2、 线框图模板 Dave Ross为Visio的爱好者提供了一系列的初学者模板。 3、 线框图、网站地图、流程图模板 Nick Fink做了一件很棒的事,在他工作中收集和创建了很多模板。在他的网站上你能读到很多关于如何将这些模板运用到你的产出物里的想法。

网络资源

  1、 角色创建图表 用这个图标来创建你自己的用户角色,然后围绕他们开发你自己的程序。 2、 Visio和OmniGraffle的模板 Garrett Dimon放出很多Visio和OmniGraffle的资源。比如,他的页面描述图表对于“不集中于页面布局,而是规划和策略上的设计页面”非常有用。 3、 信息架构学会的工具 信息架构学会有大量可用的丰富和独特的工具,从网站地图生成器到任务分析表。 4、 Jessie James Garrett的可下载的信息架构资源 包括模板、模式、形状库,甚至还有用来表达信息架构概念的Powerpoint对象。

相关书籍

各种资源

总结

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

翻译自Andrew Maier “Complete Beginers Guide to Information Architecture

标签: ,

blog comments powered by Disqus