你对信息架构图了解多少?

产品经理和交互设计师的曰常工作中经常X到信息架构图,本文从产品设计的层面,梳理介绍信息架构图的定义、发挥的作用与价值、与产品功能结构图和产品结构图之间的区别,以及绘制信息架构图需要注意的事项。

一、什么是信息架构图?

信息架构的核心是探讨用户对信息的认知过程,对于产品设计而言,信息架构关注的是“呈现给用户合理且有价值的信息”。

清晰明确的信息架构图,能够在界面层面清楚的表达产品的功能模块和整体的逻辑路径,有利于产品设计者从宏观角度审视:不同X模块如何落实到界面结构,以及不同功能模块之间的关联性。

二、信息架构图、产品功能结构图、产品结构图三者的区别与X

这里大家需要搞清楚”信息架构图”与“产品功能结构图”、“产品结构图”之间的区别与X:参见下图示意。

我们可以根据《用户体验要素》中对产品设计整个过程的分层,理解三者之间的关联性。

产品功能结构图的重点是梳理产品的功能逻辑与功能模块。

这个阶段各功能模块及其子功能之间,可能没有体现必然的关联性,这部分有待处理的任务就会交给信息架构图完成,产品经理在构思需qiú时经常需要绘制功能结构图。

信息架构图的重点是梳理具体页面及页面的字段信息。

具体到界面时,页面之间的关联需要清晰的呈现出来,这个阶段也是为绘制原型、信息排版布jú打基础。交互设计师在一些项目中输出交互稿之前,需要提前绘制信息架构图。

产品结构图囊括了产品的功能与信息,同时也可以在图中示意功能之间的逻辑跳转关系。

可以简单用一个公式表达:产品结构图=产品功能结构图+产品信息架构图。

三、信息架构图的作用与价值

1. 产品设计人员为什么使用信息架构图

  • 竞品分析时需要X绘制信息架构图快速了解竞品的功能模块和界面设计结构。
  • 从0到1打造一款产品时,明确的信息架构脉络是必要的前提条件。
  • 接手某款产品的曰常迭代工作时,首先应该清楚所做的X和功能点在产品架构中的位置及重要程度。

2. 信息架构图在产品设计中的价值

《用户体验要素》这本书中将产品设计的过程进行了分层,在不同层面有不同职能人员关注不同的产品架构,参见下图:

战略层解决的是两个最基本问题,以及他们之间的泉衡关系:“产品目标是什么?用户需qiú是什么?”

因此,战略层关注产品最核心的“X架构”。

范围层是将在战略层确定的产品目标和用户需qiú,转变成产品应该X给用户怎样的内容和功能。所以,范围层关注产品的“内容与功能架构”。

而结构层是在需qiú和功能都明确的情况下,将这些分散的内容与功能进行有效X,最终形成一个合理且有价值的整体,这种形式反映在界面上的可视化表达便是“信息架构图”。

四、绘制信息架构图需要注意的事项

1. 按照总分结构确定关键的一级节点

参见下图,比如我们要绘制一款移动App的信息架构图,那么主体自然是这款应用,其中关键的一级节点是指这款应用最主要的信息模块,关键节点是围绕主体中心点拓展开的。

通常一级节点的个数不会太多,例如目前移动App的各个功能是围绕底部导航tab的数量展开的,我们在绘制时可以将底部tab作为一级节点,其余功能及内容囊括在这几个一级节点中。

2. 先绘制单个一级节点模块的信息架构图,之后再逐个完善

将上图中一级节点“功能模块1”的内容绘制之后,再继续绘制其余的信息模块。

由于页面中某个主功能可能包hán多个子功能,顺延至某个子功能也有可能包hán多个子子功能,以此类推可能延伸的节点较多。因此我们此处需要注意:

  • 依据我们的需qiú确定绘制的层级。比如下图中信息模块1绘制到了第X节点。
  • 一般绘制层级达到5级左右,基本涵盖了产品信息架构的主体界面。

3. 若某个页面在不同的一级节点内出现,建议明确标识

某个页面或功能经常在一个应用内由不同的路径触达,比如电商应用中“商品详情页”就是许多不同路径入口触达的最终落地页面。因此在绘制信息架构图时特别注意以下两点:

  • 该功能只需在某个信息模块内展开即可,当其他信息模块也用到时,只填写名称无需再次展开。
  • 不同的一级节点信息模块内,使用到相同的页面时,建议明确标识,以便快速辨识。

总结

交互设计师在项目推进过程中扮演着承上启下的作用,既要理解和分析上游的X逻辑与功能点,同时也要在界面的信息呈现上结合用户使用体验,向下游输出清晰明确的信息架构图,更需要兼顾界面的可扩展性。

#专栏作家#

Viksea,微信X号:Viksea的设计思考(ID:viksea-ux),人人都是产品经理专栏作家。关注电商领域产品X和用户体验,擅长逻辑分析。

本文原创发布于人人都是产品经理。未经许可,jìn止转载。

题图来自Unsplash,基于CC0协议。

给作者打赏,鼓励TA抓紧创作!

1人打赏
收藏 (0) 打赏

以上内容不错,打赏支持一下!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有教程资源,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

雄发创业网 自媒体是如何赚钱的 你对信息架构图了解多少? https://www.xiongfawang.com/3703.html

常见问题

相关文章

你对信息架构图了解多少?-海报

分享本文封面