[方法] 如何做产品功能流程和结构设计

功能流程和产品结构

什么是功能流程

• 功能流程是描述用户通过什么样的操作来完成某一项具体任务的一系列操作流程。
• 产品本身是一个全面、立体的综合结果。因此，我们首先需要将产品功能通过功能流程串联起来。

什么是产品结构

• 产品结构是指产品功能和页面以某种逻辑系统化的组织串联起来的立体结构
• 一个好的产品结构能够顺利引导用户在其中完成各类任务，各类信息之间进行流畅的流转，而各类产品结构则是描述不同的功能流程如何被兼容在同一个产品当中的具体结构。

为什么要梳理功能流程和产品结构

• 完整、流畅的功能流程能够保证用户在产品内高效愉悦地完成任务，满足自身需求。

在产品设计中，梳理功能流程能够明确具体操作步骤，为下一步进行交互原型与需求逻辑打好基础。

• 清晰的产品结构能够让用户更好地理解产品，同时，让产品后续发展更加流畅，无论是模块中新增加内容，还是直接新增加板块。

在产品设计中，梳理产品结构能够明确各功能所处的位置，保证新增加功能不破坏原有结构。

如何梳理功能流程

1. 明确人物角色——此项功能是为谁设计的？
2. 明确任务的起点和任务的最终结果——用户要使用此功能完成任务，第一步要做的事情是什么，用户执行完任务的结果又是什么？
3. 描画任务步骤——使用流程图或者泳道图将任务的执行流程描绘出来。

如何梳理产品结构

产品结构图（产品原型框架图）= 功能结构体（骨架）+ 信息结构图（血肉）
作用：

• 梳理需求，以鸟瞰的方式对整个产品页面中的功能结构形成一个直观的认识；
• 思考并明确产品的功能模块及其功能组成。

梳理新产品结构

1. 明确功能流程的优先级；
2. 以页面为维度，将功能流程整体的串联起来，明确每个页面的定位；
3. 不求一步到位，一定是在制作的过程中不断修改的。

梳理已有产品结构

1. 先画出已有产品的结构图；
2. 确定新功能或模块在已有产品结构的位置；
3. 把新功能或者模块纳入产品结构图中；
4. 分析已有结构图是否失衡，如果失衡，需要重新分类，然后重复上述过程。

4种常见的产品结构

1. 层级结构

示例：腾讯视频、Bilibili、腾讯新闻首页。

特点：

• 分类明确，结构清晰易懂；
• 有较高的操作和分发效率；
• 扩展性强，无论是纵向或者是横向扩展。

适用场景：

• 导航、品类、模板、商品页等有明确分门别类的模块，起到分发的作用。

注意事项：

• 使用层级结构，要兼顾分类的合理性和便利性（如增加“推荐”、“常用”层级）；
• 层级整体数量要趋于合理，建议一屏10±2个，更多的时候可采用分层处理（即建立“子层级”）的方式处理。

2. 线性结构

特点：

• 如同看电影一般，一个步骤一个步骤地推进；
• 引导用户跟着走，目的性较强；
• 中途返回成本高

适用场景：

• 注册、登录、领取礼包、结账付费等有明确功能流程导向的模块。

注意事项：

• 使用线性结构，要注意用户的使用成本，可以通过已有资料自动读取，AI识别等手段，来减轻用户的使用成本；
• 由于中途返回的成本较高，因此要设计缓存机制，保证中断的用户不必重来。

3. 矩阵结构

示例：看点文章详情页

特点：

• 可以满足用户的多种需求；
• 承载的信息更多，展示效率更高。

适用场景：

• 商品/文章详情页，大型APP首页等有多条路径走向，需要承载用户多重需求的模块。

注意事项：

• 使用矩阵结构时，由于多种功能流程同时汇集在同一页面上，因此要注意分清主次。顺序上建议按照“F"的顺序排布；
• 不必强求所有内容都挤在同一层级，可适当隐藏部分内容，用户需要时再展开；
• 新功能需要专门引导（如红点、气泡）

4 自然结构

示例：抖音

特点：

• 产品走向自由，没有明确的走向自由；
• 鼓励用户探索，从探索中发现乐趣；

适用场景：

• 常见于游戏、娱乐、社交类需要用户探索的产品。

注意事项：

• 虽然自然结构走向自由，但仍然需要对用户做适当引导，包括功能的主次，依然会有一定的区分；
• 部分自然结构会有类似“大厅”、“首页”的模块，作为探索的统一起点。

现实产品中，一般是多重结构的结合，而不会单一采用哪一种结构。而且产品时不断发展的，不同阶段会需要不同的结构。