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

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

作者: ShusQ | 来源:发表于2017-04-25 23:54 被阅读40次

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/zzbbzttx.html