写给设计师的信息架构基础知识指南

2017/05/30 7087

我们每天接触的互联网,其中包含了巨量的非结构化的信息,混沌,庞杂。可是人的大脑实际上是难以察觉、理解孤立存在的东西的,而我们所熟知的数字产品,网页,APP等,其实都是设计师精心设计之后的产物,它们的共同特征是易于使用,且结构化。其中的内容和完整的导航交互系统紧密的结合在一起,用户可以自然地感知、接收、理解。这种协助内容搭建架构的科学,就是我们今天要探讨的,信息架构。

信息架构是什么

信息架构(Information architecture ,IA)是一门组织和构建网络、网站、APP以及社交媒体内容的科学。美国建筑师/平面设计师 Richard Saul Wurman 被认为是信息架构领域的开拓者。现如今,许多致力于构建信息架构的专家们甚至都有了各自的信息架构研究所。信息架构专家们的工作,就是致力于将内容按照更易于人们理解接收的方式来整理和排列。

在合理的信息架构之下,用户可以更加轻松地理解产品内容,调动产品的功能,在不需要太多工作量的情况下获取信息、达成目标。影响内容结构的因素很多。首先,要了解目标受众的需求和细节,将它们的满意度作为优先考虑因素。同时,信息架构还取决于产品类型和相应的公司。举个例子,我们常见的电商类网站和博客就是两种类型的网站,因为两者不同的目标和内容使得它们所呈现出来的信息架构截然不同。信息架构已经成为许多领域的研究基础,包括设计和软件开发。

信息架构在设计中的角色

如今,以用户为中心的设计是一个大趋势,许多设计师都在学习信息架构,在他们看来,这是高效设计的基础。信息架构帮设计师搭建设计项目的骨架。视觉元素,功能,交互和导航都是在信息架构的基础上构建的。事实上,即使是引人瞩目的内容和强有力的UI设计,如果搭配了不合适的信息架构,也无法让产品走向成功。无组织、导航困难的产品都容易让用户在使用过程中感到迷惑,缺乏信息架构的支撑,交互也很容易出现无效的状况,最终导致用户的流失。

许多公司和团队看不到信息架构的重要性,因为他们认为它不切实际。这样的想法并不是没有原因的:信息架构需要时间来构建,而且需要相应的技能来实施到项目中去。强大的信息架构是优质产品的保证,它降低了可用性和导航出现问题的机率。脉络清晰逻辑自恰的信息架构,能够为公司和团队节省时间和金钱,否则他们会在修复和改进上花费大量的时间。

信息架构和用户体验设计

看到这里,有人会问了,信息架构和用户体验设计是一回事么?当然不是,但是两种技术概念是相互关联的。信息架构主要是生成设计项目的框架,能够展现出网站地图式的结构蓝图。UX设计师将这些东西作为基本素材,以便构建出更为细致到位的导航和体系结构。

用户体验比内容结构更加细化,所涉及的层面更多,更加丰富。用户体验设计师旨在创造愉悦的交互模式,让用户在使用过程中体验更加舒适。当信息架构师专注于用户目标的时候,用户体验设计师需要考虑到用户行为、情绪和心理等影响用户目标的方方面面。

简而言之,良好的信息架构是高效用户体验的基础,信息架构的技能对于设计师而言非常重要。

信息架构的组成部分

如果你想为你的产品构建强健的信息架构,那么你需要了解内容的生产。信息架构领域的先去 Lou Rosenfeld 和 Peter Morville 在他们的著作《Information Architecture for the World Wide Web》中探讨过信息架构的4个主要组成部分:组织系统,标签系统,导航系统和搜索系统。

组织系统

在组织系统中,信息被分割成不同的组和类别。这样的系统能够帮助用户更好的预测内容和获取内容,组织架构中主要有三个因素:层次,顺序和矩阵。

层次。我们熟知的视觉层次就是层次的一种。层次的概念是基于格式塔心理理论的,无论是在海报上还是APP中,用户能够根据视觉化的展现,了解每个元素的重要程度,我们的大脑能够根据大小、色彩、对比度和空间位置等因素来区分不同的对象。

顺序。顺序,是结构中为用户所提供的内容路径。内容和功能以一定的顺序构成路径,让用户能够一步步操作,完成任务。最典型的,就是电商类网站中,用户要购买商品所需要完成的一系列任务。

矩阵。由于内容属性的多样,复杂多样的内容可以构成相对复杂的矩阵,用户可以自行选择多样的路径来达成不同的目的。比如在淘宝上,你搜索特定的内容,获得结果列表之后能够根据时间、价格等不同的属性进行排列筛选。

除此之外,内容还可以根据不同的组织方式来进行分组。下面是最常见的分组排序方式:

·按照字母顺序排列
·按照时间顺序排列
·按照主题类型排列
·按照用户类型排列

标签系统

标签系统是同数据展示的方式息息相关的。过多的信息对于用户而言只会产生迷惑和混乱,所以设计产品的时候需要以简单的方式呈现出来。这就是为什么设计师要用简单的标签内容来阐述复杂的数据和概念。举个例子,在网站上呈现公司的相关信息的时候,通常包含电话号码,电子邮件,地址和社交媒体帐号等信息,可是大量的信息不能平铺在一起,所以通常需要通过点击“联系人”的按钮,进入联系人列表,找到特定公司对应的条目,点击查看详情。标签的存在,旨在有效的整合数据和内容。

导航系统

对于导航系统,我们应该是比较熟悉的。导航系统常见于APP和网页,作为一项引导用户抵达特定位置的交互体系而存在。在信息架构中,导航系统是牵涉到多种技术和设计思维的复杂体系,并非一两句话可以简单阐述的。我们会在后续的文章中对这一系统进行详细的介绍和分析。

搜索系统

搜索系统在信息架构中帮助用户搜索他们想要的数据和内容,在网站和APP中也是相当常见的组成部分。搜索系统通常只有在用户不知道如何通过其他路径直接获取特定内容的时候,才会使用。通过搜索引擎,过滤器等组件,最终将用户可能需要的结果呈现出来,这是搜索系统的主要功用。

总而言之,信息架构是用户体验设计中的核心组成部分,高效的信息架构帮助用户快速地浏览、获取内容。

【2017年的设计趋势都在这里】

  1. 《作为8年DRIBBBLE粉,和设计师聊聊未来的视觉趋势》
  2. 《PS教程!教你打造2017年最受欢迎的渐变幻彩风格》
  3. 《趋势抢先知!2017年设计师都在讨论的服务设计到底是什么?》
  4. 《2017年,这5个网页设计风格可能会成为主流趋势》

原文地址:medium
原文作者:Tubik Studio
优设译文:@陈子木


本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

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

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

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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