app设计之信息架构设计的方法和简介.pdfVIP

信息架构指的是 app 或网站当中全部信息的组成结构。经过认真梳理的信息架构可以使产 品更加易于理解和导航。 这有些类似于作家在动笔之前首先拟出故事的大纲， 或是建筑师需要以 精准的蓝图作为一切工作的基础。 本篇文章是关于信息架构的碎碎念，一篇有些像茶的小文，而不那么像冰咖啡。 下面进入译文： 什么是信息架构？ 简单来讲，信息架构指的是 app 或网站当中全部信息的组成结构。经过认真梳理的信息架 构可以使产品更加易于理解和导航。 这有些类似于作家在动笔之前首先拟出故事的大纲， 或是建 筑师需要以精准的蓝图作为一切工作的基础。 本质上讲，任何 数字化产品 ，包括网站、 app 等等，都是信息的集合。信息架构设计通常 需要解决两方面的问题， 一是怎样使信息更易理解与浏览， 二是如何确保扩展性， 使其在未来能 够承载更为复杂的信息与功能。 拥有良好信息架构的产品在结构上非常坚固。这与建筑是相同的道理 –从地基和支柱入手， 基础便会稳固；基于稳固的基础一步步扩大建筑规模，一切都将有条不紊的从容进行。 以 Spotify 为例，通过对 UI 设计 进行解构，我们可以了解其表面之下的基础信息架构： 新 格 科 技 （深 圳 ） 有 限 公 司 信息的抽象结构 要实现结构清晰、 重点突出的界面设计方案， 你必须首先梳理出结构清晰、 重点突出的信息 架构。 作为 产品设计 师，我们需要在这里承担思考与分析的责任， 否则这一重担势必会落到用户 身上。 在思考信息架构时， 出现在我们头脑中的应该是一系列抽象的信息单元， 包括名词与动词等 等，而非具体的像素、组件或页面。这样，你很快便会发现，任何产品无法只是信息的集合；而 用户怎样理解和使用产品，最终将取决于我们以怎样的方式将这些信息进行整合。 这就像在造句 –各种名词、动词的组合方式决定着最终能够传达出怎样的信息。 产品也是如此。一个 app 可以抽象成若干名词与动词的组合，包括“事物”以及“我能对 新 格 科 技 （深 圳 ） 有 限 公 司 这个事物执行的行为”。其中的名词非常重要， app 的信息世界正是由它们组成的。在产品当 中，一些典型的名词通常包括： 歌曲 路径 用户 照片 餐厅 账款 友人 而动词则是人们以这些名词为对象所执行的行为，包括： 播放歌曲 创建路径 新建用户 分享照片 点评餐厅 发送账款 添加友人 大体上讲， app 界面当中存在着这样一种比例关系 –绝大多数的界面元素 （约80% ）用于 呈现“名词”；一小部分用于呈现“动词”，即用户可以对那些名词进行的操作。 信息架构的普遍适用性 经年累月， 我们发现良好的信息架构通常具有普遍适用性， 其中一些原则与模式更是被众多 不同类型的产品所采纳。最具典型性的，譬如 app 的顶级导航需要呈现出产品最重要的功能模 新 格 科 技 （深 圳 ） 有 限 公 司 块。仍以 Spotify 为例，这些模块包括“ Home ”、“ Browse ”、“ Search ”、“ Radio ”和 “Your Library ”。在你的 app 当中，哪些模