关于信息构架的终极指导
by Cameron Chapman
信息构架(IA)是科学与艺术的一部分相通。不论你是雇佣一名专业的信息构架师,还是只是在某个项目上使用信息构架,只要你设计的东西有内容存在,那么你会用到信息构架。
尽管你是顺其自然让内容摆放的人,不论怎样,当你有一个全盘对项目的考虑、对内容结构合理的组织的时候,你的网站可用性会极大增强。
尽管不是每个项目都需要一个专业的信息架构师,理解优秀信息结构背后的基本原则,会使你的网站走在一条浏览和使用起来简单轻松的路上。
什么是信息构架?
信息构架包含一些相关概念。其中,第一且最重要的,它是分享的信息的结构。它是内容在网站、内网、在线社区或者其他数字空间组织和展示的方式。
进一步来说,它是组织和展示这些数字性质的内容的科学和艺术。信息构架的关键是让使用者轻松找到他们要找的东西。这需要对使用者可能怎样使用你的网站、app或者内网有一个准确的把握。同时也需要对使用者想要信息怎样组织和展示有一个好的把握。
最后是信息架构社区,它旨在把现实中的设计和结构搬到数字领域。这个社区为想要把信息架构放在用户体验前沿领域最重要位置专家学者建造。
类似的结构
你可以认为掌握某个项目需要什么样信息架构和规划一个建筑物的蓝图一样。
一般的房子、街道、城镇很可能是基于一个现成的蓝图建造的。国内有很多住房就是基于相同的基本的方案建造的。一套好的房屋建造蓝图可以生产出经济又功能实用的住宅。
当然,这些房子每个又是不同的,使用者不同,使用者的使用方式也不同。
同理,建造网站或者内联网也可以通过这样迎合很大一部分客户。减少选择性和定制化可能就是最完美的解决方法。这样,一个ux或者一个设计师就可以很好地进行设计优化,不需要一个专门的信息构架了。
于是我们有了很多主流的定制服务。现有的以往解决方案就接近用户需求了,但是还需要一点对你的现有的方案进行全面审查。通畅的住宅就是这样设计的,通过把现有的方案进行改进,有时候是显著的改善来适应以后的住户。某个房间可能被增加或者减掉;厨房可能从一个地方挪到另一个地方;两个屋子可能合并成一个大屋子,或者一个大屋子被分成两个小屋子。通常先选择一个结构再对其进行这些改进。
信息架构中也会使用这种方法。一个常用的信息结构可能接近用户所需,但是它还是需要一些很多显著的改变来适应实际的项目需要。可能需要增加一个用户模块来实现应有的功能,或者可能它太复杂了需要被简化。可能直接能够看出信息结构所需要的改变,也可能需要建立一个计划来进行信息结构的优化。
行业的另一端是完全的传统设计。结构完全是从零开始设计。结构设计师会坐下来和未来的住户讨论他们的需求,然后咨询工程师和建造者他们讨论的需求是否能实现。这是最贵的解决方案,而且通常也是唯一能真正满足客户需求的方案。
大型网站建造也是这样。例如,一个新的公司就不太可能像根据一个现成的方案设计,甚至是按客户需求定做的网站。他们需要一个符合他们商业模式的方案,并且这个方案可以很大程度上随着发展而改变。这里就是一个专业的信息构架团队发挥作用的地方了。这和传统的设计还是有相同之处的。你会发现一个小项目可能需要专业的信息架构,或者一个大型的项目可以轻松地用现有的方案解决。这就是为什么信息架构需要一开始就建立起来,这样从一开始就能使用正确的工具了,而不是之后去强迫内容改变成适应特定的结构或工具。
IA都做些什么?
掌管项目信息构架的人责任很重,他们每天都具体做些什么呢?
首先,他们通常担任一个项目的设计和技术之间的沟通桥梁。他们需要确保设计师合理地组织内容的。他们还要确保技术团队准确地执行这些设计。
另外,当遇到影响内容给用户怎样服务的问题时,他们需要充当一个联络沟通的角色。
IA还管理着研究项目信息如何组织摆放来最好地适合最终用户的需要。这是一个极其重要的角色,因为失败的内容组织会摧毁用户体验并使用户感到很失望。他们的工作和掌管项目用户体验的人很接近。
最后,很多IA会做的是建立线框模型和站点地图来指导团队项目的发展。线框模型通常是只注重实用性的,图形由设计团队按照线框模型加上去。他们展示出用户浏览网站的流程,以及功能具体怎样实现。
这种情况下,站点图可能是最终网站的某部分,或者仅仅是一个内部组织文件。
信息架构的原则
Dan Brown已经在信息架构方面实践了超过20年,并提出了8条IA原则;这些原则是学习为一个项目建立坚实的信息结构的要素的好的开始。
“信息架构的八条原则”为IA工作列出了一个理论框架,并得出以下总结:
- IA首要关注信息结构,设计实际的用户界面排在第二。
- IA理解人们实际怎样操作内容,以及该如何架构来支持这些功能(符合人们的操作习惯)。
- IA掌握一个项目的内容和功能范围,以及如何设计符合要求的结构
针对对象的原则
对象的原则是内容需要被当作是一个逐步发展的动态事物,内容有自己的发展周期。不同的内容有不同的属性和行为,这是为了最好地利用内容。
每个项目的开始,你先应该识别出将要呈现的内容的种类。这意味着范围很大很粗略。
例如,一个商业站点的内容可能包含各类商品,每个种类的产品的内容又不同:标题、描述、规格、价格以及其相关条目。这种站点可能还有额外的页面,例如关于本站,FAQ,用户服务页等。把所有这些内容种类列出来,并列出相互它们之间的关系是设计一个交互好的站点的第一步。
选择的原则
选择的原则意味着你需要为你的使用者提供有意义的选项。然而,你需要确保这些选项针对某个具体的事物。太多的选择会吞没使用者并且对他们的使用体验产生负面影响。
信息应该分级放置,避免列出长长的选项,这样分类起来很困难。如果你有太多的选项,把内容分类、再分子类是一个有效的方法。
表达的原则
给你的使用者他们需要的信息是很重要的。但是要确保你能辨别出真正必须的信息是什么,不要凭你的感觉给用户信息。让他们知道他们继续探索你的网站会得到什么,给他们不多也不少的信息。(这叫做逐步展示)
通过限制他们任何一次能够看到的信息量,你能让你的用户更好地“吸收”他们所看到的。一个文章分到10页让用户看比在一页上展示更容易让用户吸收。你通过使用工具通过某种方式来引导用户浏览你的内容,让用户感到网站友好易使用。
这个原则的主要宗旨就是不要把所有信息塞进一个页面而让你的用户超负荷。通过某种让他们感到易于理解和记忆的方式,逐步引导他们浏览信息。
举例的原则
通过举例的方法描述某一类的信息内容会让用户更容易明白他们在看的是什么。这很大程度上提升了用户体验。
例如,当浏览亚马逊分类信息时,通常会展示某类别中的一些商品。这让人立刻能找到想要的类别,尤其是当你不知道某类商品的名称时。
这个原则在一些情景下使用起来有点困难,这取决于你提供内容的种类。但是考虑如何把举例融入你的分类标签和菜单中,如果做的好,它的确会大大提升用户满意度。
网站门户(主页)的原则
网站的大部分访问者是通过其他站点到达你的站点的,而不是直接到达你的主页。这意味着,用户加载的每个界面需要包含一些基本信息来让他们明白这个站点是干什么的。这也意味着每个页面需要包含至少顶部导航,以及相关页面的导航。
用户主要通过两种方式访问到你网站的内部页面:搜索引擎的搜索结果和社会传媒的链接。这两种情况下,用户除了知道他们要找的信息在这个网页上,其他对你的网站和内部组织了解不多。
如果他们不能很快找到需要的信息。他们不会停留太久。
所以,你不需要把你的信息都塞到主页上,因为网站访客有半数不会直接打开主页,甚至根本不会看到主页。
多重分类的原则
多重分类的意思是用户浏览网站的内容有不同的方式。不同的人可能有不同搜索信息的方法。
例如,一些用户可能直接使用搜索功能,另一些可能想浏览网页查找。除此之外,有些用户可能想通过一种分类方式浏览,另一些人就想通过另一种分类方式浏览。
所以,给用户多种选择会让用户更满意。
导航集中的原则
导航菜单的定义不应该通过它们出现的位置,而应该通过它们包含的内容。菜单决定了用户查找网站信息的主要方式。很多情况下,网站不止包含一个导航菜单,从而提供了浏览网站内容的不同方式。
你的网站可能有:有顶部导航栏(通常是网站的主导航);在内部页面的菜单显示了当前页面的分类方式以及相关页面;提供打折或者购物网站链接的菜单;季节性时下的菜单,提供特定时间相关的内容。
不论哪种情况,保持每个导航菜单集中、有所侧重,让它们使用起来更容易。
增长的原则
大多数网站的内容是流动、变化的。一个网站今天的内容可能只是明天、下周、或者明年内容的一小部分。
所以,组织网站内容使其能随着时间的改变增长。你的导航菜单和一般的信息结构应能在很多内容的情况下也不变的笨拙繁琐。
坐下来,考虑哪些内容以后可以添加进来,包括完全不同类型的内容,而不仅是现在网站上内容的延伸。想想增加的的内容将与当前内容的交互,他们是如何相关的,以及他们如何成功的融合在一起,而不需要重新设计网站的整个内容结构。
这些原则都是创建有效的信息结构的关键。虽然不是每个原则对每个项目重要性相同,在项目的开始之前和项目的每个阶段,考虑和评估这其中的每一项,将得到更好的全局的信息结构策略。更好的信息架构等于更满意的用户。
发现从哪里开始
当开始任何新的项目,内容的结构和组织是决定剩下的内容的一个关键因素。
首先要考虑的是项目的目的和任务。例如,一个电子商务网站的目的是让游客购买。在任何新项目的开始的时候,找出项目现在以及将来可能的的目的和任务。
与之密切相关的是处理用户的目标。你应该知道,当今用户的目标可能会随着时间的改变和成长。试图达到用户在未来六个月或者两年看到的项目,不仅是他们现在需要达到什么。
最后,你需要对项目的最终用户有一个好的感觉。懂技术的用户对网站的内容已经有一些了解,他们和那些刚开始使用、对技术不理解的的用户有着完全不同的需求。如果你不知道什么样的用户将使用这些内容,你不能合理地组织内容的结果以满足他们的需求。
一旦你掌握这些,你可以开始更具体地策划你网站的内容。
用户是如何找打内容的
这种浏览方式,用户在网站上寻找信息有四种主要方式。这几种方式可能会有一些重叠,但这种方式分类给你一个很好的起点迎合他们的不同的需求。(前两个是建立信息架构实践的一部分,后者两人创造的唐娜·斯宾塞)。
已知的条目
用户清楚的知道他们在找什么,他们知道如何描述他们要找的东西,他们甚至知道从哪里开始找。这是IA所希望的。
这些用户不需要手把手指导,他们会找网站的搜索功能或者直接看目录。只要你的信息组织合理,逻辑清晰,并且你的搜索功能返回的搜索结果包含所有有关信息,这样用户浏览网站、寻找他们所需要的信息时就会很少遇到问题。
探索
探索性访问者有一个他们大概想知道的内容,但是对这些信息怎样找到和从哪里开始不太清楚。他们会打开你的目录菜单看有没有和他们要找的信息相关的,有时他们会尝试搜索功能。
自动推荐的条目对这些用户很适合,他们可能知道一两个关键词,搜索到结果列出相关的条目对他们很有帮助,也给这类用户更好的体验。
不确定
这类用户不知道他们真正想要什么。他们只有一个模糊的想法,或者他们可能认为自己知道自己想要的信息,但是如果不提供一些帮助他们不会有效地找到自己需要的信息。这种情况在比较复杂的领域比如法律或者金融很常见。
在很多教育行业也会出现;用户可能在寻找一个解决方案,但是他们没有真正理解问题。
这种情况在也回很明显地出现在以下情况:由别人推荐的用户;只是为了了解实事、跟上话题。
不论哪种情况,你需要引导用户浏览内容,帮助他们搞清楚他们到底需要浏览什么信息以及怎样找到这些内容。实现这些需要根据具体情况具体分析。
例如,引导用户浏览新闻网站和浏览金融咨询的网站是完全不同的。唯一相同的是用户需要更多的引导。
再寻找
这些用户寻找他们看过的内容,但是他们可能可以再找到那些内容,也可能找不到。有两种方法处理这种情况。
第一种是存储用户浏览过的信息(例如每个商业网站的“最近浏览”的部分)。这种方式不需要用户的操作,但是可能有一定局限性。例如,你可能为用户存储最近浏览的五个页面,但是如果用户需要看他之前浏览的倒数第十个页面呢?活着第五十个?这样的话他们就需要自己动手查找了。
另一种是提供让用户存储内容的工具,这样他们很容易再找到需要的浏览过的内容了。这个类似“save for later”(收藏)的功能,一个wishlist,一个最爱或者其他类似的。这些主动的解决方案让用户很容易再找到之前读的内容。这比自动存储用户浏览记录重要的多。
当然,把可以这两者结合,既存储用户最近浏览的内容,又给用户存储他们认为很重要的、之后会用的内容。
内容组织的模式
这儿有六个网站等组织内容的模式。根据实际结构,这些模式可以组合,也可以单处使用。
单页
一个单页的模版把所有信息和内容只放在一个页面上。对于一个内容有限、目的明确的网站这种方法很奏效。单页一般被分为几个区域,通常导航可以连接到每个主题。
单页在个人网站、展示单独的商品的网站或者其他类似的网站很常见。在大型网站的子页面也会看到。
扁平
扁平的结构在少于十几个页面的小网站经常见到。在扁平网站上,所有的页面可以互相切换,例如只有一个水平的导航。这种网站是最常见的投资组合和机构网站,业务简单的网站,产品屈指可数的电子商务网站。
当扁平的网站变得体积很大时,它的可用性就大大降低。如果你正在考虑打算使用一个扁平的网站时,要先确定未来你网站的内容不会增长达到使到这种扁平结构变的笨重的那个点。
索引
尽管在网站的中心位置通常有一个网站所有页面的列表,索引网站类似于扁平化的网站。这样有大量的页面的网站仍然有类似扁平的结构,可用性好而且简单。
这种结构最适合特定目的的网站,例如电子商务网站,一个商业网站,一个投资组合,或者一个特定主题教育的网站。
daisy(雏菊)
雏菊结构在web app中最常见,虽然有时也出现在教育网站。雏菊结构意味着用户在完成特定的任务后返回一个中心点(像一个主页或着陆页)。
例如,在一个待办事项清单应用程序中,用户在完成任务、编辑任务,或添加一个新的任务后可能会自动返回到待办事项清单。同样,在一个教育网站,用户在完成一个课程后可能自动会返回课程中心。
严格分层
在严格分层中,一个页面只有通过它的上一级页面才能到达。这种结构对于希望引导用户以特定方式浏览网页、不允许用户跳过的网站很适合。
因此,这种结构的网站很适合那种一节课建立在上一节课的基础上的教育网站。通过只允许用户通过父页面达到子页面的方式,防止用户跳过他们还没弄懂的信息。
多维层级
和严格分层紧密相关的是多维层级,这种结构允许用户通过多种方式到达一个页面。这也是常见的模式之一,一部分是因为这种方式容易实现。
多维层次结构也可能是最难实现的。因为尽管你想让用户以多种方式访问内容,需要的时候,你仍想引导他们沿着逻辑路径进行浏览。选择何时何地提供更多方式浏览内容也是一门艺术与科学。
多维层次结构的最简单的包括从他们的父页面访问的页面,以及从中央导航菜单(通常包括子菜单)。
最复杂的是,你有一个类似维基百科的网站,页面根据上下文相互连接,一个页面在另一个页面中被提到。这就织成了一个相关内容的错综复杂的网,而且永远没有尽头。
在建网站时,这些方法可以改造或者结合使用以适应实际项目的需要,或者项目的某一部分。例如,如果你有一个教育类网站,你网站大部分可能使用的是严格类型的结构,但是在某个单独的页面可能使用雏菊结构来教授某门特定的课。
组织和标签的规则
在这里并没有规定你网站上特定的页面必须命名为某个名字,但与此同时,遵循一定的约定和规则可以使网站更容易导航以及按内容的组织方式引导用户。
例如,当一个用户正在寻找联系信息,他们会首先寻找写着“与我们联系”、“联系”或类似词汇的一个页面、链接或一个区域;他们也会看到“联系”或“电子邮件”的链接。但称之为“reach out”、“feedback”,或另一个不常用术语会让用户必须花费额外的努力来找到他们寻找的东西。这可能会导致他们沮丧地去其他地方(可能是你的竞争对手)。
同样,如果你命名为“关于我们”、“团队”或类似的名称,这种“关于我们”的页面将是最容易被发现的。
如果你决定偏离标准的约定俗成的标签规则,确保你有一个很好的理由,并且你的标签在其上下文和网站的内容中都说得通。
当你组织特定内容时也需要遵循既定的约定。例如,“帮助”部分可能包括知识库、联系方式,一个论坛,和/或用户指南。如果你的用户指南是坐落在一个完全不同的部分(甚至自己独立的部分),你可能会使你的用户感到迷惑。
看看其他网站是如何安排他们的网站,并遵循类似的模式,除非你有与众不同的理由。
大型网站vs小型网站
尽管无论网站的大小良好的组织结构都很重要,但网站上的内容越多,结构组织变得越关键。
想象一下,如果维基百科没有在每一篇文章的链,如果你必须对每个新的、相关的话题进行单独的搜索,这将是极不容易使用的,特别是考虑到通过一个点击就能访问的附加信息的巨大数量。
相比之下,一个只有三四个页面的网站可以减少组织内容的压力,也不需要强大的导航,因为内容有限。
所以,不论网站大小,通过考虑选择一个最好的内容组织方式都是很重要的。而且随着项目的规模和范围的增大,它变得愈加重要。
UX vs IA
许多设计师和开发者认为IA是用户体验设计师整体工作的一部分。其实,两者虽然密切相关,但它们是不一样的。
良好的信息架构的关键是创造一个良好的用户体验,但是用户体验包含的不仅仅是网站的内容的组织和标记。
你的专业的用户体验设计师可能负责IA,但在大型或复杂的项目上,有一个专门的团队成员负责开发和监督网站IA策略制定才是明智的选择。
IA vs CMS
不管你的IA结构多么好,如果你的内容管理系统(CMS)支持的不好,并且让网站内容管理者轻易地组织内容、保持内容合理组织,那么你就是在邀请灾难、问题和不满挡你的路。
想想谁会和CMS打交道、他们的交互的技术专长和经验如何;什么样的数据在被管理,它的是否很关键?内容是如何从概念到被验收?谁在使用这些内容,怎么使用?
选择最好的CMS完全基于选择什么最适合内容,同时你还需要选择的CMS还要适合用户。一个超级技术的CMS可能是管理大量内容的最好的选择,但是对于普通的网站客户,很难有效及高效地使用,于是就它不是对的解决方案。
如果团队中的每个人都已经有使用类似WordPress软件的经验,这是你研究第一重要的事。如果负责维护它长期运行的人不能或不会使用提供的工具和系统,最完美IA计划也很快就会半途而废,
工具
尽管IA性质是数字的,但是许多传统的工具或信息体系结构是模拟的。
白板在IA在最初的计划阶段非常常用。它使内容可视化,容易迅速记录想法,容易建立连接关系。它适合团队协作,因为每个人都可以看到你正在记录什么(理想情况下)。
卡片分类是另一种很常见的工具。卡片分类是一个相当简单的技术来收集来自潜在用户的想法(或从你的团队成员)。将放在你网站的不同的主题被放在在索引或类似的卡片中;参与者根据他们认为合理的方式把这些卡片分类。这是一个很好的方法来发现用户认为该怎样组织内容,特别是在更复杂的网站上。
其他模拟工具包括简单的网格纸画出方格纸线框、网站地图、流程图等。
数字工具
尽管模拟工具更常用,也有一些IA可以使用的数字工具。这些数字工具越来越受欢迎,因为越来越多的团队分布分散并远程工作。当你有跨越四个时区的用户,在虚拟白板上分享、合作比现实中更简单便捷。
白板应用可对于分散分布的团队甚至与你的客户一起进行头脑风暴。最好的应用可以提供与真实世界同样的功能,但是能够数字共享。下是一些帮助你开始工具。
Awwapp
是一个触屏移动白板,可以在平板电脑,智能手机或电脑上使用。你可以画草图、协作和分享你完成的白板。这是兼容所有现代浏览器,而不需要安装其他的东西。
Twiddla
是一个在线白板会议工具,允许你实时协同浏览网站。它有30天的免费试用。
Scribblar.com
提供实时协作以及直播音频和文本聊天。它还允许文档上传,这是很有用的功能。如果让你的团队在规划会议中,无需离开应用程序就能进行分享。
构思工具就像一个加强的白板工具,并让你的笔记结构更合理。他们是一个很棒的方式来组织你的想法并分类信息。尽管思维导图用纸和笔就能完成(或彩色马克笔和纸),但数字工具使它们更容易编辑和分享。
Coggle
是一个免费的在思维导图工具,它很容易创建彩色思维地图并与同事分享。用它来记笔记,头脑风暴等风多。
XMind 6
是一个Mac、Windows和Linux上的可下载的思维导图软件。有免费版和高级版,这两个版本都允许你创建各种各样的图标、提供关系的工具、边界、总结、标签以及更多。它有保存到Evernote和在网络上分享的功能。
Bubbl.us
提供简单的在线思维导图,使用直观。有一个免费的基本版和付费版(包括一个团队计划),还有30天的免费试用。
线框图工具是信息架构师的工具箱的一个关键工具。线框图工具经常在团队中传递使用,所以线框图工具应该设计得简单易用好理解。虽然纸质的线框图是一个很好的起点,在与他人分享方面,数字版本是一个更好的解决方案。
Justinmind原型
是一个免费的下载下来的线框图工具,为移动应用程序创建可点击的线框图。可交互的线框图使设计更容易理解,这对于复杂的IA项目是个很好的的解决方案。
MockFlow
为超级简单的线框图提供免费的高级计划。它可以在线或离线使用,给你可点击的交互性的站点地图,并提供HTML下载,让你在没有专门软件的情况下轻松分享你的线框图。
Mockingbird
是一个在线的线框图和原型的创造者,你可以用它创建链接、预览、分享模型。它包括一些的工具可以让你不考虑视觉设计(从网格和智能文本大小开始)只纯粹的关注线框的结构。
总结
信息结构(IA)是创造良好的用户体验的一个重要部分。结构和组织良好的内容让你的网站更容易使用、对于访问者更有用。没有对IA原则、工具及其功能的掌握,你就像在黑暗中盲目地探索如何安排内容。即使你再某些项目上只是做信息构架师,对IA有一个好的掌握会使你成为更有效的设计师。