概要:介绍IA的基本概念、在设计中的角色、构成要素,以及和UI,UX之间的关系。大约字,预计耗时6min。
适用读者:产品经理,UX/UI设计师,开发工程师,网站软件爱好者
想象这么一个情景:当你打开一个网站,想要搜寻特定信息的时候,你点开一个链接,又一个链接,再一个链接……最终空手而归,你感到沮丧、烦躁甚至气恼,嘴里嚷嚷“这xx啥玩意儿!”
问题就出在,这个产品的基础——信息架构(IA)没做好!
一、什么是IA?当你到达一个陌生城市的时候,你需要地图来为你导航指路,然后结合路标或路牌找到你想去的目的地。同理,当你访问一个新网站,或者打开一个新软件的时候,你也不会想浪费时间,更不想迷路,而信息架构就是指引你的那张“地图”。
根据Usability.gov的定义:
IA致力于以高效而可持续的方式,组织和标记内容,旨在帮助用户查询信息并完成任务。为此,你需要了解各个部分是如何组织在一起并构建出全景的,以及系统中各项之间是如何相互关联的。
根据信息架构协会(IAI)的定义:
“IA(InformationArchitecture,以下简称IA)是一种研究事物部件的排布方式,使其更易理解的实践过程。它存在于网站、App、软件、打印材料,乃至我们所停留的物理空间。良好的IA有助于人们了解周遭环境,并在现实世界和网络世界中找到他们想要的东西。”
本文并不打算讨论打印材料和物理空间,而是将研究范围限定在网站、App和软件等数字产品领域。在上述定义中,如何使设计对象更易理解(Understandable)呢?可用性(Usability)和可寻性(Findability)是两个很好的参考维度。
IA涉及但不限于数字产品的以下领域:
网站地图
信息分类
交联策略
父子页面间的关系
页面结构和信息层次
元数据结构
二、为什么说IA是设计的基石?在实现用户价值的前提下,我们为什么要如此强调用户体验?如果新用户不能流畅地使用你的产品,迅速获取想要的信息,那么他就转身成为流失用户了。如上图所示,在《用户体验的要素》一书中,JesseJamesGarett将用户体验分解为五个要素,下面两层是需求层,上面两层是实施层,而中间的IA正是连接这两个部分的重要环节。并且,如果IA出现问题,那么越晚发现,变更的成本就越高。
如上图所示,IA关乎产品的用户、内容和背景因素,这意味着在架构过程中,信息架构师需要综合商业目标、用户需求和内容数据等等,高瞻远瞩地进行“顶层设计”。作为设计结构的蓝图,IA直接决定了线框图(Wireframes)和网站地图(Sitemaps)的产出。它和用户体验设计(UX)的关系如此密切,以至于成为UX设计中必备的技能,UX设计师以IA为基础,来规划对应的导航系统。
优秀的IA是高质量产品的保障。好的IA往往意味着信息组织层次清晰、合理有序,它能赋予你良好的“方向感”,使你方便快捷地在各个页面之间切换,快速定位到你的目标信息。考虑周到的IA能够节约开发成本和时间,少了很多无谓的变更。
稍微考虑一下,容易让人迷路的设计不可能是好的体验设计吧?如果房子的地基或梁柱结构脆弱不堪,那么装修得再好也只是徒有其表吧?
三、IA由哪些要素构成?如果你想建立强有力的IA,就需要了解它的构成要素。在《Web信息架构:设计大型网站》一书中,LouRosenfeld和PeterMorville定义了信息架构主要由以下四种系统构成:
组织系统(Theorganizationsystems),即内容可以归纳为哪些类型?怎么组织?
标记系统(Thelabelingsystems),即标记可以代表这部分内容吗?
导航系统(Thenavigationsystems),即用户通过点击导航按钮能让用户找到目标内容吗?
搜索系统(Thesearchsystems),即用户通过输入关键词(有时也结合筛选器)可以找到目标内容吗?可能还需要考虑用户能通过Google们在我的网站查找到目标内容吗?
四、IA需要遵循哪些原则?无论你是想提高已有产品的用户体验,还是开发一个新产品,都需要遵循一些基本规则。这些原则既可以当做实施过程中的指导思想,也可以作为IA结尾的检查清单。
EightShapes的创始人DanBrown归纳了IA的八条基本原则。这些原则为你提供了一个有益的框架,来帮助你理解如何使用内容信息,建立IA:
对象原则。把内容当做活的、有生命的对象,它们有自己的行为和特性。
选择原则。为用户提供有意义的选择项,这些选择项都是围绕某个特定任务展开的,而非漫无目的,不设范围。
发现原则。通过充足而不冗长的信息,为用户提供预期,让用户明白,随着探索的推进和深入,他们将得到什么样的信息。
范例原则。利用范例来描述所在的内容类型,唤起用户的第一感知,明白此类型下还有哪些范例,以及相关联的其他范例。
门厅原则。一个页面应该尽可能成为其他页面的“门厅”,让大多数用户都能通过探索子页面来浏览目标信息,而非总是回到主页。
多分类原则。对内容实施多个分类方案,以达到“条条大路通罗马”的效能。
导航集中原则。导航方案应该重点突出,而非含混不清,让用户明白导航菜单的含义。
增长原则。信息是动态生长的,在规划阶段就应为后续的信息扩充留出余地。
五、FAQsQ1:为什么会出现IA这个细分领域?
A:本质上,IA是信息大爆炸和社会分工进一步细化的产物。身处越来越庞杂的信息时代,每个人都面临的信息过载问题,迫使我们在尽可能短的时间内,准确地抽取目标信息。这就要求网站或应用程序在存储和呈现信息的时候,特别注重效率问题,即IA的可用性(Usability)、可寻性(Findability)和易懂性(Understandable)。
Q2:谁创造了IAI?
A:美国建筑家、平面设计师理查德·乌尔曼(RichardSaulWurman)被认为是IA的发明者,而他也是TED之父。
Q3:IA,UX和UI之间是什么关系?
A:这三者都是网站设计和开发的术语,都是围绕用户展开的。具体关系如下所示:
术语含义实践者IA全称InformationArchitecture(信息架构),研究内容之间怎么相互关联,以使其更易被用户理解,帮助用户了解“我在哪儿?我已经找到了什么内容?周围有什么内容?前面还有什么内容在等着我?”网站设计师、内容战略规划师、信息架构师UI全称UserInterface(用户交互),和平面设计关系密切,研究内容之间的关联需要怎样的表现形式(尤其是视觉表现上,包括颜色、图像和动画等),以帮助用户了解“产品的视觉风格是怎样的?给我的感受如何?”平面设计师,UI设计师UX全称UserExperience(用户体验或用户体验设计),IA和UI对整体的UX来说都必不可少,IA关于信息的组织,UI关于设计,而UX关乎用户和产品(乃至服务、公司和品牌)互动过程中的一切体验,以帮助用户了解“它有价值吗?好用吗?和我的预期相符吗?”等等问题UX设计师长按