流程图绘制入门技巧及实战案例(产品经理如何绘制出高逼格的流程图)教材

产品经理如何绘制流程图流程图绘制入门技巧及实战案例2024/5/312目录理论篇规范篇技巧篇实战篇2024/5/31谈概念：什么是流程图从定义可以看出几点：• 只要有事情和任务，流程就自然会有•并不是所有的流程都适合用流程图的方式去表现•适合用流程图去表现的流程是一定程度固定的，有规律可循•流程中的关键环节不会朝令夕改2024/5/31谈分类：流程图有哪些类型2024/5/31谈用途：为什么要绘制流程图帮助产品经理梳理、完成用户操作流程，在早期发现、解决问题对产品经理而言流程图相较于文字说明更加简洁明了，可降低与开发、测试团队的沟通成本对开发测试而言流程图反映了产品的主体业务逻辑，可为管理高层提供一定程度上的决策支持对管理高层而言2024/5/31谈工具：有哪些常用工具可以绘制流程图2024/5/31谈要求：流程图有哪些基本要求•使用的元素尽可能少•表达的信息尽可能清晰直观易懂•从上至下，从左至右绘图•脉络清晰，避免流线交叉布局清晰•重要的流程不遗漏•有描述的流程必须完整逻辑完整•反映用户真实需求•符合用户操作习惯用户视角2024/5/31目录理论篇规范篇技巧篇实战篇82024/5/31统一约定的符号及定义92024/5/31从上至下，从左至右的流向顺序流程开始动作1动作2流程结束流程开始动作1动作2流程结束流程开始动作1动作2流程结束102024/5/31进程符号不做校验逻辑航班降落城市匹配提示：您的接机地点目前不支持用车服务匹配失败匹配成功获取到达机场提示：您的接机地点目前不支持用车服务获取到达机场匹配失败匹配成功航班降落城市匹配2024/5/31相同流程图，符号大小应为一致获取航班动态航班降落城市匹配一号专车支持城市获取到达机场匹配机场获取航班动态航班降落城市匹配一号专车支持城市获取到达机场匹配机场2024/5/31引用流程，而不是重复绘制觅优平台出票觅优平台出票1000供应商TMC自动通知觅优扣款觅优TMC资金池1000否订单是否仍有效是1000供应商TMC自动通知觅优扣款觅优TMC资金池1000重新下单觅优平台出票1000供应商TMC自动通知觅优扣款觅优TMC资金池1000订单是否仍有效是否重新下单觅优平台出票2024/5/31路径符号应避免相互交叉动作1校验1是否通过是动作2否校验2是否通过是动作3否动作1校验1是否通过是动作2否校验2是否通过是动作3否2024/5/31同一路径，箭头只能有一个校验用户是否成功进入主页是提示错误原因是否失败超过3次显示验证码录入框否是否校验用户是否成功进入主页是提示错误原因是否失败超过3次显示验证码录入框否是否2024/5/31校验说明写在流线上校验用户是否成功进入主页是提示错误原因是否失败超过3次显示验证码录入框否是否校验用户是否成功进入主页是提示错误原因是否失败超过3次否显示验证码录入框是否2024/5/31目录理论篇规范篇技巧篇实战篇172024/5/31用户的视角——让流程图为用户体验服务产品流程是为了帮助用户更好地完成任务时刻保持以用户的视角去设计流程更容易提前发现用户可能会遇到的问题2024/5/31明晰的主线——让流程图脉络更加清晰国内机票预订流程预订开始预订结束选择预订类型及出行人是否继续是进入填写订单页面返回查询结果页面并定位到之前所选航班位置重新选择航班否展示查询结果、全 不显示任何差旅政策标准等天最低价航班 信息根据鼠标滚动确认参考出发时间航班，提示前后1小时内最低价航班预订航班是否违规是提示违规项目提示预定完全合规否主流程开始任务执行任务完成任务关键校验自动匹配、选择政策执行标准通过失败提示不通过结束• 流程图以开始任务为起点，完成任务为终点• 按照常规情况顺利完成任务的动作序列构成主流程• 非顺利流转或用于处理异常情况的动作序列构成辅助流程2024/5/31合并同类项——让流程图更加简约执行任务关键校验1通过失败提示不通过结束关键校验2通过失败提示不通过结束执行任务关键校验1通过不通过关键校验2通过失败提示不通过结束优化前202024/5/31优化后巧用容器——分封复杂流程Online机票查询预订流程查询开始录入查询条件，查询选择航班舱位预订载入填单页面填写订单信息是提交订单是是否是生成订单并保存乘机人、联系人等信息立即支付是否VIBE舱位是是给联系人、乘机人发送确认短信、邮件预定完成是提示：该特价舱位是否能P到价格否

暂时无法预订，原因：配置P价失败是用所属代理人配置

自动刷新航班结果尝试P价列表，并且当天过滤该舱位选择出行人及政策

选择出行人

执行标准是否因公出行

否是否单程否选择返程/联程航班舱位是否VIBE舱位

否所属代理人配

向报价供应商创建订单创建订单是否提示：提交订单失败，建议选择其他成功 因：上游供应商创单失败是是否VIBE中的NFD舱位否 是是否需要审批是选择审批人提交审批审批是否通过进入支付页面，根短信通知预订人

据用户支付权限返回并显示支付方式

审批已通过是取消订单，短信通知预订人审批被驳回否否PNR是否擦除无效PNR依然有效

否

重新P（原订单票

面）价是能否获取到不高于票面价的票价能结束重新生成PNR用PNR去供应商获取政策结束提示：由于长时间未支付或航空公司政策调P价是否成功否

整，该舱位已经不能支付，订单将自动取消是取消订单否是提示：提交订单失败，建议选择其他

生成PNR航班重试，失败原

是否成功

因：PNR生成失败结束 生成PNR 否

航班重试，失败原提示：提交订单失败，建议选择其他航班重试，失败原因：配置P价失败否

置是否能够P到

价格结束 提示：支付失败否

是否支付成功是更新订单支付状态为“已支付”，并提示：支付成功通知预订人出票失提示：出票失败，

败，已支付钱款将是否出票成功

否

失败原因：xxx

在3个工作日内原路退回触发退款流程根据查询条件返回航班结果，按照用户报价方式报价触发出票流程是否公司账户载入第三方支付页

统一支付给觅优，并实时分账支付否

面优化前：优化后：方法：选中符号，添加到新容器标题支付流程校验PNR是否有效查询预订流程下单流程查询开始录入查询条件，查询选择航班舱位预订载入填单页面填写订单信息是提交订单是是否是生成订单并保存乘机人、联系人等信息立即支付是否VIBE舱位是是是给联系人、乘机人发送确认短信、邮件预定完成是提示：该特价舱位是否能P到价格否

暂时无法预订，原因：配置P价失败是用所属代理人配置

自动刷新航班结果尝试P价列表，并且当天过滤该舱位选择出行人及政策

选择出行人

执行标准是否因公出行

否是否单程否选择返程/联程航班舱位是否VIBE舱位

否所属代理人配

向报价供应商创建订单创建订单是否提示：提交订单失败，建议选择其他成功 因：上游供应商创单失败是是否VIBE中的NFD舱位否 是是否需要审批是选择审批人提交审批审批是否通过进入支付页面，根短信通知预订人

据用户支付权限返回并显示支付方式

审批已通过是取消订单，短信通知预订人审批被驳回否否PNR是否擦除无效PNR面）价依然有效否

重新P（原订单票能否获取到不高于票面价的票价能结束重新生成PNR用PNR去供应商获取政策结束提示：由于长时间未支付或航空公司政策调P价是否成功否

整，该舱位已经不能支付，订单将自动取消是取消订单否是提示：提交订单失败，建议选择其他

生成PNR航班重试，失败原

是否成功

因：PNR生成失败结束 生成PNR 否

航班重试，失败原提示：提交订单失败，建议选择其他航班重试，失败原因：配置P价失败否

置是否能够P到

价格提示：支付失败否

是否支付成功结束是更新订单支付状态为“已支付”，并提示：支付成功通知预订人出票失提示：出票失败，

败，已支付钱款将是否出票成功

否

失败原因：xxx

在3个工作日内原路退回触发退款流程根据查询条件返回航班结果，按照用户报价方式报价触发出票流程是否公司账户载入第三方支付页

统一支付给觅优，并实时分账支付否

面2024/5/31提交订单生单是否成功进入支付页面是页面提示生单失败否提示话术：抱歉，由于价格舱位或供应商发生变动，订单提交失败提交订单生单是否成功进入支付页面是页面提示生单失败，提示话术：抱歉，由于价格舱位或供应商发生变动，订单提交失败否巧用标注——减少流程中的冗余细节优化前优化后方法：选中形状，插入标注2024/5/31用户场景说明——让读者更加容易理解提交并生成订单审批完成是否审批通过是反馈申请人审批未通过Offline推送待审批消息给TMC否短信或邮件提请审批人审批是结束否自动取消订单触发出票流程选择审批人是否支付成功是结束否选择公司账户支付订单是否需要审批用户场景：行政助理小兰帮销售部同事小明提交了一张机票订单：1、该张订单是否需要审批？需要的话由谁审批？2、审批通过如何处理？审批不通过如何处理？用 描绘开启流程的情景户

场 简述可能的后续场景景要点避免仅描述一种用户场景2024/5/31标题及样式——有效提升流程图的“逼格”主题背景标题三大法宝2024/5/31目录理论篇规范篇技巧篇实战篇252024/5/31实战案例：某网站offline系统登录流程独家揭秘基于信息安全设计的offline系统登录流程设计的涅槃之路2024/5/31用户场景2024/5/31小明是某网站offline系统当中的一名用户，主要负责做企业客户的服务工作，现在，他进入登录页，需要输入账户名密码进行登录，以下是可能出现的一些场景：1、手快，有些信息忘记输入就点击了“登录”怎么反馈？2、客户编号、用户名或密码输入错误时怎么反馈？3、小明忘记密码，反复尝试几个可能密码输入会否有所限制？4、小明的账户密码都没错，但其账号处于被冻结的状态，怎么反馈？5、小明的密码已经超过120天未更改，安全隐患怎么解决？6、小明能否知道自己的账号密码是否已经泄露？第一阶：账户密码登录开始用户输入账户名密码用户点击“登录”是否全部填写载入登录后首页是用户名密码是否匹配是控件冒泡提示不能为空否页面提示：账户名或密码错误否结束登录完成备注：原始状态流程图2024/5/31第二阶：客户编号备注：新增客户编号，希望实现同一个手机号可以注册到不同的客户名的效果流程图登录开始用户输入账户名密码用户点击“登录”是否全部填写载入登录后首页是用户名密码是否匹配是登录完成控件冒泡提示不能为空否页面提示：账户名或密码错误否结束客户编号是否存在是提示：客户编号不存在否2024/5/31第三阶：验证码备注：反复尝试登录操作时，可能是用户忘记密码，也有可能是恶意攻击，增加验证码以提升账户安全性。流程图登录开始用户输入账户名密码用户点击“登录”是否全部填写载入登录后首页是用户名密码是否匹配是登录完成控件冒泡提示不能为空否页面提示：账户名或密码错误否结束客户编号是否存在是提示：客户编号不存在否否密码是否连续输错2次以上否弹出验证码输入框是302024/5/31第四阶：冻结账户提示登录开始用户输入账户名密码用户点击“登录”载入登录后首页是

用户名密码是否匹配是登录完成控件冒泡提示不能为空是否全部填写

否

页面提示：账户名或密码错误否

结束客户编号是否存在是页面提示：客户编号不存在否否密码是否连续输错2次否是

弹出验证码输入框账户知否处于冻结状态否页面提示：账户已被冻结，无法登录结束备注：账户密码无误，但账户处于冻结状态时，无法完成登录，但需要给用户明确的反馈，流程图2024/5/31第五阶：强制修改密码登录开始用户输入账户名密码用户点击“登录”载入登录后首页是用户名密码是否匹配是登录完成控件冒泡提示不能为空是否全部填写

否

页面提示：账户名或密码错误否

结束客户编号是否存在是页面提示：客户编号不存在否

否密码是否连续输错2次否是

弹出验证码输入框账户知否处于冻结状态否页面提示：账户已被冻结，无法登录结束密码是否超过120天未修改否强制修改密码是

备注：为保证账户安全，产品设计时，设定了超过120天未更改密码账户，登录时须强制更换密码的规则流程图2024/5/31第六阶：在线唯一性限制登录开始用户输入账户名密码用户点击“登录”是否全部填写载入登录后首页是用户名密码是否匹配是登录完成控件冒泡提示不能为空否页面提示：账户名或密码错误否结束客户编号是否存在是页面提示：客户编号不存在否否密码是否连续输错2次否弹出验证码输入框是账户知否处于冻结状态否页面提示：账户已被冻结，无法登录结束密码是否