产品结构图(产品结构图和功能结构图区别)

更新时间:2023-02-28 21:34:20 阅读：评论：0

产品设计-(3)产品结构

基于前期的需求分析以及市场竞品分析等为依据，将各个需求点以某种逻辑系统化的组织起来所形成的立体结构。

基于该结构，可以顺利的引导用户行为或将各类信息进行顺畅的流转。

产品结构图是综合展示产品信息和功能逻辑的图表，简单说产品结构图就是一种将产品原型以机构化的方式展现的图表，结构内容也如同产品原型一样，从频道到页面，在细化页面功能和元素。产品结构图是产品经理设计原型之前的一种思路梳理的方式，通过产品结构图可以对产品结构一目了然，也方便思考。一般使用思维导图工具。

如：微信产品结构图

小结：我们做的产品结构的构建，就是把原本无序的各个需求点以某种结构的方式展现出来。产品结构图实际上就是一种结构化的产品原型。这样做的目的就是梳理产品结构逻辑，更清晰知道产品有几个频道，频道下面有没有子频道或者有多少页面，这些页面又有哪些功能模块，这些功能模块又有哪些元素。

1.人民了解产品的第一印象，结构是否清晰也代表着用户理解的难易度。

2.产品结构的稳固与否，也代表着在增加和减少功能模块时的难易程度。

微信的结构tab一直没有改变，结构比较稳固。

思考：我们应该以什么维度去设计产品的结构？用户需求？功能相关性？定位？战略？

《用户体验要素》讲解了几个典型的信息架构模型：层级结构、自认结构、矩阵结构、线性结构。

1.层级结构

书中描述：在层级结构中，节点与其他相关节点之间存在父级/子级的关系。子节点代表着更狭义的概念，从属于代表着更广义类别的父节点。不是每个节点都有子节点，但是每个节点都有一个父节点，一直往上直到整个结构的父节点。层级关系的概念对于用户来说非常容易理解，同时软件也是倾向于层级的工作方式，因此这种类型的结构是最常见的。

特点：结构清晰易懂、有较高的操作效率、扩展性强。

在使用层级结构时，需要注意层级的深浅和宽窄。宽而浅的产品架构和窄而深的产品架构，各有优势和劣势，具体使用哪一种产品架构，关键是要结合自身产品的定位、业务特性和用户特征及使用场景来进行取舍和判断。

产品结构设计时，理论上不要超过3层。

2.自然结构

书中描述：自然结构不会遵循任何一致的模式。节点是逐一被连接起来的，同时这种结构没有太强烈的分类概念。自然结构对于探索一系列关系不明确或一直在演变的主题是很合适的。但是自然结构没有给用户提供一个清晰的指示，从而让用户能感觉他们在结构中的哪个部分。

如果你想要鼓励自由探险的感觉，比如某些娱乐或教育网站，那自然结构可能会是个好的选择；但是，如果你的用户下次还需要依靠同样的路径，去找到同样的内容，那么这种结构就可能会把用户的经历变成一次挑战。

特点：鼓励人们探索、提高产品趣味性、常见在游戏、咨询类产品

3.线性结构

书中描述：线性结构来自于你最熟悉的线下媒体。连贯的语言流程是最基本的信息结构类型，而且处理它的装置早已被深深地植入我们的大脑中了。书、文章、音像和录像全部都被设计成一种线性的体验。

在互联网中线性结构经常被用于小规模的结构，例如单篇的文章或单个专题；大规模的线性结构则被用于限制那些需要呈现的内容顺序对于符合用户需求非常关键的应用程序，比如教学资料。

特点：如同看电影一般，一个场景向一个场景推进；引导用户跟着走，目的性较强。

4.矩阵结构

书中描述：矩阵结构允许用户在节点与节点之间沿着两个或更多的“维度”移动。由于每一个用户的需求都可以和矩阵中的一个“轴”联系在一起，因此矩阵结构通常能帮助那些“带着不同需求而来”的用户，使他们能在相同内容中寻找各自想要的东西。

举个例子来说，如果你的某些用户确实很想通过颜色来浏览产品，而其他人偏偏希望能通过产品的尺寸来浏览，那么矩阵结构就可以同时容纳这两种不同的用户。然而，如果你期望用户把这个当成主要的导航工具，那么超过三个维度的矩阵可能就会出现问题。在四个或更多维度的空间下，人脑基本上不可能很好地可视化这些移动。

特点：可以同时满足不同用户；承载的信息更多；

小结： 具体使用哪一种产品架构，关键是要结合自身产品的定位、业务特性和用户特征及使用场景进行判断。

一个好的产品结构所需的要素： 1.与产品目标和用户需求相对应 2.具有一定的可扩展性 3.层级深度适合 4.用户理解

产品入门，如何绘制产品功能结构图和产品信息结构图

下面是笔者通过实践和资料整理对这两个结构图进行定义区分，并辅以实际demo分析阐释：

一般在实际工作中，一个产品需求从创意、构想到最终输出给设计、开发，不一定会用到这两种图，视情况选择使用。如要有要求先输出产品方案时，还是建议绘制“产品功能结构图”和“产品信息结构图”，方便直观地让开发人员了解该产品的架构，同时自己参照结构图绘制产品原型时也避免模块和功能的遗漏。

一、产品功能结构图

作用：梳理产品架构功能点。

说明：我们绘制产品功能结构图一般是在原型绘制前，所以大多不以页面为模块去罗列，而是以功能划分模块，以产品的主要功能及其他围绕主要功能而展开的下级功能点进行罗列。

一般做竞品分析时会倒推已经成型的产品来练手，此时需要反复使用软件，列出其主要功能，涉及的功能细节需要不断测试得出。

在自己构想一个新的产品时，也需要大量使用同类或者有借鉴意义的产品，在绘制功能结构图的过程要结合过往或者同类产品经验罗列功能模块、细化功能点。

功能和信息的概念有时比较模糊，如果想要更清晰的让自己的表达更清晰可以采用“动词+名词”的形式对功能点命名，比如：登录/注册账号；查看/取消收藏等。

操作过程：

我们在绘制功能结构图之前，要先梳理主要功能逻辑，下面是笔者参照B站功能模块拆解的主要功能：

在主要功能的基础上添加下级功能和细节点，产品功能结构图就绘制出来啦！

如下图：

二、产品信息结构图

作用：梳理系统页面的模块功能显示信息，是绘制原型的基础，信息结构图类似数据表结构设计，揭示了需要哪些数据，这些数据需要有怎样的元素组成，才能达到每个功能模块需要展现的内容表达。如果说功能结构图是产品的功能抽象，那么信息结构图则是产品的数据抽象。

说明：产品信息结构图罗列了产品需要的信息字段，是在我们绘制原型前构想如何布局页面信息的依据。在C端产品中对产品信息页尤其重要，为避免原型绘制时遗漏，此时需要绘制产品信息结构图穷尽页面内容。信息结构图中同一个对象的信息出现在多个页面是非常常见的事情。

例如个人简历，在招聘官使用招聘网站时，姓名、性别、年龄、职位、工作时间等关键信息既会出现在候选人的列表页，也会出现在候选人的详情页，还会出现在搜索结果页等等。

操作过程：

结合功能点，对设想的功能进行主页面布局。

根据需求调研、竞品调研报告、结合自己的产品经验确定具体功能模块布局:

总结：

1.功能结构图，关键词是功能，是功能的结构化表达；

2.信息结构图，关键词是信息，是信息的结构化表达；

互动作的细节不用体现在产品功能结构图和产品信息架构图中，比如页面布局细节、交互手势、动画效果等，属于交互设计的范畴。

绘制产品结构图时，你就要想象这是你产品的最终形态，每个页面要有哪些功能和数据，类似于开发做的不同静态页面，展现在你面前的就是产品的雏形了。