Robert.think from Hangzhou, ZJ, China
Hi, this is the personal blog of Robert.think, a chinese Web Weveloper interesting in Interaction Design and RIA.
Send message
[翻译]信息架构新手完全指南
信息架构师是一个常常被误解的职称。他们是设计者?开发者?管理者?还是以上全部?我们在本文将探讨信息架构师是做沈恶魔,为什么它和可用性相关,以及在信息架构中需要用到的工具/软件。 我们也会顺便分享一些对于信息架构的初学者来说有用的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
原发于:天涯博弈

标签: , ,

Web趋势地图第四版
Information Architects网站绘制的Web趋势地图,从2007年开始,已经先后有了4个版本。
Web趋势地图以东京地铁系统的路线图为蓝本,在保证逻辑合理性的前提下将互联网上的重要网站以结构化的方式进行连接,就得到了
阅读更多帖子 »

标签: ,

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

标签: , ,

我们的钱都到哪去了?
Good在线杂志绘制的"Where did all the money go?"图例,非常形象的解释了全球金融危机是如何掏空了美国人的口袋。从容易获得的信用――房地产升温――贷款证券化――市场饱和――降低借贷标准――房价下降――次贷危机――信用危机――全球经济下滑。
阅读更多帖子 »
图解美国如何引发全球金融危机
Good在线杂志绘制的一幅全球金融危机的图解,描绘了华尔街、房地产、伊拉克战争、投资和消费信心的关系变迁,演示了贪婪是如何引发了这场全球新的金融危机的。
阅读更多帖子 »
Anymails:邮件的微生物隐喻
这是Carolin Horn的一个信息可视化实验,选取的收件箱中email信息的自然隐喻。这个实验的目标是让用户对于他的email世界产生其他的体验。
阅读更多帖子 »
微软2019未来畅想视频
Livesino上有对该视频非常清晰的介绍,我就不多说了,直接引用livesino的介绍吧:
Wharton Business Technology 09 会议上,微软商业部门(Microsoft Business Division)总裁 Stephen Elop 介绍了微软的一些未来的概念产品和想法
阅读更多帖子 »
2019的梦想与现实-镜面交互
在微软的2019未来生活畅想的视频中最常见的就是镜面显示和交互技术,随处不在的玻璃幕墙可以随时随地的应需显示信息并可参与交互。
阅读更多帖子 »
2019的梦想与现实-电子阅读
在微软2019未来畅想视频的后面一部分,电子报纸的阅读带给我很大的冲击力,当然电子墨水技术已经进入了量产阶段
阅读更多帖子 »
2019的梦想与现实-城市导航

不少人都可能已经看过微软的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
微软中国研究院的人立方关系搜索
微软亚洲研究院在去年推出的人立方关系搜索,其机制与雅虎的人物搜索机制相似,在人人关系搜索上仍然强调了六度理论的应用,但实际上任意搜索两个人名却多是没有返回结果,这与数据的挖掘深度应该有很大关系
阅读更多帖子 »
法航A330失事飞机搜救动态信息
这是西班牙网站发布的法航A330失事飞机搜索动态信息的图示,非常直观的展示了搜救的过程,尤其是对于海底搜寻黑匣子的立体图示非常具有感染力。在图示的右侧则通过日期的形式定位搜救过程中的具体事件和进度。对于重要搜寻物件黑匣子的图示也作为一个重要的介绍项目,点击左上角的按钮可以查看飞机上黑匣子的安装位置和运作方式,非常直观。

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

失事位置 by you.

立体搜索 by you.

黑匣子 by you.


标签:

>>About me

Hi there! My name is Robert! I’m an "old" web designer and developer living in China. This is my little blog written in english, where I post my voice and show my recently works.

I now work in an corpration and engage in Interaction Design in Hangzhou, the beautiful city of China. I have also much experience in RIA developement. If you have some interesting ideas about RIA, get in touch with me and I am sure we can have good conversation. Besides, forgive me my poor english, I'm still trying...

>>Recently posts
Tag cloud
>>Archives
>>Subscribtion