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

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

    96 冰冷_ 关注

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

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

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

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

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

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

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

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

    流程图的基本要求

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

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

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

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

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

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

    流程图常用形状及定义

    流程图基本规范

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

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

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

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

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

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

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

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

    流程图绘制技巧:

    ①用户视角

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

    ②流程名称

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

    ③明晰主线

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

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

    ④合并同类项

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

    ⑤巧用容器

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

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

    ⑥巧用标注

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

    ⑦用户场景说明

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

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

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

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

    ⑧标题和样式

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

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

  • 相关阅读:
    mybatis-plus-generator 实践
    Mybatis-Plus使用全解
    DevExpress v18.2新版亮点——DevExtreme篇(四)
    DevExpress VCL Controls 2019发展路线图(No.2)
    【版本更新】开发工具DevExtreme发布v18.2.7|附下载
    DevExpress v18.2新版亮点——DevExtreme篇(三)
    独家!DevExpress VCL Controls 2019发展路线图(No.1)
    界面控件DevExpress发布v18.2.7,新版全新出发|附下载
    DevExpress v18.2新版亮点——DevExtreme篇(二)
    DevExpress WinForms使用教程:皮肤颜色和LookAndFeel
  • 原文地址:https://www.cnblogs.com/grj001/p/12224617.html
Copyright © 2011-2022 走看看