流程图,你真的会画了吗?
1.0 2019.01.04 19:48* 字数 1486 阅读 626评论 0喜欢 6
身为产品经理,思维导图、原型图、流程图是必备技能,相信大多数人都认为绘制流程图很简单,不就是一个开始,一个结束,中间加上诸多的进程和判断,但是想要画好流程图,可不止我们认识的那么粗浅。接下来,我根据自身的实践经验,以及学习的一些课程,跟大家分享下画好流程图的一些规范和技巧。
首先,我们讲下产品经理为什么要画流程图?
其一,对于产品经理而言,流程图可以帮助梳理用户操作流程,提高逻辑思维,在早期就发现并解决问题,避免后期频繁的需求更改。
其二,对于开发、测试人员而言,流程图相较于文字说明更简洁明了,可降低与之沟通的成本,有效提高工作效率。
其三,对于管理高层而言,流程图能清晰明了的反映产品的主体业务逻辑,有助于领导快速理解产品架构体系,可提供一定程度上的决策支持。
接下来,我们讲下流程图的几种类型。
主要分类三大类:业务流程图、数据流程图、页面流程图。其中,业务流程图又可按表现方式分为任务流程图和泳道图;按符号复杂程度分为基本流程图和完整流程图。
流程图的基本要求:
①直观易懂(语言表达简洁清晰);
②布局清晰(结构遵从从上至下、从左至右,主干脉络清晰,尽量避免流线交叉);
③逻辑完整(不遗漏任何一个重要的流程);
④用户视角(站在用户的角度反映真实需求,符合用户操作习惯)。
我们在绘制流程图过程中,要时刻围绕这4个要素,检验流程图是否合格。
流程图常用基本形状及定义:
流程图常用形状及定义
流程图基本规范
①从上至下、从左至右的流向顺序;
②开始符号只能有一个出口;
③校验逻辑必须用判断符号,不能用进程符号;
④相同的流程图,符号大小应为一致,包括符号的长宽以及间距大小;
⑤相同的流程应引用流程,而不是重复绘制;
⑥流线应尽量避免相互交叉;
⑦同一路径,箭头只能有一个;
⑧校验说明应写在流线上。
流程图绘制技巧:
①用户视角
时刻站在用户的视角去设计流程,让流程图为用户体验服务;
②流程名称
流程的“开始和结束”加上流程的名称,而非简单的“开始和结束”。如“登录开始/登录结束”,这样我们就可以一目了然知道该流程图是登录的一个流程,而不用解读流程图中的具体节点来了解。
③明晰主线
尤其在画很长的流程图时至关重要,明晰的主线能够有效提高流程图的可读性。通常以开始任务为起点,以完成任务为终点,中间加上按常规情况顺利完成任务的节点,这就是一条主干线,然后再在相应的节点上增加异常情况下的判断和说明,构成辅助流程。
(画复杂流程图就头疼的童鞋,想想是不是因为一把抓的画流程图,一开始就考虑各种情况,导致流程进行不下去,然后出现各种逻辑疏漏,导致每次阅览流程图,都能发现其中的漏洞。)
④合并同类项
在遇到相同的操作或提示时,尽可能的合并同类项,让流程图更加简约美观。
⑤巧用容器
在流程图特别长或者特别复杂的情况下,可以使用容器进行分封。
添加方法:框选需要放在同一容器下的内容,右键单击,选择容器---添加到新容器,然后可以编辑容器的名称。
⑥巧用标注
流程图中进程的内容要尽可能简洁明了,减少流程中的冗余细节,如若内容过多,进程内容可一句话概括主旨,其余具体内容插入标注进行追加说明。
⑦用户场景说明
许多人都是机械式的看流程图,看的一头雾水,不知道具体适用于哪些场景,如果我们提前说明用户场景,能够让读者更加容易理解其中步骤。
如:小明新下载了一个APP,要进去看看APP里边都能干什么:
1、该APP需要强制登录吗?不登录可以查看哪些内容?
2、都有哪些登录方式?填写错了如何提示?
⑧标题和样式
大家绘制的流程图千篇一律,读者难免厌烦,这时我们可以把流程图加以美化,更改主题、添加背景、加入标题,让你流程图的逼格得到质的提升,相信大家对美的事物不会拒绝。
今后的日子里,你的流程图,会画了吗?