超实用!写给交互设计新手的信息架构全方位入门指南

2016/09/05 8663

interaction-information-architecture-guideline-1

@–云梦大泽– :信息架构通常是由设计师,开发人员以及内容策划师共同承担的工作,但不论是谁承担这个工作,信息架构值得探索研究。在本文中,我们将会与你分享信息架构的历史,通用的方法,工作日常,可以关注的大神,相关书籍和软件等,强烈推荐收藏。

上期回顾:《超全面!写给零基础新人的交互设计入门完全指南》

自学指南系列:

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

目录

  • 什么是信息架构?
  • 通用方法
  • 日常工作
  • 可以关注的大神
  • 常用工具
  • 相关书籍

什么是信息架构?

信息架构是一个比众多其他领域更难定义的领域。内容策划由内容策划师来完成,交互设计由设计师来完成,而信息架构的完成与它们不同,因为信息架构师是一个非常罕见的职位。信息架构横跨于多个角色之间,是一个必要且有价值的领域。

信息架构学会(Information Architecture Institute)是一个非盈利性组织,致力于推动信息架构领域的发展。他们这样简洁、概括地解释它:

信息架构是帮助人们在现实世界以及网络上了解自己的环境,找到他们要找的东西的学科。

换句话说,信息架构是对于一个网站,应用程序或其他项目的结构上的创造,它可以让我们明白我们所处何处以及我们想要的信息在哪里。信息架构也因此延伸出网站地图,架构层级,分类,导航和元数据的创造过程。当内容策划师开始拆分内容并把它分类的时候,她实际上就是在进行信息架构。当一个设计师勾勒出一个顶级菜单,用以帮助用户理解他们在网站上的位置时,他实际上也是在进行信息架构。

无论我们正在完成怎样的工作,创建信息架构的时候我们经常会问:

  • 用户浏览我们网站的过程是怎样的?
  • 这个应用怎么样帮助用户分类他们的信息?
  • 这些信息是怎么样呈现给用户的?
  • 这些信息有没有帮到客户,并驱使他们做出决定?

为了回答这些问题,信息架构师必须聚焦于这些要点:目标受众,与网站相关的技术,将要展现给用户的数据。

通用方法

正如我们今天所知道的,信息架构这个概念大约始于20世纪70年代,远远早于网络,移动应用程序的兴起以及用户体验设计的普及。它起源于众多领域和方法,UX从业者至今仍在参照这些领域和方法,包括图书馆学认知心理学,和建筑学。
2396531-9537d1f0e51381cb

△ Timothy Greig构建的图书馆信息流

图书馆学

图书馆学有很多不同的定义,其中一个相对清晰的定义来自于华盛顿大学( University of Washington)。他们将图书馆学定义为“知识型组织体系”的构建。图书馆学是研究如何进行分类,编目,并找到资源的学科。它被广泛地用于传统图书馆,博物馆,科学实验室和医院中。

其他两个对信息架构有价值的领域是编目学和档案学。编目是创建元数据,并且把它分配给内容以便未来再次找到它的过程。档案学是创建并且用内容填充档案的过程,这可能需要不断地编辑或移除工作来保持档案的完整性。这两种学科的工作可以直接移植到用户体验的工作中来,因为我们的目标是创建一个具有适当的、可用的元数据的信息架构,这些元数据包含可用的内容,而这些内容又来自于维护良好的档案。

认知心理学

在我们的文章《交互设计入门完全指南》(Complete Beginner’s Guide to Interaction Design)中,我们也提到过认知心理学,并把它作为一种通用方法。认知心理学研究心智是如何运作的,以及心理过程是如何发生的,所以这里再次提到它也并不奇怪,因为它同时影响交互设计,也影响着我们架构信息的方式。

然而,信息架构借鉴了认知心理学中一些不同的内容,这些对我们如何组织信息很有帮助。下面是一些认知心理学中对于信息架构师极具价值的内容:

  • 认知负荷是指一个人在给定的时间内可以处理的信息量。请你记住,了解认知负荷可以防止信息架构师一次性带给用户过多的信息,这样就不会造成用户信息过载。
  • 心智模型是指用户在与一个网站或应用程序进行交互之前,他们的心智中已经形成的假设。当信息出现的位置和用户的心智模型中的假设位置一致时,信息就更容易被发现。
  • 决策或许听起来不像心理学的内容,但实际上它是的!决策是一个认知过程,它使我们作出选择,如选择一个选项。信息架构师通过在关键时刻提供某些信息,从而帮助我们做出决策。

建筑学

现代信息架构的创始人是Richard Saul Wurman,他并不是一个网页设计师,而是一名平面设计师和建筑师,有趣的是,信息架构的概念正是从建筑学中衍生出来的。Wurman认为信息应以和建筑物同样的方式来构造:要有一个坚实的基础。连线杂志上有一篇关于Wurman的文章,作者Gary Wolf认为Wurman的工作给了我们很好的启发:“信息的呈现方式可以比信息本身更为重要。”

信息架构非常重要,就像建筑学有很多形式一样,信息架构也可以采取很多有吸引力的形式,并且是基于精确的、有策划的结构和坚实的想法基础之上的。

日常工作和交付物

信息架构师作为用户体验团队的成员之一,通常承担着多种不同的工作。常见的工作内容包括研究,导航创建,线框图,标签和数据建模。信息架构师紧随整个设计过程,他们大多数的工作是非常有价值的,这些工作形成交付物,这个我们在后面会提到。

用户研究与分析

对于一个项目来说,信息架构师要承担极大的责任。为了了解该项目的受众,信息架构师需要参考可用性测试的结果,卡片分类的结果,利益相关者访谈的结果,以及用户访谈的结果,这些还只是其中一些例子。通常情况下,信息架构师会在访谈或卡片分类中扮演积极的角色,在这个过程中他们可以了解一位潜在用户是如何给各种条目进行分类的。通过这样的研究,信息架构师能够了解到人们会怎样操作应用程序,人们会怎样使用应用程序提供的信息,以及当他们使用该应用程序时,他们的心智模型是怎样的。

在进行了这些研究之后,信息架构师开始分析数据。他们可能会用这些方式把信息呈现给团队中的其他人,比如电子表格,建议清单,甚至一组用户角色,用户角色将展示典型用户是谁,他们的目标是什么,以及他们可能如何接触到应用程序。

导航和架构层级创建

在一个网站或者应用程序中,信息架构师负责确定信息如何被展现及获取。正如我们之前讨论过的,这就是信息架构的关键部分。为了创建架构层级,信息架构师需要考虑用户期望看到什么,以及我们想要在内容之间产生怎样的联系。

例如,如果我们希望把“常见问题”与“帮助”页面联系起来,那么这两个界面也许都应该放到“帮助”这个模块底下。但是,通过调查研究,我们也许发现用户希望“常见问题”属于“产品”这个模块。在这种情况下,信息架构师需要作出选择与决定。信息架构师需要平衡各方利益,还需要考虑其他可行方案,以尽量同时实现不同目标,比如把“常见问题”和“帮助”都放在“产品”部分。最终,正是这些选择与决定,创造了整个网站或应用程序的结构。与这项工作有关的交付物是网站地图,网站地图阐明了网站内容的层次结构。

线框图

对于一些信息架构师来说,线框图是表现不同界面之间联系的最好方式,也是确定网站实际情况下会如何运作的最佳途径。基于调查研究收集的数据,以及架构创建所作出的决定,信息架构师可以画出关键界面的草图,以此来演示用户如何与信息进行交互。

当然,设计师承担信息架构的工作并为此负责也是很常见的。设计师往往会从视觉的角度去思考问题,但设计师可以利用线框图思考信息的结构。线框图也可以作为交付物分享给客户,开发者和视觉设计师,以此来给他们提供制作模型,原型,和最终产品的参考。

制作标签

前面我们提到了信息架构师作出选择和决定的重要性。一旦他们作出选择或决定,紧接着就需要给每个模块制作标签,即每个部分叫什么。虽然这个工作可能属于内容策划师的范畴,但是每个信息架构师都应该参与,不论他是否同时也是内容策划师或设计师。在一个网站上制作标签,或者所谓的页面与链接,我们需要确保导航和层级结构都有合适的名称,这些对于用户是否能够找到正确信息有很大的作用。

分类学和元数据

一个分类是指一系列组合在一起的事物。对于一个信息架构师来说,分类也是对相似类型内容或信息的记录。大多数信息架构师会基于目标受众的心智模型,给网站或应用程序选择一个或多个合适的分类方案。然后他们可能使用元数据给内容“标签”,这样用户可以搜索基于假设分类的内容。比如,一个服装店可以考虑多种分类方式,一种根据织物类型,一种根据服装商品,还有一种根据色彩。信息架构师可以这样标记一件体恤,棉或尼龙,也可以标记为衬衫或红上衣。这样一来,一位拥有“我需要一件新衬衫”的心智模型的购物者可以很容易地找到这个红色的棉质衬衫。

数据建模

数据建模也被称为内容建模,这项工作可以与内容策划师共同承担。数据建模把开发者和信息架构关联在一起,它决定了结构化的内容类型,这些内容类型代表着用户需求,业务逻辑和要求,以及内部的编辑规范。在网站重新设计的案例中,新的数据模型通常需要与现有的结构匹配,以确保内容可以被顺利的移植。这种工作通常使用电子表格完成,映射出字段类型和关系要求,有时直接落实形成一个CMS(内容管理系统)。数据建模还可以促进内容类型记录文件或内容模板的创建,内容策划师或文案可以直接参考这些东西创建内容。

2396531-07c081681913363d

可以关注的大神

这些人中有些人自称为信息架构师,其他人则称自己为与信息架构师一起工作的设计师或内容策划师。无论什么称号,这些都是对信息架构领域有很大影响的人:

Abby Covert

Abby Covert,或者 “Abby the IA” 是书籍How to Make Sense of Any Mess: Information Architecture for Everybody的作者。她也在The School of Visual Arts(视觉艺术学院),以及General Assembly NYC教授信息架构课程。Abby是信息架构学会的主席,她专注于提升世界各地信息架构师的力量。她发表关于信息架构的文章,讨论信息架构,教授信息架构课程,同时在纽约市从事信息架构师的工作。

Andrea Resmini

Andrea Resmini 是一名信息架构师,也是JIBS的教师和研究人员。 他也是书籍 Pervasive Information Architecture的联合编写者, 他目前在FatDUX从事信息架构的工作,这是一家领先的用户体验公司。他也担任了信息架构学会的主席,主持了Italian IA Summit(意大利信息架构峰会),除此之外,他也是用户体验欧洲中心的创始成员之一。Andrea在业余时间创办了Journal of Information Architecture 信息架构杂志,目前他也是这个杂志的副主编。

Andrew Hinton

Andrew自1990年以来一直在从事设计信息系统的工作,他从1999年开始就自称是“信息架构师”。他与Christina Wodtke 和 Louis Rosenfeld在2002年共同创立了Information Architecture Institute(信息架构学会), 并且负责撰写了学会宣言。他也是书籍Understanding Context的作者,这是一本写给信息架构师和用户体验专业人员的书。如今,Andrew是State Farm的高级数码体验架构师,他称自己为“专门从事信息架构的用户体验设计师”。

Christina Wodtke

Christina Wodtke,信息架构学会的另一位共同创始人,也是信息架构领域一个令人印象深刻的名字。她担任过Zynga.com的总经理,MySpace的社交总经理,LinkedIn首席产品经理,以及雅虎的设计部高级总监!她也是协作博客工具PublicSquare的联合创始人,以及设计出版社的Boxes and Arrows创始人之一。目前,Christina给初创公司提供建议指导,并且运营她的博客Eleganthack。

Dan Klyn

Dan Klyn作为信息架构师在服务机构,电子商务组织,非盈利机构工作有二十年了。他在密歇根大学教授信息架构课程,并且是The Understanding Group(TUG)的联合创始人。Dan与全球各地的客户合作,并在信息架构峰会(IA Summit),UX Week和WebVisions上发表演讲。他的一个四个分钟演讲Explaining Information Architecture非常值得一看。

Donna Spencer

Donna Spencer是一名自由的信息架构师,顾问,作家和培训师。她是书籍A Practical Guide to Information Architecture以及其它两本关于用户体验书籍的作者。Donna有9年的自由工作经验,作顾问或者战略策略设计工作。她设计过大型企业的内部网和网站,电子商务和搜索系统,商业应用,设计模式和CMS。Donna也是UX Australia的联合组织者,她目前在运营着这个组织。

Eric Reiss

Eric Reiss作为信息架构顾问,作家和理论研究者而被大家所熟知。他的书籍Practical Information Architecture: A Hands-On Approach to Structuring Successful Websites是信息架构的经典书籍之一, 除此之外,他的书籍Usable Usability改变了许多企业应对用户体验挑战的方式。 他目前是FatDux的首席执行官,这是一家在哥本哈根的用户体验组织。

Jesse James Garrett

1995年,Jesse开始在网络上工作 ,首先作为一名作家和界面开发人员,后来成为一名界面设计师和信息架构师。2001年,他创办了Adaptive Path公司,旨在帮助人们解决用户体验问题。如今,他撰写文章,并公开谈论以用户为中心的设计以及信息架构。他也是书籍The Elements of User Experience(用户体验要素)的作者。

Louis Rosenfeld

Louis帮助创建了信息架构领域,是许多优秀文章的联合撰写者,也担任其最知名咨询公司The User Experience Network的总裁快有七年了。Lou与其他人共同创立了Information Architecture Institute(信息架构学会),并是其顾问委员会的成员之一。

Nick Finck

Nick是一个有着12年经验的网络老将,并被认为是贸易网络的工匠。他的拥有的技能遍历网页设计,网站开发,用户研究,网站分析,信息架构和网络出版。他也是许多关于网页设计文章以及出版物的作者。

Peter Morville

Peter Morville是信息架构领域的奠基人之一。他是一名作家,演讲家和顾问。他的畅销书包括Information Architecture for the World Wide Web(Web信息架构:设计大型网站)( 著名的“北极熊”),Intertwingled: Information Changes Everything。他的作品曾在《商业周刊》,《经济学人》,美国国家公共电台,和《华尔街日报》上发表。

常用工具

构建信息架构需要大量的脑力劳动,但有些信息架构师更喜欢使用纸笔来进行工作。如前面说到的,信息架构的工作会包含站点地图创建,元数据标记和分类的过程,这些最终都需要以一种视觉格式与客户共享。还有一些信息架构师需要制作网站的线框图,当然,这需要额外的工具。在这里,我们将回顾一些信息架构师经常使用的工具,他们用它来创建网站地图,确定分类以及设计线框图。

2396531-96fa1ec688799bc7

Omnigraffle

Omnigraffle是Omnigroup的图表和线框套件。这个软件对于那些已经有架构的系统来说非常有价值,用户不仅可以在界面之间切换,还可以通过侧边栏看到这些页面是如何联系在一起的。OmniGroup的产品可以做简图,工序图,快速页面布局,网站原型,以及更多。经过基本的学习之后,初露头角的信息架构师就可以发现Omnigraffle对他的价值。

2396531-77d71343645d4f7e

Axure

与Omnigraffle类似,Axure既是线框图绘制工具,也是图表绘制工具,这些对于信息架构师来说非常有用,特别是同时担任交互设计师的人。Axure的目标是快速创建网站和应用程序的线框和原型图。

2396531-f0e1cf36c5c821b3

MindManager

MindManager是一个可视化的框架,这意味着,用Mindjet的话说,“促进自由的思维和思想的迅速组织”。应用MindManager中方便的拖放功能,信息架构师可以方便快捷地将灵感表达出来,然后将这些想法组织成网站地图,并以此来阐述架构思路。MindManager可以将地图输出成JPG,PNG,PDF或Word文档的格式。

2396531-f8b5975ed38c56a5

XMind

XMind是另一种绘图软件,他允许信息架构师将地图保存到Evernote。他们也提供了地图库,用户可以分享他们完成的工作或看到其他人的工作。用户可以下载一个免费版本,或者购买XMind pro,他们可以在Mac,Windows或Linux使用这款软件。

2396531-a86f88c812e7af03

Treejack

如果信息架构师想测试他们创造的架构,并且检验用户是否能很好地找到对应的信息,那么Treejack会非常有用。被标榜为“信息架构师验证过的软件”,Treejack可以让信息架构师输入站点层次结构,建立任务,然后招募用户。然后他们可以看到自然的测试结果,也可以共享或下载结果。

相关书籍

去信息架构图书馆看看这些推荐的书吧!

Ambient Findability: What We Find Changes Who We Become

发表于2005年,这本书关于信息过载和如何在谷歌的世界中寻找内容,即便到今日,这本书仍然很有价值。作者深究这样的问题:“假如谷歌可以神奇地回答你的问题时,你就会思考,信息的构成方式为什么如此重要?”除此之外,作者也把内容可用性和信息架构联系起来。

A Practical Guide for Information Architecture

Donna Spencer的这本书如其书中所说:实用。这本书实际上相当于信息架构师的清单,并且附带着一些概述,探讨了信息架构和用户体验如何协同运作。对于高级信息架构师来说,这本书可能有点太基本了,但是对于新手来说,这有你所需要的所有信息。

How to Make Sense of Any Mess

Abby Covert这样定义语言文字的混乱:“那是一种人与信息之间的交互充满了困惑和困难的情况。”这句话很好的定义了混乱,也准确定义了大多数网站,除非这些网站拥有设计过的架构。在这本书中,读者可以学习并使用七个步骤,以此来处理甚至是最混乱的架构,使得一切变得清晰且可管理。

Information Architecture: An Emerging 21st Century Profession 1st Edition

这本书出版于2003年,探讨了信息架构的多学科性质。作者提出完成信息架构的工作需要视觉设计,信息设计,图书馆学,信息科学和人机交互技术的融合。这本书更多的是探讨信息架构的历史而不是具体的方法,Morrogh讨论了创建美丽的,有价值的,易于使用的信息环境的目的。

Information Architecture: For the Web and Beyond

这本书目前已经出到了第四版,是信息架构领域最重要的书籍之一。这本书在UX部门或相关机构中随处可见,很多人都知道它的昵称“北极熊的书”,因为它的封面上印着北极熊。这本书的重点内容关于如何创建大型网站的信息架构,这其中包含复杂的层次结构。

「技多不压身的设计师才有高薪资!」

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/interaction-information-architecture-guideline

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里