流程图,你真的会画了吗?

身为产品经理,思维导图、原型图、流程图是必备技能,相信大多数人都认为绘制流程图很简单,不就是一个开始,一个结束,中间加上诸多的进程和判断,但是想要画好流程图,可不止我们认识的那么粗浅。接下来,我根据自身的实践经验,以及学习的一些课程,跟大家分享下画好流程图的一些规范和技巧。

首先,我们讲下产品经理为什么要画流程图

其一,对于产品经理而言,流程图可以帮助梳理用户操作流程,提高逻辑思维,在早期就发现并解决问题,避免后期频繁的需求更改。

其二,对于开发、测试人员而言,流程图相较于文字说明更简洁明了,可降低与之沟通的成本,有效提高工作效率。

其三,对于管理高层而言,流程图能清晰明了的反映产品的主体业务逻辑,有助于领导快速理解产品架构体系,可提供一定程度上的决策支持。

接下来,我们讲下流程图的几种类型

主要分类三大类:业务流程图、数据流程图、页面流程图。其中,业务流程图又可按表现方式分为任务流程图和泳道图;按符号复杂程度分为基本流程图和完整流程图。

流程图的基本要求

直观易懂(语言表达简洁清晰);

布局清晰(结构遵从从上至下、从左至右,主干脉络清晰,尽量避免流线交叉);

逻辑完整(不遗漏任何一个重要的流程);

用户视角(站在用户的角度反映真实需求,符合用户操作习惯)。

我们在绘制流程图过程中,要时刻围绕这4个要素,检验流程图是否合格。

流程图常用基本形状及定义:

流程图常用形状及定义

流程图基本规范

①从上至下、从左至右的流向顺序;

②开始符号只能有一个出口;

③校验逻辑必须用判断符号,不能用进程符号;

④相同的流程图,符号大小应为一致,包括符号的长宽以及间距大小;

⑤相同的流程应引用流程,而不是重复绘制;

⑥流线应尽量避免相互交叉;

⑦同一路径,箭头只能有一个;

⑧校验说明应写在流线上。

流程图绘制技巧:

①用户视角

时刻站在用户的视角去设计流程,让流程图为用户体验服务;

②流程名称

流程的“开始和结束”加上流程的名称,而非简单的“开始和结束”。如“登录开始/登录结束”,这样我们就可以一目了然知道该流程图是登录的一个流程,而不用解读流程图中的具体节点来了解。

③明晰主线

尤其在画很长的流程图时至关重要,明晰的主线能够有效提高流程图的可读性。通常以开始任务为起点,以完成任务为终点,中间加上按常规情况顺利完成任务的节点,这就是一条主干线,然后再在相应的节点上增加异常情况下的判断和说明,构成辅助流程。

(画复杂流程图就头疼的童鞋,想想是不是因为一把抓的画流程图,一开始就考虑各种情况,导致流程进行不下去,然后出现各种逻辑疏漏,导致每次阅览流程图,都能发现其中的漏洞。)

④合并同类项

在遇到相同的操作或提示时,尽可能的合并同类项,让流程图更加简约美观。

⑤巧用容器

在流程图特别长或者特别复杂的情况下,可以使用容器进行分封。

添加方法:框选需要放在同一容器下的内容,右键单击,选择容器---添加到新容器,然后可以编辑容器的名称。

⑥巧用标注

流程图中进程的内容要尽可能简洁明了,减少流程中的冗余细节,如若内容过多,进程内容可一句话概括主旨,其余具体内容插入标注进行追加说明。

⑦用户场景说明

许多人都是机械式的看流程图,看的一头雾水,不知道具体适用于哪些场景,如果我们提前说明用户场景,能够让读者更加容易理解其中步骤。

如:小明新下载了一个APP,要进去看看APP里边都能干什么:

1、该APP需要强制登录吗?不登录可以查看哪些内容?

2、都有哪些登录方式?填写错了如何提示?

⑧标题和样式

大家绘制的流程图千篇一律,读者难免厌烦,这时我们可以把流程图加以美化,更改主题、添加背景、加入标题,让你流程图的逼格得到质的提升,相信大家对美的事物不会拒绝。

今后的日子里,你的流程图,会画了吗?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,014评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,796评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,484评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,830评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,946评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,114评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,182评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,927评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,369评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,533评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,166评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2 351

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,094评论 1 32
  • 雨涵:当今天妈妈告诉你,周一你参加的语文阅读比赛,虽然你表现不错,但没能成为班级第一名,所以没有被选上参加下一轮比...
    方怡阅读 207评论 0 1
  • 题目11:旋转数组的最小数字 把一个数组最开始的若干个元素搬到数组的末尾, 我们称之数组的旋转。输入一个递增排序的...
    stoneyang94阅读 190评论 0 0
  • 张爱玲,民国时期上海大都市的才女,她犹如一缕轻烟般飘渺,又如一袭旗袍般华丽。她前半生阅尽浮华,后半生却躲进自己的世...
    文文心儿阅读 2,327评论 29 78
  • 曾经时常嘲笑自己,在回忆里小心翼翼地跳过某些蠢爆的画面。最近,我好像有些爱上这个过程了。某些角度来看,仿佛曾经越可...
    唱着歌向前行阅读 105评论 0 0