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

产物司理和交互计划师的一般事变中常常打仗到信息架构图，本文从产物计划的层面，梳理先容信息架构图的界说、施展的浸染与代价、与产物成果布局图和产物布局图之间的区别，以及绘制信息架构图必要留意的事项。

一、什么是信息架构图？

信息架构的焦点是切磋用户对信息的认知进程，对付产物计划而言，信息架构存眷的是“泛起给用户公道且有代价的信息”。

清楚明晰的信息架构图，可以或许在界面层面清晰的表达产物的成果模块和整体的逻辑路径，有利于产物计划者从宏观角度审阅：差异营业模块怎样落实到界面布局，以及差异成果模块之间的关联性。

二、信息架构图、产物成果布局图、产物布局图三者的区别与接洽

这里各人必要搞清晰”信息架构图”与“产物成果布局图”、“产物布局图”之间的区别与接洽：拜见下图表示。

我们可以按照《用户体验要素》中对产物计划整个进程的分层，领略三者之间的关联性。

产物成果布局图的重点是梳理产物的成果逻辑与成果模块。

这个阶段各成果模块及其子成果之间，也许没有浮现肯定的关联性，这部门有待处理赏罚的使命就会交给信息架构图完成，产物司理在构想需求时常常必要绘制成果布局图。

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

详细到界面时，页面之间的关联必要清楚的泛起出来，这个阶段也是为绘制原型、信息排版机关打基本。交互计划师在一些项目中输出交互稿之前，必要提前绘制信息架构图。

产物布局图席卷了产物的成果与信息，同时也可以在图中表示成果之间的逻辑跳转相关。

可以简朴用一个公式表达：产物布局图=产物成果布局图+产物信息架构图。

三、信息架构图的浸染与代价

1. 产物计划职员为什么行使信息架构图

• 竞品说明时必要通过绘制信息架构图快速相识竞品的成果模块和界面计划布局。
• 从0到1打造一款产物时，明晰的信息架构脉络是须要的条件前提。
• 接办某款产物的一般迭代事变时，起首应该清晰所做的营业和成果点在产物架构中的位置及重要水平。

2. 信息架构图在产物计划中的代价

《用户体验要素》这本书中将产物计划的进程举办了分层，在差异层面有差异职强职员存眷差异的产物架构，拜见下图：

计谋层办理的是两个最根基题目，以及他们之间的衡量相关：“产物方针是什么？用户需求是什么？”

因此，计谋层存眷产物最焦点的“营业架构”。

范畴层是将在计谋层确定的产物方针和用户需求，转酿成产物应该提供应用户奈何的内容和成果。以是，范畴层存眷产物的“内容与成果架构”。

而布局层是在需求和成果都明晰的环境下，将这些分手的内容与成果举办有用组织，最终形成一个公道且有代价的整体，这种情势反应在界面上的可视化表达即是“信息架构图”。

四、绘制信息架构图必要留意的事项

1. 凭证总漫衍局确定要害的一级节点

拜见下图，好比我们要绘制一款移动App的信息架构图，那么主体天然是这款应用，个中要害的一级节点是指这款应用最首要的信息模块，要害节点是环绕主体中心点拓睁开的。

凡是一级节点的个数不会太多，譬喻今朝移动App的各个成果是环绕底部导航tab的数目睁开的，我们在绘制时可以将底部tab作为一级节点，别的成果及内容席卷在这几个一级节点中。

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

将上图中一级节点“成果模块1”的内容绘制之后，再继承绘制别的的信息模块。

因为页面中某个主成果也许包括多个子成果，顺延至某个子成果也有也许包括多个子子成果，以此类推也许延长的节点较多。因此我们此处必要留意：

• 依据我们的需求确定绘制的层级。好比下图中信息模块1绘制到了第4级节点。
• 一样平常绘制层级到达5级阁下，根基涵盖了产物信息架构的主体界面。

3. 若某个页面在差异的一级节点内呈现，提议明晰标识

某个页面或成果常常在一个应用内由差异的路径触达，好比电商应用中“商品详情页”就是很多差异路径进口触达的最终落地页面。因此在绘制信息架构图时出格留意以下两点：

• 该成果只需在某个信息模块内睁开即可，当其他信息模块也用到时，只填写名称无需再次睁开。
• 差异的一级节点信息模块内，行使到沟通的页面时，提议明晰标识，以便快速辨识。

总结

交互计划师在项目推进进程中饰演着承上启下的浸染，既要领略和说明上游的营业逻辑与成果点，同时也要在界面的信息泛起上结实用户行使体验，向下流输出清楚明晰的信息架构图，更必要分身界面的可扩展性。

作者：Viksea，微信公家号：Viksea的计划思索（ID：viksea-ux）

本文素材来自互联网

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!