产品经理 | 如何正确的画出功能流程图?
发表于:2017-05-16 16:00:12

  说到功能流程图,看似很简单。但是其实很多人画得不规范,不能清晰表达产品整体的页面架构。希望根据澳环科技整理的经验可以对一些不太会画图建模的PM 有点启发。

  首先是澳环科技产品经理所理解的产品架构三部曲

如何正确的画出功能流程图?

  其次我们先梳理一下大部分PM画功能流程的常见错误,方便理解其边界。延伸一点,每个产品至少有 3 大架构:业务流程、功能流程、页面流程,在上图中已区分产品架构三部曲。既然是功能流程图,那么研究维度只应该有功能。尤其不应该看到页面流程和业务流程,这个错误很多 PM 都会犯。

  1.混入业务维度

  特别容易把业务模块也画到功能流程图里面。

  区分你的功能流程图里面有木有业务模块并不难。唯一的判断标准是该图中的每个节点都应该是这个产品中真实存在的功能名称,否则应该是混入了其他东西。

  真正的难点在于如何将业务流程映射成合理的功能流程,以及功能流程如何映射成恰当的业务流程。

  2.混入页面维度

  其次容易将页面写到功能流程图里面。比如某页面只是某个功能的子集,你非要把它写到功能流程图里面,是不合适的。

  比如微信里面,发送照片给好友是一个功能,但是涉及到的页面“照片”、“选择相册”、“某一相册详情”以及操作“选中某一照片”,他们都不是功能,完全不应该显示在功能流程图里面。

  当然某些功能的命名,有可能和页面是一样的。

  3.混入操作维度

  每个功能可能包含很多操作,比如微信中发送照片给好友,包含了”点击相册”,”滚动照片列表”,”选择照片并发送”等操作。需要正确区分操作不是功能。

 

功能流程是什么

  讲了一些常见的错误画法之后,再次定义一下功能流程的概念。

  功能流程是指产品的所有功能以及相互间关系

  功能间关系

  注意功能是相互独立的,但是通过合理组合,可形成新功能。不太建议用一级功能二级功能,父功能子功能的叫法。

  包含哪些元素

  功能,使用矩形表示。

  功能流向,使用有线箭头表示。

  条件,使用有线箭头上的文字表示。

  已定义流程,使用组合矩形表示。不是必须的,如果整个产品的功能太复杂,可能需要。

如何正确的画出功能流程图?

  详见北京澳环科技软件开发公司整理的功能流程图资料。

  功能命名

  要么是名词,比如购物车。可加定语,比如我的红包。

  要么是动宾短语,比如确认订单。

  要么是通用叫法、比如我的。

  可以参考同行业的TOP5竞品。

  如果功能简单,产品层面的1个功能尽量对应着Axure的1个Page。如果很复杂,请拆分到多个页面。

  功能定位

  功能是逻辑意义上的概念,用户是感知到该产品具备哪些功能。一个功能可能是跨越多个页面,也可能存在于某页面里。而页面是物理意义上的概念,用户可以在产品里面看到包含哪些页面。

  另外功能本身是相互独立的。但是通过合理组合,可形成新功能。不太建议用一级功能和二级功能,父功能和子功能的说法。

 

  如何画功能流程图

  罗列所有功能

  按照PM设定的用户使用产品流程,来画出每个节点的功能。从首次打开APP开始算起,进入首页会有多种走向,均需分别画出来。

  请注意不要随意把页面名称画进来,除非你确定含有一个同名的功能。

如何正确的画出功能流程图?

  比如上图乍一看,好像这几个都是功能,画得好像并没有错。

  可事实上,首页只是页面的叫法,而不是功能。另外它至少包含了发布邀约,查看邀约列表,频道列表三个功能。

  用有向箭头关联

  使用有向箭头将功能之间联系起来。注意箭头方向代表用户的使用步骤。

  如果你是使用Axure,请不要傻乎乎的使用默认模式拖一根线到2个功能矩形框上,而是切换到连接线模式然后鼠标移动到矩形框连接红点并关联到另外一个。

  增加条件判断

  很多功能是有前置条件的,请使用有向箭头并辅以文字表示。

  所谓的条件就是前后端需要判断的逻辑。常见的条件有3种逻辑结构。

如何正确的画出功能流程图?

  检查是否犯错

  上面说的几个常见错误,最好检查一下有没有犯。 

  得到功能流程图

  根据上面的步骤,北京澳环科技产品经理大概画了一下微信客户端主要的功能流程图。

如何正确的画出功能流程图?

  总结

  如果你们的产品比较复杂的话,可能需要根据用户角色、前后端不同来分别画出对应的功能流程图。比如微信的功能流程图,至少有用户使用微信,用户使用小程序,自媒体使用公众号,开发者开发公众号,开发者开发小程序等很多个。简单来说,你先得清楚你们的业务需要多少个产品来支持,产品间的关系是什么,每种产品需要多少种用户角色,相互间的关系,有多少个终端。

  补充一点,如果你是使用Axure来画页面流程的话,可以全选所有页面,然后一键生成流程图,点击查看效果。

声明:文章“产品经理 | 如何正确的画出功能流程图?”为澳环科技原创文章,转载请注明出处,谢谢合作!

上一页:衡量APP开发好坏的三大标准

下一页:企业APP开发外包须知的几点常识

我们能给的,远比您想的更多

服务于上市公司及500强等知名企业

400-990-6366