版本：

OmniGraffle 7

下载

地址：https://pan.baidu.com/s/1SoiT-98BPha4B798r6N95g

密码：avmf

注册码

账号：Appked

密码：MFWG-GHEB-HYTW-CGHT-CSXU-QCNC-SXU

背景

产品设计过程中有一个重要的环节——定流程  。

作为一个新手产品，在梳理好产品构架的脑图后，一般会迫不及待的打开Axure开始原型设计，三下五除二一蹴而就地画完了产品线框图，然后屁颠屁颠地跑去和mentor过需求的时候突然发现：

“咦？这里好像是有一个小问题”

“哇！那里的逻辑遗漏了几种异常情况”

红着脸回去整理之后再返工，结果又有一个流程没有考虑清楚，来回反复才终于将一个产品需求和原型界面讨论清楚。

刚开始做产品这种情况难免会遇到，去和开发评审需求的时候，被开发说这里逻辑不太对，那里缺少了一种分支情况，真的是羞愧难当。

和mentor聊过之后，发现其实是因为在设计原型之前少了一个关键步骤——确立业务流程，梳理流程图。

流程图可不仅仅是一些菱形框/方框/圆角矩形框，而是一种图形化的语言，必须清楚地描述产品业务流程的顺序以及使用逻辑。

“流程图其实就是一个用户使用产品的过程”

基本三要素是“从那里来，有何贵干，到哪里去”

比如微博用户，

登陆微博——查看微博动态和热搜——转发/点赞/评论；

登陆微博——发表微博动态——查看私信/回复评论

只要用户在使用产品过程中有自己的目标和任务，产品流程就会存在，我们要做的就是通过对必要步骤的设计，帮助用户完成任务。

一份步骤清晰的流程图要比一大段文字直观易懂得多，产品经理向团队成员（尤其是开发人员）描述需求和原型界面，借助可视化的流程图，沟通效率会提高很多。

制作流程图的工具有很多种，比如Visio/Axure/Draw.io/Omnigraffle，我之前使用的是Axure，今天上手之后个人感觉，Omnigraffle绘制出来的任何图表都会觉得很美。