产品必备技能:使用ProcessOn绘制流程图泳道图&Axure自定义元件库

目录

一.  ProcessOn的介绍

        1.1 什么是ProcessOn

        1.2 ProcessOn官网

        1.3 ProcessOn的优点

        1.4 ProcessOn的操作

二 . 流程图

        1.1 什么是流程图

        1.2 为什么需要绘制流程图

        1.3 常用画图工具分享

        1.4 流程图的使用

三. 泳道图

        3.1 什么是泳道图

        3.2 泳道图的使用

        3.3 绘制门诊泳道图

        3.4 绘制住院泳道图

        3.5 绘制药库采购入库泳道图

        3.6 绘制OA会议泳道图

四. 自定义元件库

        4.1 自定义元件库的意义

        4.2 自定义元件库的使用


一.  ProcessOn的介绍

        1.1 什么是ProcessOn

        ProcessOn 是一个面向垂直专业领域的作图工具社交网络支持绘制思维导图、流程图、UML、网络拓扑图、组织结构图、原型图、时间轴等等。

        专注于为作图人员提供价值,利用互联网和社交技术颠覆了人们梳理流程的方法习惯,继而使商业用户获得比传统模式更高的效率和回报,改善人们对流程图的创作过程。

        1.2 ProcessOn官网

Processon:https://www.processon.com/

        1.3 ProcessOn的优点

1. 跨端使用:ProcessOn是在线作图工具,无需下载安装,便于跨端使用。

2. 在线协作:在企业工作过程中,团队协作是很重要的一环。ProcessOn的文件可以进行协作,实现多人共同浏览和编辑。

3. 多格式导入导出:ProcessOn支持vsdx、xmind、txt、excel等格式文件的导入,支持导出高清png、jpg、pdf等格式文件。满足多场景的下载需求。

4. 内容社区:用户可以将自己有价值的知识绘制成图后发布到ProcessOn平台,与相关行业大V在站内进行交流。

        1.4 ProcessOn的操作

1. 点击免费注册,使用微信扫码关注公众号便可以完成登录操作

2. ProcessOn可以免费画9张图

提示非常友好:鼠标悬停的时候图形对应的意思便可以提示出来,小白也能轻松使用 

二 . 流程图

        1.1 什么是流程图

        使用简单的图标符号、箭头来表示流程走向,呈现业务流程和规则的示意图,有着严格的时间和顺序关系。

        1.2 为什么需要绘制流程图

        因为流程图是高效率根据,在工作以及生活等各个方面帮助我们梳理思路以及是表示算法工艺的图示。形象直观,便于理解,不会产生歧义。

  1. 帮助我们有效的梳理 一个活动流程的前后顺序,快速高效的解决生活以及工作中的实际的问题,让一切变得有逻辑可循。
  2. 一张流程图绝对是查缺补漏的最好帮手。简洁、直接、明了的让我们知道该流程中哪些问题需要更改,确保项目的实施,保证了整体活动流程的顺利执行。
  3. 流程图是工作以及生活中的沟通宝藏,可以提高同事之间的沟通效率。产品经理和程序员的艰难沟通,一张图绝对是“一图胜千言”。

        1.3 常用画图工具分享

         常用强推-网页版,无需下载:

                draw.io:https://app.diagrams.net/

                Processon:https://www.processon.com/

          其他-电脑端,需下载:

                亿图图示:模板丰富

                visio:微软专业流程图绘制软件

        1.4 流程图的使用

          画一幅简单的登录流程图 

1. 将对应的图形拖拽到画布上,双击进行编辑,写上对应的步骤。

2. 在两个图形中按住鼠标可以进行连接,箭头方向就是流行的的方向。

3. 在箭头的线上进行双击可以进行编辑。 (Y是成功,N是失败)

三. 泳道图

        3.1 什么是泳道图

        泳道图是一种流程图,用于可视化展示跨部门或跨角色的工作流程和协作。它将不同的部门或角色表示为不同的“泳道”,并在每个泳道中显示相应的任务、活动或流程。通过泳道图,可以清晰地了解每个部门或角色的职责和工作流程,以及它们之间的协作关系。

        3.2 泳道图的使用

1. 将泳道拖拽到画布上

2. 可以手动改变泳道的个数,方向 (水平,垂直),文本的方向 (横向,竖向)

        3.3 绘制门诊泳道图

        3.4 绘制住院泳道图 

        3.5 绘制药库采购入库泳道图

        3.6 绘制OA会议泳道图

四. 自定义元件库

        4.1 自定义元件库的意义

        元件库其实就是方便设计者提前做好想要的元件设计,保存的元件库也可以称之为自定义库。在这个自定义库里,各个产品人员可以根据自己的喜爱和产品的统一设计放入库中,这样既能约束团队也能提高设计者的效率。

        4.2 自定义元件库的使用

1. 在文件中,点击新建元件库

2. 生成一个常用的元件 

3. ctrl+s 进行保存,给我们要使用的元件库取一个名字,文件格式不用修改

4. 元件库显示为绿色的,在Axure中在元件的位置点击 “ + ”,选中我们要使用的元件库并打开

5. 可以看见我们生成元件,进行拖拽就可以直接使用 (可以有多个),非常方便

  • 34
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值