产品经理成长之路-产品经理工具介绍（1）

在过去产品经理使用的工具：笔和本子。通过点、线框、文字描述记录在本子上。虽然目前电子设备和软件越来越发达，但是很多场景和场合都是在黑板上画出点、线、框、文字描述来说明。通过画原型、流程图和思维导图等，都十分方便，并且沟通十分有效。

画原型、流程图、思维导图和做项目计划的工具很多，选择一款适合自己使用的工具就好，毕竟做产品最重要的是头脑里的思维。介绍每款工具时，我会说明对每款工具概念和特点进行说明，并介绍该工具在产品设计过程中应用的阶段以及如何应用好该工具，最后通过示例来展示应用的效果。

1）思维导图工具

1.1）说明

思维导图又叫心智图，是表达放射性思维的有效的图形思维工具，使用简单而且效果显著，是一种革命性的思维工具。思维导图是将放射性思考具体化的方法，放射性思考是人类大脑的自然思考方式，每一种进入大脑的资料，不论是感觉、记忆或是想法，都可以成为一个思考中心，不设约束条件和边界，从中心出发进行发散式地收集要素。

思维导图主要有以下几个特点：

• 目标：围绕中心节点，结构化的收集与其相关要素。
• 方向：没有明确方向。
• 主线：主线不唯一。
• 节点：中心节点、主节点、子节点构成了父子节点关系。
• 结构：包括包括横纵两个方向。
• 范围：由中心决定起点，但没有确定的终点。
• 受敛：从中心出发后，所收集要素并不向某一点收敛。

1.2）应用阶段：

• 需求分析

在需求调研分析时，可以通过思维导图快捷和有条理的记录需求，同时可以发散式的收集与某个主题相关的需求或信息。

• 功能设计

在功能设计时，可以通过思维导图有层次的罗列出整个产品的功能清单。

• 应用设计

在应用设计时，可以通过思维导图将设计界面的功能元素和逻辑罗列出来，再按罗列的元素进行设计。

1.3）画法：

• 明确中心主题，导图可以向若干方向（如：左、右）发展。
• 确定各级节点的主题，主线上的各级节点必须具有父子关系，主线之间如有关联，按从上到下的顺序排列。
• 各个层级主题之间用线进行关联，线条前后表明从属关系，每个节点名称也要体现前后的从属关系

1.4）示例：

FreeMind,MindManager和XMind等都是较好的思维导图软件，我这里选用XMind做为示例工具演示思维导图在应用设计时，用户使用手机号码注册界面的脑图。如下所示：

2）流程图工具

2.1）说明：

流程图是一组为完成特定目标而进行有序活动过程的表达。在企业中，流程图主要用来说明某一过程。这种过程既可以是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。

流程图主要有以下几个特点：

• 目标：要有明确的任务目标，目标多用流程名称表示。
• 方向：完成目标的方向图形，如起点、终点、方向。
• 节点：完成目标需要多少个节点。
• 顺序：完成流程的顺序，前后关系。
• 分岐：流程发生分岐的地方。
• 主次：主流程（Y)和次流程(N)。

2.2）应用阶段：

• 需求分析

对于企业有规律的生产活动都可以采用流程图表达，包括业务处理过程的业务流程图和管理控制构成的审批流程。在需求调研收集、整理、归类完资料后，可以使用流程图梳理企业业务现状流程以及各业务活动节点中的审批流程。

• 系统设计

在系统设计阶段，可以通过流程图设计企业使用信息化系统后的业务流程。在应用设计阶段，可以使用流程图设计系统的操作流程。

2.3）画法：

流程图的画法分为两种，一种为线性流程图，另一种为泳道式流程图。两种流程图的具体画法说明如下：

线性流程图

• 确定流程完成的目标
• 确定流程的起点和终点
• 确定完成流程所需的活动、顺序
• 确定流程中间的分岐位置、条件、规则

泳道式流程图

• 线性流程图与背景框叠加
• 业务审批活动对应审字图标
• 组织表格可以二维（纵向可以划分班、组 或 步骤）
• 需求阶段称为步骤、设计阶段称为活动

2.4）示例：

Microsoft Office Visio 是比较常用的流程类工具，可以用来很方便的完成各类流程图、组织结构图、业务进程等。 我这里选用Microsoft Office Visio 2019做为示例工具演示流程图的标准化格式规范，如下所示：

• 01：主流程：中间一条流程，代表主流程，序号1、4、7、12。让人可以一眼看到整条流程是怎样的。
• 02：主流程左边：判断为否的，并且循环回主流程，应该放在主流程的左边，序号1、2、3。让人清楚有多少内容需要返回到主流程。上图仅有3返回主流程。
• 03：主流程右边：判断为否的，但是没有循环回主流程，应该放在主流程的右边，序号1、2、4、5、6 和序号1、2、4、5、7、8、9、10、11。上图仅有6和9没有返回主流程。
• 04：子流程：序号6、11代表子流程，即可见6、11的详细流程。一条流程，尽量说明相关内容，涉及关联流程或子流程，用子流程表示。
• 05：颜色表示：主流程节点一种颜色，主流程左右两边节点用一种颜色表示；判断节点用一种颜色表示；子流程用一种颜色表示，如上图所示，一共用4种颜色表示。
• 06：连接线：注意在判断节点时，上一个节点与判断节点不是用箭关连接的，如上图所示。

3）原型设计工具

3.1）说明：

原型设计是产品经理与用户、UI设计师、开发、测试等相关人员沟通的最好工具，是整个产品开发前的一个框架设计。原型设计阶段就是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达。

一款成功的原型设计应具备以下几个特点：

• 分布明确：功能框架划分明确，有助于团队成员理解产品的思路和意图。
• 流程清晰：清晰完整的功能流程，有助于用户快速了解产品解构。
• 界面设计统一规范：界面设计规范，有助于用户体验流畅而自然。
• 交互与标注统一简洁：统一简洁的交互与标注，有助于团队成员，更快、更好的理解产品想法。

3.2）应用阶段：

原型设计主要在应用设计阶段，使用原型设计工具，快速、高效的创建原型，同时进行多人协作设计和版本管理控制。

3.3）画法：

原型设计的工具有Axure RP、Justmind、墨刀、MockPlus等原型设计工具。这里我主要使用Axure RP进行画法说明。Axure RP 是美国Axure Software Solution 公司旗舰产品，是一款专业的快速原型设计工具。Axure 的动态面版和母版是较为常用和重要的功能：

• 动态面板：某个页面需要使用动态效果时，可以使用动态面版，它常用在隐藏、切换的效果上。比如：当鼠标单击某个页面的页签时，该页面的内容就会有所变化。动态面板常用于弹窗、多页签列表展示、导航等控件。
• 母版：当多个页面共用一个控件时，可以使用母版，直接将母版拖动进页面的位置就可以使用。当修改一个母版时，多个页面使用的母版就会变化。保证系统存在母版的界面风格统一。母版常用于系统的头部和尾部，部分页面及导航使用。

3.4）示例：

我这里选用Axure RP 9做为示例工具演示点击页签时，页签内容切换的效果，让大家了解动态面板的制作过程。如下所示：

• 拖动动态面板至主界面：

• 双击动态面板，点击头部状态，增加状态State2

• 切换回状态State1，制作两个页签，并制作页签1的内容

• 制作状态State1的内容中两个页签的鼠标点击事件：设置页签1交互事件OnClick时，设置动态面板状态为State1；同样方式设置页签2的OnClick事件，设置动态面板状态为State2。

• 复制状态State1下的内容至State2下，并对文本和页签背景做调整

• 预览最终效果

4）项目管理计划工具

4.1）说明：

产品经理一般情况下不会使用于项目管理计划工具，由于部分中小企业分工不明确或者人员不足，在没有项目经理的情况下，会由产品经理兼任项目经理。项目管理计划确定了项目执行、监控和结束的方式和方法。同时，体现了项目总体性的计划与策划，以及项目管理的综合水平。

4.2）应用阶段：

通常在项目立项通过后，项目经理即可制定项目计划。

4.3）画法：

制定项目管理计划需要确认以下内容：

• 任务：确定要做的事件内容
• 资源：确定管理和执行事件的人员
• 时间：确定预计开始时间和预计结束时间，跟踪实际开始时间和实际结束时间

4.4）示例：

我这里选用Microsoft Project 2019 专业版做为示例工具罗列一个项目管理计划。Microsoft Project 是由微软开发的项目管理软件程序。项目经理把所有需要的任务写在Project 里，并填写执行人、预计时间并发送给相关人员。示例如下所示：

总结

本次介绍了产品经理各个阶段主要应用的主要工具的说明、画法和示例。在实际工作过程当中，每个人可以根据实际情况和自己的使用偏好选择趁手的工具。还是那句话，工具只是辅助你更好的完成产品工作，最重要的是头脑里的思维。