身为PM的你,应该重视一下流程图了

3周带你玩转Excel!在行第一行家手把手带学+作业实战+答疑辅导,升职加薪快人一步,了解一下>>

在设计一个互联网产品时,流程图可以帮助我们查漏补缺,避免功能流程、逻辑上出现遗漏,确保流程的完整性。

流程图是流经一个系统的信息流、观点流、或部件流的图形代表。它既可以是生产线上的工艺流程,也可以是完成一项任务必需的管理过程。流程图有时也称作输入-输出图,该图直观地描述一个工作过程中的具体步骤(百度解释部分节选)。

个人理解,一个好的互联网产品(移动端/PC端)流程图就是用户完成某一项任务的具体行为步骤,例如:登录、注册、购买商品等等,这执行这项任务时,每一个行为的集合,从流程的开始到结束的封闭系统。中间不能出现断层、及走不通的情况。

为什么要画流程图(意义)

在设计一个互联网产品时,流程图可以帮助我们查漏补缺,避免功能流程、逻辑上出现遗漏,确保流程的完整性(往往这也是产品被喷的一个重要因素)。

在实际工作过程中,很多PM因为时间上的原因往往将这个工作给忽略了,最后导致在需求评审会上总时不时的被技术发现这样那样的问题,逻辑走不通,流程有问题等等情况(长此以往你在他们心目中的专业性将大打折扣…认真思考下,为什么技术看不上你了吧)。动手写文档或画原型之前,梳理下流程是很有必要的一项工作,真的花不了太多时间(熟能生巧,第一次都会感觉痛苦…o(╯□╰)o老司机都是这么过来的)。

举我一个工作过程中实际发生的例子:

背景:登录功能,支持第三方登录。个人资料有修改密码的功能。

屏幕快照 2016-12-05 上午9.27.04

点击第三方登录按钮,登录成功后,进入应用。这是一个很简单的需求,其实也没什么好梳理的流程,可是在个人资料页面有修改密码这一功能,如果一个新用户通过第三方登录的话,那这时的用户是没有密码的,那这个修改密码是不是就是有问题的,是否应该有些判断,看这个用户是否是设置过密码的,如果是则应该是设置密码的功能。

所以很多时候,PM再设计产品的时候,功能上的缺失,逻辑上的错误往往就是功能、业务流程上没有考虑周到,尤其是经验不太丰富的PM,所以流程图是很重要的应该予以重视,哪怕仅仅是纸面上的草图。

(说到底就是为了少出问题,不被喷o(╯□╰)o)

怎么画流程图

同样是拿注册登录这个流程举例:下面这张图是我用Axure画的(OmniGraffle,ProcessOn这些工具也都不错,文末会附有Axure 8中文版,OmniGraffle 6的破解版下载链接,有需要的自取),不要太纠结于工具,找一个顺手的即可。

注册登录流程

可以直接保存图片到本地,还是挺清楚的。

上面这幅图是登录、注册,找回密码的流程,因功能及业务需求的不同仅供参考。当你认真仔细的梳理过后,就会在最大程度上避免一些流程上的问题发生。

提高效率的小技巧

当然,这一过程中其实也是有些小技巧可以快速的提高我们的工作效率,例如:获取验证码这一功能,基本上是大同小异的,一次做好我们可以反复去使用。

屏幕快照 2016-12-04 下午5.44.55

在上面那一张,完整的登录注册流程图里,你就可以把获取验证码这一流程,单独提取出来,涉及到这个流程的时候,只需要一个超链接,链接到获取验证码这一个流程就可以了(具体操作看原型Axure,密码登录时获取验证码,文末会有链接),同样的方式,在电商类产品里从浏览商品到最后下单,付款结账这一任务流程,把其中常用的付款流程单独提取出来,这样一个大的流程就是由许多小流程(一个流程一个小模块)组成,每个小流程(常用的,每个App流程基本改动不太大的)可反复使用,提高工作效率,这就有点像面向对象的封装思想

以上就是我个人在平时的实践中总结的一些工作方法,可能并不一定很好,但又怕什么呢,这不就是一个不断成长与进化的过程么,就像一个优秀的产品也是在不断打磨的过程中逐渐完善起来的,所以我们的工作方法也是,需要不断的探索,力求找到最好方法。最后,如有什么建议与想法欢迎能和大家沟通交流,彼此成长。特别喜欢一句话:

累死你的不是你的工作,而是工作方式。

 

本文由 @夏祥全 原创发布于人人都是产品经理。未经许可,禁止转载。

给作者打赏,鼓励TA抓紧创作!
4人打赏
评论
欢迎留言讨论~!
  1. 你的箭头怎么弄出来的 我只能用连接的方式

    回复
  2. 感谢楼主分享,求OmniGraffle 6的破解版下载链接,十分感谢

    回复
  3. 不错,收藏

    回复
  4. 流程图存在问题

    回复
  5. 小白问题,文中所画的流程图应该是 业务流程图吧。

    回复
  6. 请问一下连接线中的是和否是怎么搞出来的,谢谢

    回复
    1. 双击

      回复
  7. 您好,写的非常仔细,收益很深,请问您能分享下Axure 里面的手机的原件图么,最近在学画原型图,但是缺少很多原件诶。。。

    回复
  8. 用什么软件画的流程图?

    回复
    1. Axure

      回复
  9. 提示注册的时候为什么要到密码登陆?

    回复
    1. 产品流程:验证码登录,输入手机号后台判断是否注册过,如果没有注册,后台自动注册。验证码登录,输入的是手机号和验证码,注册跟登录对用户来说是一个流程,如果是首次使用验证码登录,个人中心,有个设置密码的功能,设置后,用户下次就可以用手机+密码登录了。现在很多App都这么设计了(验证码登录/注册)。对用户来说,不用再走所谓的注册了,流程更加简化。

      回复
    2. 哈哈,你发现了。现在的用户登录功能流程,通过手机号码+验证码登陆成功后就不需要再验证是否为新用户而再去注册账号了,用户步骤更少。
      还有就是,账户+密码的形式,在输入完账号就可以在对话框做出是否有账号的判断,而不是输完密码后再去验证哈。

      回复
  10. 有2处错误

    回复
  11. 第一个登陆注册流程图里面,密码登陆,最后检验验证码是否过期,判断条件的字段错了,两个出口条件都是“是”,向下的是否 :cool:

    回复
    1. :shock: 确实。。。。你很细心。。。。

      回复
  12. Java基础

    回复
  13. OmniGraffle 6的破解版 有链接嘛?

    回复
  14. 第一个登陆注册流程图里面,密码登陆,最后检验验证码是否过期,判断条件的字段错了,两个出口条件都是“是”。

    回复
  15. 我的axure的flow库不是这样的流程图,请问你是在其它地方下载的library吗?

    回复
  16. 这种还是比较好的。很详细,应该是用思维导图梳理的吧。
    最近研究了些流程图,中看不中用(想漂亮就得花时间去布局,感觉挺浪费时间的)

    回复
  17. 回复
  18. 楼主真棒

    回复
  19. 你肯定是一点不懂技术

    回复
  20. 主流验证码获取流程,应该是先填手机号,再获取验证码吧

    回复
    1. 是啊。。。流程没问题,你在仔细看看

      回复
  21. 请问楼主可否提供一下Omnigraffle 6的链接和提取码?

    回复
    1. OmniGraffle Pro 6 破解版 链接: https://pan.baidu.com/s/1pLNISMR 密码: p7yp

      回复
  22. 这几天转到一个新的业务部门 花了两天摸索了下用户使用服务的全流程。感觉流程图真的是很有用的东西,哪些节点出了问题都能一目了然

    回复
    1. 嗯,内容虽枯燥,作用还是很明显的。

      回复
  23. 累死你的不是工作,是你的工作方式 ;-)

    回复
    1. 你想说什么?能具体点吗?

      回复
  24. 不知道兄弟能不能留个微信,很多问题可以跟你再交流交流

    回复
    1. yangxiuqiu_shiguang

      回复
    2. 加的时候 备注下人人都是产品经理,生人一般不加

      回复
  25. 抽象,封装,继承,多态

    回复
  26. 封装的这些流程图模块可以给我一份吗

    回复
    1. 评论里有文档链接,建议自己动手画画,其实很简单的,把平时能常用到的,单独总结一下

      回复
    2. 你好,能把你总结的封装好的流程图模块共享一下吗,这个思想很棒

      回复
  27. 提示输入邮箱,手机号不存在时,要注册,为什么不到注册呢?怎么又到验证码或密码登录了呢

    回复
    1. 验证码登录,其实就包含注册跟登录两个功能,后台会做判断,没注册过得手机号会进入新页面(设置密码),最后注册成功。具体流程要看你的产品需求。

      回复
    2. :oops: 有个地方确实写错了,判断完是否为新用户后,下一个流程应该是输入密码(不应该有用户名/邮箱)。。。。下次登录,直接用手机号和密码就行了

      回复
  28. 请问Axure的链接在哪里呢?没有找到

    回复
    1. 文档链接:http://4vlk4c.axshare.com/#g=1&p=文档说明 Axure下载链接:https://pan.baidu.com/s/1jIobxzg 密码:6qva
      文章发布的时候被去掉了。

      回复
    2. 谢谢你

      回复