<translation>信息架构——在设计中你可能忽视的最重要的部分

达芬奇密码2018-08-13 11:28
原文链接:https://blog.prototypr.io/information-architecture-the-most-important-part-of-design-youre-probably-overlooking-20372ade4fc0
什么是信息设计
简单来说,信息架构是在你的应用或网站中所有信息的结构。当我们关注这些信息的排布时,我们可以让它更容易理解和浏览。这就类似于作家在撰写一个故事前先从大纲开始,或者是建筑师在选择油漆颜色前先绘制蓝图。
实质上,任何数字产品——网站或者应用都只是简单的信息的集合。信息架构的做法包含用一定的方法安排这些信息以便更好地理解,并且可以随着应用或网站的增长而扩展(例如增加一些功能)。
具有好的信息架构的应用或网站是结构合理的。这非常像一座建筑,如果我们深思熟虑地考虑什么是重要的支柱,然后我们再从那里开始,就有了坚实的基础。当我们有了坚实的基础,我们可以继续建设,之后建筑就不会变得太摇晃。

举例
让我们以Spotify(流媒体音乐平台:声破天)为例。我们可以解构UI来揭示基础的信息架构。

为什么信息架构很重要?
如果你想要清晰和集中的设计,你不得不从清晰和集中的信息架构开始。它要求我们做一些思考,这样我们的用户就可以不用思考。当我们考虑一个应用的信息架构时,我们被要求将它视为抽象思想的集合:名词和动词,而不是页面或者像素的集合,仅此而已。
我们从一个应用或网站快速看到的只是信息。我们将这些信息组合的方式决定了人们操纵和消费它的程度。
这就像是构建一个想法、句子或者点子。句子中的名词和动词的安排决定了信息的接收程度。
应用程序是一样的。一个应用只是名字和动词的集合:“事物”和“我可以在这事物上采取的行动”。名词是真正重要的,它们构成了你的应用的世界。

你的应用中名词可以是:
  • 歌曲
  • 文件夹
  • 用户
  • 照片
  • 餐馆
  • 朋友
另一方面,动词是用户在这些名词上采取的行动,这边有几个例子:
  • 播放一首歌曲
  • 创建一个文件夹
  • 创建一个用户
  • 分享一张照片
  • 查看一家餐厅
  • 添加朋友
通常来讲,在应用中我们可以遵循某种模式。大多数屏幕(大约80%)用于显示“名词”,较小的部分用于显示“动词”——用户可以在那些名词上采取的动作。
好的信息架构是通用(且永恒)的
随着时间的推移,我们可以看到好的信息架构是通用的。某些原则和模式似乎总是盛行的。也许最明显是的,你的应用程序中最顶层导航的项应该是最重要的东西。对于Spotify,这些东西是:“首页”,“浏览”,“搜索”,“收音机”“你的库”。你的应用中什么是最终要的呢?试着列举3-5项。
当我们意识到信息要采取相似的架构,而不管信息的准确本质时,事情就变得有趣了。举个例子,我们看到一个共同的模式,当我们要导航更深的应用信息架构时,我们倾向于将广泛的项的集合转化为特定的项。这就是通常说的“下钻”(drilling down)。
在UI 进化的同时,底层的信息架构没有发生太大的变化。

模式浮现
一旦我们设计了足够多的应用、网站和数字产品,我们开始意识到在某种程度上,这些信息的架构真的都是一样的,只是这些信息的名字有些变化。一个好的设计师知道如何从久经考验的架构之一开始。这些架构在本质上对它们所包含的信息是不可知的。
音乐…

…图片也是一样
…这和(其他所有)“事物”都是一样的

…和这些也一样,嗯,你明白了。

这一切都是一样的!
所以我们从这些不可知的架构开始,然后当我们开始将信息“倾倒”在这些容器中,我们可以开始定制展示内容来说明其中包含的信息的独特本质。例如:像“照片”这种更可视化的信息将会和像“信用卡交易”这种更基于数据的信息展示不同。

创建好用且简洁的信息结构技巧

1.非常清楚什么重要什么不重要。
不要害怕将事情的重要性最小化,这对最大化其他事情的重要性来说是必要的。比较对提供清晰性至关重要。尽可能去除信息,不行的话尽量减少信息。
2.用信息的“桶”来思考
想想那些属于一起的,例如:你的应用的“profile(简介)”部分,可能是一个包含关于用户所有相关信息的地方,而不是将它们分散在应用中。
3.不要害怕重看你的信息架构
在你的应用或者网站进化或者更新的时候,确保重新审视你的信息架构。团队经常会忽视维护它们的信息架构,因为他们认为这是不全则无的:“我们乐意整理我们的信息架构,但是我们没有资源去重新设计整个应用。”用更多的增量来思考,可能会有一些事情让你很容易地提高你产品的信息架构从而提高可用性。


网易云新用户大礼包:https://www.163yun.com/gift

本文来自网易实践者社区,经作者龚梦恬授权发布。