zoukankan      html  css  js  c++  java
  • 流程图,你真的会画了吗?

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

    96 冰冷_ 关注

     1.0 2019.01.04 19:48* 字数 1486 阅读 626评论 0喜欢 6

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

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

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

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

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

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

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

    流程图的基本要求

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

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

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

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

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

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

    流程图常用形状及定义

    流程图基本规范

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

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

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

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

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

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

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

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

    流程图绘制技巧:

    ①用户视角

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

    ②流程名称

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

    ③明晰主线

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

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

    ④合并同类项

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

    ⑤巧用容器

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

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

    ⑥巧用标注

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

    ⑦用户场景说明

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

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

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

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

    ⑧标题和样式

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

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

  • 相关阅读:
    javaweb消息中间件——rabbitmq入门
    virtual box 桥接模式(bridge adapter)下无法获取ip(determine ip failed)的解决方法
    Apache Kylin本地启动
    git操作
    Java学习总结
    Java中同步的几种实现方式
    hibernate exception nested transactions not supported 解决方法
    vue 中解决移动端使用 js sdk 在ios 上一直报invalid signature 的问题解决
    cookie 的使用
    vue 专门为了解决修改微信标题而生的项目
  • 原文地址:https://www.cnblogs.com/grj001/p/12224618.html
Copyright © 2011-2022 走看看