[自译]信息架构-你可能忽略的重要设计部分
原文链接: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或网站信息架构的发展和变化。团队常常会忽视去维护它们的信息架构。因为他们认为这是一路走到底的:“我们想梳理我们的信息架构,但我们没有资源重新设计整个流程。”这只会越来越臃肿。可能有几件事情你可以很容易去提高产品的信息架构,从而提高可用性。