《图文流程图绘制入门技巧及实战案例产品经理如何绘制出高逼精》由会员分享,可在线阅读,更多相关《图文流程图绘制入门技巧及实战案例产品经理如何绘制出高逼精(27页珍藏版)》请在金锄头文库上搜索。
1、流程图绘制入门技巧及实产品经理如何绘制流程图谈概念:什么是流程话翟(PLOW)+箱宦生塑诽为了满启琴宦博京而 审右的有磧宦谓皤芙耳:的一耳:歹” 凜咋诅理ffl(CHPT or Diacjran) 砂讨简单且标准让的符号71线 铭氓理显临表秋出来M帀K谈分类:流程图有哪些类型流程图 Transaction Flow Diagram业务流程图Tvnsaction FlowDiagram基本流程图任务流程图泳道完整流程图流程图Page Flow Diagram注:广义上还应谅包含世待匿.亲绕疣程冬等不做为本次分亨内&谈用途:为什么要绘制流程【对产品经理而言帮助产品经理梳 理、完成用户操流程图反映了
2、产 品的主体业务逻 辑,可为管理高 层提供一定程度 上的决策支持作流程,在早期 发现、解决问题流程图相较于文 字说明更加简洁 明了,可降低与 开发、测试团队 的沟通成本上手快符号多-专业谈工具:有哪些常用工具可以绘制济上手快易共李界面好看页而篇幅妥限门槛略不易共谈要求:流程图有哪些基本要求使用的元素尽 可能少表达的信息尽 可能清晰直观易懂从上至下,从 左至右绘图脉络清晰,避 免流线交叉車要的流程不 遗漏有描述的流程必须完整统一约定的符号及定义符号名称含义MB瑞点、中断标准流程的开始号结束,毎一流程图只有进程要执行的处理O判断决策或判断LJ文档以文件的方式输入/输出流向表示执行的方向与顺序数据表
3、示数据的输入/输出O联系同一流程图中从一个进程到另一个进程的刁从上至下,从左至右的流向顺序(波程开始X进程符号不做校验逻辑、获取到达机场相同流程,符号大小应为一致获取航班动态航班降落城市匹配一号专车支持城市获取到达机场匹配机场引用流程,而不是重复绘制路径符号应避免相互交叉同一路径,箭头只能有一个B校验说明写在流线上用户的视角让流程图为用户体张明晰的主线让流程图脉络更加湄让流程图更加简约合并同类项执行任务优化前巧用标注减少流程中的冗余细卡巧用容器分封复杂流程fe旷g优化前优化后用户场景说明让读者更加容易JS用户场景:行政助理小兰帮销售部同事小明提交了一张机票订单:1、该张订单是否需要审批?二)需
4、要的话由准审批?2.审批通过如何处理?审批不通过如何处理?4”人* JiKeA8AWC1|y卜lTAMlrtMa1 .trvaMw用户场景要点描绘开启简述可能避免仅描标题及样式有效提升流程图的用户场彊:小呈斜命住21冏享 小硼交了一张机票订单:1. 该亲订箏足否JR要E 批?需嬰的话由2、审祉请过如何处理? 做不通过如何处理?HHHZKHWW三大法宝理论篇目录实战案例:某网站offline系统登录流程独家揭祕基十信息安全设计的offline糸统登录流程设计的涅槃之路I 8 M員方案用户场景小明是某网站offline系统当中的一名用户,主要负责做企业客户I 现在,他进入登录页,需耍输入账户名密码
5、进行登录,以下是可 些场景:1、于快,有些信息忘记输入就点击了 “登录怎么反馈?2、客户编号、用户名或密码输入错误时怎么反馈?3、小明忘记密码,反复尝试几个可能密码输入会否有所限制?4、小明的账户密码都没错,但其账号处于被冻结的状态,怎么丿5、小明的密码已经超过120天未更改,安全隐患怎么解决?6、小明能否知道自己的账号密码是否已经泄露?第一阶:账户密码备注:原始耳大态流程图第二阶:客户编号流程图备注:新增客户编号,希望实现同一个手机号可以 注册到不冋的客户名的效果第三阶:验证码流程图备注:反复尝试甥录操作时,可能是用八忘记密码,也 有可能是恶总攻击,增加验证码以提升账户安全性。第四阶:冻结账
6、户提示流程图0备注:账户密码无误,但账户处于冻结状态时,无 法完成甥录,但需耍给用户明确的反馈,第五阶:强制修改密码修改密码翊到您已经超过12庆没有更锲壬码了,为班升账谓立利更狽舸!流程图备注:为保证账八安全,产品设il时,设泄了超过120天未 更改密码账户,登录时须强制更换密码的规则第六阶:在线唯一性限制流程图检漁刚您狗账户在其他电瞄登录,您已被自动= 纟戋。如卄本人操作贝何能是密码已经泄露建议立 即重話登录并修改密码。确定:备注:为保证账户安全,若检测到登录用户账号在其他电脑 登录,则口动将巴登录账号踢下线,并提示用户帐号密码可 能已经泄露,需及时更换密码第七阶:加入容器,分封流程登录前I登录中I登录后将长而复杂的流 程图按照时间顺 丿了:分封到儿个容 器当中,让流程 图逻辑看起来更 加清晰明了第八阶:流程图润色加工主题为流程图选定一个棕色 系主题二I匕旦冃泉选定一张系统自带的世 界地图作为流程图背景标题给流程图定义一个标题用户场景将用户场景描述添加到 流程图左上角 Q&A绘制流程图之前需要做哪些准备工作?流程图在需求设计中的意义?