[自译]信息架构-你可能忽略的重要设计部分

2017-04-25  本文已影响40人  ShusQ

原文链接:Information Architecture. The Most Important Part of Design You’re Probably Overlooking.

原文作者:Jacob Ruiz


什么是信息架构?

简而言之,信息架构就是你的app或网站里所有信息的结构。当我们在布置信息的时候,我们可以让它更容易理解和导航。这更像是作家在开始写一个故事之前,会写一个大纲,或一个建筑师在绘制蓝图之前绘制的颜色。

本质上而言,任何的数字产品,网站,app都是信息的简单集合。信息架构的实践是将这些信息安排得易于理解,并且可以提高整个app和网站的增长(例如,当你增加一些新功能)。

一个app或者网站应该具有稳健的信息架构。它非常像一个建筑。如果我们深入考虑那根柱子是重要的,那么我们开始的时候就会有一个坚实的基础。在有了一个坚实的基础之后,我们可以做更多的事情,而不用担心它会失去稳定。

示例

让我们来看看Spotify的例子,可以通过解构UI来看看隐藏的信息结构。

为什么信息结构很重要?

如果你想要清晰和专注的设计,你必须要有清晰和专注的信息结构。它让我们专注去思考,这样用户就不需要考虑很多。当我们思考一个app的信息结构时,我们开始观察它-不仅是页面和像素的收集-也是抽象思维的收集:名次和动词。就是这样。

我们很快地会将app或网站作为信息看待。我们组织信息的方式,将会决定人们如何浏览和使用它。

就像是构造一个思想,句子,或者想法。句子中名词和动词的安排会决定我们如何接收信息。一款app也是同样。app也是名词和动词的集合。“东西”和“我可以操作的东西”。名词真的是很重要的东西。它们构成了你app中的世界。在你app中的名词可以是:

-歌曲

-文件

-用户

-照片

-餐厅

-金钱

-朋友

在另一只手的是动词,用户可以用来对名词进行操作的动作。可以是这样:

-播放歌曲

-创建文件

-创建用户

-分享照片

-预定餐厅

-支付金钱

-添加朋友

典型的,在一款app中我们可以遵循一个主要模式。屏幕上的大多数(80%左右)是展示名词,只有一小部分是展示动词-用户可以对名词进行操作。

好的信息架构是通用的(经久不衰的)

随着时间的推移,我们会发现好的信息架构是通用的。特定的原则和模式似乎占着上风。最明显的是,在顶部导航中最显眼的,也会是app中最重要的。Spotify中,这些会是“Home”,”Browse”,”Search”,”Radio”,”Your Library”。在你的app中什么是最重要的?试着将它们限定在3~5个。

有趣的是,当我们意识到信息架构可能会有相似的结构,不论信息的确切性质。一个常见的模式,当我们通过导航深入一款app的信息结构,我们会倾向于广泛的收集items,围绕特定的items。这就是称为“深入”。

尽管UI层已经进化了很多,底层的信息架构并没有改变多少

模式的出现

当我们设计了足够多的app,网站,和数字产品-我们开始意识到这些信息结构在某种程度上是一样的。只是信息的命名被改变了。一名好的设计师知道如何使用正确的结构。这些结构,本质上,是他们所包含的信息。

音乐 相册 在“东西”中也是如此 都差不多,你也发现了这一点

都是一样的!

所以我们从这些无关的结构开始。然后开始将信息倒入这些容器中,然后开始定制表现,包括其中的信息所具有的独特性质。例如,更多的视觉信息,如照片,基于数据呈现更多的信息,像信用卡交易。

这是创建干净,优秀的信息架构的建议:

1.非常清楚什么是重要的(哪些不是)

不要害怕去减少一些重要的事情,这是必要的,让真正重要的事情最大化。提供足够的清晰度,摆脱粘结的信息,让干扰最小化。

2.认识信息“圆筒”

想想它们之间如何连接。例如,Profile可能是一个去放置用户相关信息的地方,而不是分散在app各处。

3.不要害怕重新定义信息架构

一定要反复查看你的app或网站信息架构的发展和变化。团队常常会忽视去维护它们的信息架构。因为他们认为这是一路走到底的:“我们想梳理我们的信息架构,但我们没有资源重新设计整个流程。”这只会越来越臃肿。可能有几件事情你可以很容易去提高产品的信息架构,从而提高可用性。

上一篇下一篇

猜你喜欢

热点阅读