产品经理，原型设计之前你要做些什么？

这里提供的三种方式可以相互结合使用。第一种方法可以让你首先建立一个全局观，了解业务的整体运行逻辑，但对于业务细节问题则不能那么深入。第二种方法比较依赖于问题的质量以及问问题的场景，这就要求我们在提问之前就做好充分的准备工作，有很多结论的不正确其实是因为问错了人或者问问题的方法不对。第三种方法的存在，就是为了在观察中再进行验证。

2. 梳理与呈现

做好了调研工作后，我们就该立即对调研结果进行整理。

首先，明确你要梳理的业务流程的范围，具体是包含哪几个功能模块，涉及到哪些用户角色，这个时候可以先使用一些关键节点，弄一份该业务流程的主干流程图出来；

接下来，就是对上面这个粗的流程图进行分解，好比去拆解一个金字塔，层层分解下去，直到不能分解为止；

最后，就是用流程图将其给画出来，通常来说，会有三种结构的流程图出现——顺序结构、选择结构、循环结构。

3. 评审与确认

一份流程图能否通过评审，关键是看其能否真正反映现实中的业务，评审主要是让业务部门和开发部门参与，如果都觉得没有问题，那么恭喜你，你的流程算是过关了。这里稍微要强调的是，好的流程图具备怎样的一些特征，大致归纳起来如下：

• 清晰易懂：整个流程图结构清晰，让浏览流程图的人一眼便能看懂主体流程是怎样的，这也体现了为什么要使用标准化的流程图图示语言来进行描绘的用处了；
• 简单明了：流程图存在的本身意义，就是为了将复杂的东西简单化。如果流程图上面密密麻麻地堆了一堆，可想而知是怎样的一种阅读体验；
• 完整准确：这就要求产品经理能够考虑到各种情况和逻辑判断，梳理流程图的过程，其实也是一个查漏补缺的过程，评审的意义也在于此，找出有错误的地方，大家一起来完善流程图；

上面说的这三个步骤方法，比较偏向于做后台业务功能的流程梳理和调研，其实对于to c 类的产品来说，方法都是通用的，只不过调研业务部门换成了调研用户，只有更了解用户的操作行为、习惯、心理预期才能做出更好的流程设计。

制作流程图的工具有很多种，比如，Visio、Axure、Smartdraw、Omnigraffle（Mac）等等，产品经理只需要选择一款适合自己的工具即可。

这里介绍几个常用工具。

1. Visio

Visio是微软推出的一款流程图制作工具，也是目前产品经理最常用的一款流程图工具。通过Visio可以方便、快速地把业务流程、系统实现流程画出来。它本身有很多的组件库，可以很方便的完成各类流程图、结构图和网络图的制作。Visio的另一个特色功能在于它有非常丰富的自带模板。

2. Omnigraffle（Mac）

OmniGraffle是由The Omni Group制作的一款绘图软件，其只能于运行在苹果电脑和iPad平台之上。个人感觉在很多方面，OmniGraffle都类似于微软的Visio，不过绘制出来的任何图表不知为何总会觉得很美，有Mac电脑的产品经理可以下载软件试试。

3. ProcessOn（支持在线协作）

ProcessOn 是一款网页版的在线作图工具，用户只需要有一个浏览器即可制作思维导图、流程图、UML图、界面原型设计、组织结构图等等。这款工具上手非常容易，而且免费，更重要的是省去了安装、授权等各种付费软件的烦恼。作为一款用 HTML5 开发的在线网页版作图工具，ProcessOn一个很大的特色就是可以做到无延迟协作，方便两个或多个人同时对一个文件协作编辑和沟通，对创业团队或者企业办公小组来说，是一款简单易用的工具。

有时候光有流程图，还不能够准确完整地表达清楚业务逻辑和产品需求，这个时候就需要借助时序图和状态图来完成相关的补充说明了。

流程图、时序图、状态图都可统称为UML图，那什么是UML呢？先来看看百科是怎么解释的：

是不是看不太懂？看不懂才是正常的表现，因为这是面向对象软件的标准化建模语言，简单地说就是一种有特殊用途的语言。

大家有空可以参考《UML基础、案例与应用》详细了解下。

这里就给大家介绍两种常见的图，一种叫时序图，一种叫状态图。介绍这两种图之前，我们先说下什么是对象，什么是类的定义吗？类就是一类事物的总称，那对象呢？对象就是这类事物中的个体，比如手机类，苹果手机就是手机类的一个对象。

1. 时序图

时序图显示对象之间的动态合作关系，它强调的是对象之间消息发送的顺序，同时显示对象之间的交互。时序图的一个用途是用来表示用例中的行为顺序。当执行一个用例行为的时候，时序图中的每条消息对应了一个类操作或引起状态转换的触发事件，如下图所示是一个ATM 用户成功登陆的时序图：

在 UML 中，时序图表示为一个二维的关系图，其中，纵轴是时间轴，时间延竖线向下延伸。横轴代表在协作中各个独立的对象。当对象存在时，生命线用一条虚线表示，消息用从一个对象的生命线到另一个对象的生命线的箭头表示，箭头以时间的顺序在图中上下排列。

所谓状态图，就是用来描述一个对象的可能状态以及各个状态之间的转换关系的一种图。

上图就是典型的状态图，一本图书经过不同的触发行为或满足一定的条件，就变成了不同的状态，我们在产品设计的过程中，也会经常碰到这样的情况需要用状态图去表示。

熟悉了这么多种流程图，算是为后面的原型设计打下了坚实的基础，下一篇我们来讲具体如何做产品的原型设计。

ps：如你所见，这是关于产品设计的系列文章，教你如何从0到1设计一款产品，如对我的文章有更多想法和意见，欢迎关注我的公众号找我交流。

作者：壹百度（微信公众号：倒退集），在线教育企业服务领域产品经理，创业公司Team Leader。常常自诩是文艺青年和极客青年的结合体，在宅与不宅之间可以自由切换，曾主导多款重量级产品的产品策划和设计工作。

（编辑：PHP编程网 - 黄冈站长网）

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