流程是在特定的情境下满足用户特定需要的总结,包含因果关系、时间先后、必要条件、输入输出等一系列的逻辑关系,将这些逻辑关系可视化并以图形的方式呈现出来就是流程图。
1、减少需求阶段的无用功
帮助产品经理在画原型写需求之前理清逻辑,将业务流程、用户操作流程、页面跳转流程想清楚,并确认后再进行需求编制,达到少做无用功的目的
2、提高与业务方沟通效率
与需求方和开发方高效沟通的载体
注:先用思维导图梳理产品架构和功能列表,然后用流程图梳理逻辑,最后画原型写需求,从整体到局部,从抽象到具象。
遵守流程图规范有利于目标受众理解,同时也会显的专业。

研发二部产品设计过程中需要有三种流程图,按从整体到局部从后端到前端分为业务流程图、任务流程图、页面流程图。
业务流程图用来梳理业务逻辑(与业务需求方沟通)
任务流程图用来梳理用户行为(与后台开发方沟通)
页面流程图用来梳理页面之间的跳转关系(与前端开发方沟通)
1、业务流程图
业务流程图描述各业务角色在什么条件下做了什么事情,以及事情之间有何关联。主要分三个方面:主体角色、各角色的任务、任务间的联系。通常用泳道图。

业务流程图可以分为三种结构:顺序结构、选择结构、循环结构,为了能把业务流程梳理清,研发二部产品经理在做业务流程图时尽量把判断点加上,也就是用选择和循环结构。

2、任务流程图
任务流程图关注用户通过什么样的操作来完成他的目标。画任务流程图的时候要注意异常流程,产品的逻辑漏洞多半是由于异常情况没有考虑清楚所导致,可以先画主要流程,然后再添加异常流程,确保任务逻辑完整不遗漏。

3、页面流程图
所有的产品都是由页面组成的,页面流程图用于梳理各个页面之间的跳转关系,描述完成一个任务需要经过哪些步骤,在画图的时候需要清晰的表现出用户点击页面的什么地方,然后跳转到那个页面。页面流程图主要由页面、行动点、连接线组成。

1、理解业务、了解用户操作
画业务流程图前,先要理解清楚业务,可以让业务人员讲解,可能的情况下尽量要求业务人员先出一份业务流程图,产品经理以之为基础调整优化。
画任务流程图前,需要了解用户的交互操作,可以学竞品,先抄再改。
页面流程图,只要把页面元素列清,再做跳转关系就比较简单。
2、梳理绘制
用工具把流程图画出来,根据产品设计的不同阶段和沟通对像画对应的流程图。
3、沟通、修改、确认
与业务方和开发方沟通流程,与业务方沟通时要让流程图中涉及到的角色都参加评估。根据沟通结果修改、再次沟通,最后确认。
4、更新维护
产品不断迭代更新,流程也会发生变化,我们需视情况不定期更新流程图。
1、Axure(建议选择)
Axure画泳道图没有对应的模版,效率会比较低,如果习惯用Axure不想换工具,可以自己制作一个组件,下次直接调用。

2、Visio(Win)
Visio有很多组件库,可以方便快捷的完成流程图、泳道图、结构图的绘制,缺点是不支持mac,发给mac用户时可以导成PDF。

3、Omnigraffle(Mac)
Mac下没有Visio很多人就用Omnigraffle,一般流程图都能绘制,但是效率感觉没有Visio高,优点是画出来的图形效果好看,缺点是没有比较好的泳道图插件,画起泳道图来不是太方便。

4、ProcessOn
一款网页版的在线作图工具,优点是无需下载安装,同时支持在线协作,提供很多模版,可以方便的画出流程图、思维导图、原型图、UML图,缺点就是在绘制泳道图需要增加泳道的时候,只能在最后一列加入不能在中间加,另外做为一个在线工具导出功能做的不太好。

网友评论