自定义Axure元件库及原型图泳道图的绘制(详细不同类的案例)

目录

前言

 一.自定义元件库       

 1.1 自定义元件库的作用

 1.2 自定义元件的操作

二.流程图

     2.1 流程图的作用

     2.2 绘制流程图

     2.3 简易流程图案例

三.泳道图

     3.1 泳道图的作用

    3.2 流程图和泳道图的区别

    3.3 绘制泳道图

四.绘制前的准备

五.案例

 4.1 门诊模块案例

4.2 住院模块案例

4.3 药库采购入库

4.4 会议OA系统流程图

        4.4.1 会议管理

        4.4.2 投票管理


前言

        想必大家都了解过产品经理必备技能Axure,那么我们在使用Axure的过程中,有没有里面并没有的元件而我们频繁的需要使用的元件呢,那么本文章就教大家如何去自定义自己所需要但Axure里面没有的的元件库

        作为一名合格的产品经理怎么能不会画流程图绘制泳道图呢,对吧!本篇将会详细的带大家从入门到精通!并附有详细案例

 一.自定义元件库       

        Axure是一款用户界面设计工具,自定义元件库是指用户可以自行创建和保存元件的组合,并在需要时引用这些组合,从而快速创建用户界面。

 1.1 自定义元件库的作用

1.节省时间:通过使用自定义元件库,用户可以快速创建需要的组件,而无需一遍又一遍地绘制相同的设计元素。

2.样式一致性:用户可以将常用元件组合到自定义元件库中,并对这些元件进行风格和样式的设置,从而保证整个设计的风格和样式的一致性。

3.方便共享:自定义元件库可以导出和共享,便于团队协作和在不同项目之间共享元件库。

 1.2 自定义元件的操作

打开Axure--->点击文件--->点击新建文件库                                                      

        以弹窗为例,点击新建元件库之后,首先命一个名字方便查找,接着通过左边的元件拖拉拽来组成一个新的元件,最后点击保存即可

 接着,返回我们绘制的界面,在元件搜索处点击右边的加号,选择我们制作的元件,就可以使用了,当然也可以在此基础上进行修改

 目前市场上也有做好的然后也是我们常用的元件库,但是对于刚学习的来说还是要自己去自定义,“普通人想走捷径,高手苦练基本功”

二.流程图

        流程图是一种形式化表示流程或系统的图形化方式,它将流程中的步骤、决策、操作和信息流程可视化。在产品开发过程中,流程图被广泛应用用于代表销售、生产、客户端和供应链等流程。

     2.1 流程图的作用

  1. 理清产品流程和逻辑关系:以图形化的方式展示产品流程和逻辑关系,可以帮助产品经理更清楚地理解和理清产品开发过程中的复杂关系。
  2. 识别优化点:通过流程图,产品经理可以快速定位产品流程中复杂的流程和瓶颈,从而识别出可以进行优化和改进的瓶颈点。
  3. 面向用户体验设计:在产品经理进行需求分析和产品设计时,流程图可以帮助他们更好地理解用户体验,并确定哪些流程对用户的体验是关键背后的。
  4. 方便团队沟通:流程图可以帮助产品经理和团队成员在沟通时更清楚地说明产品的流程和逻辑,提高了团队协作和高效沟通的能力

综上所述,流程图可以帮助产品经理更好地理解和管理产品流程,提高产品的质量,并加强团队之间的沟通交流。

        2.2 绘制流程图

        这里我用的软件是  ProcessOn,点击下方链接即可进入注册登录ProcessOn思维导图流程图-在线画思维导图流程图_在线作图实时协作icon-default.png?t=N7T8https://www.processon.com/

        左边的图形库,我们将鼠标放在图形上面就会出现这个图形是什么意思,方便产品经理去更好的画流程图。然后将这些图形拖入显示区,在上面添加文字即可

      2.3 简易流程图案例

                以登录为例:

三.泳道图

        泳道图(Swimlane Diagram)是一种用于展示流程中各个参与者或各个部门职能的特定类型的流程图。它通过在图表中使用不同的水平“泳道”来表示不同的参与者或职能,从而清晰地展示了各个参与者之间的交互和责任分工关系

        3.1 泳道图的作用

1. 明确责任分工:泳道图可以清晰地展示每个参与者或部门在流程中的职责和任务。通过对每个泳道进行标注,可以清楚地了解到每个参与者的具体工作内容和责任范围,有助于确保流程的高效协作和协调。

2. 识别瓶颈和优化流程:通过观察泳道图中的流程,可以很容易地识别出流程中的瓶颈和问题所在。这有助于团队或组织找到改进流程的机会,优化工作流程,提高效率和质量。

3. 简化沟通和协作:泳道图提供了一个直观的视觉表示方式,可以帮助不同部门或参与者之间更好地理解彼此的工作和协作关系。通过泳道图,可以减少沟通误解和冲突,促进更顺畅和高效的合作。

4. 改进项目管理:泳道图可以被用作项目管理工具,帮助项目经理和团队成员更好地理解项目中各个阶段的任务和分工,从而更好地规划和安排工作,确保项目按时交付

    3.2 流程图和泳道图的区别

        泳道图更适合描述不同参与者之间的协作和责任分配,而流程图更适合描述活动和决策的顺序和流程。

  1. 结构不同:

    • 泳道图:泳道图以水平或垂直的泳道(也称为池)来表示不同的参与者或部门。每个泳道代表一个角色或责任,活动在泳道之间流动,显示了各个参与者之间的协作和交互。
    • 流程图:流程图使用不同的符号和箭头来表示活动和决策的顺序和流向。它们通常以流程图的形式展示,包括开始和结束节点、活动、决策点和箭头等。
  2. 重点不同:

    • 泳道图:泳道图更关注不同参与者之间的协作和责任分配。它可以清晰地显示每个参与者的角色和职责,以及他们之间的交互和沟通。
    • 流程图:流程图更关注活动和决策的顺序和流程。它可以帮助人们理解一个过程中的每个步骤和决策点,并显示它们之间的关系和依赖。
  3. 适用场景不同:

    • 泳道图:泳道图适用于描述多个参与者或部门之间的协作和交互,特别适用于复杂的流程和项目管理。
    • 流程图:流程图适用于描述一个过程中的活动和决策的顺序和流程,特别适用于流程优化和问题解决。

        3.3 绘制泳道图

                 泳道图的图形比较少,因为泳道图可以说是流程图的一个升级版,搭建一个泳道的地基,将流程图更加具体化到每一个部门(泳道)上,帮助不同部门或参与者之间更好地理解彼此的工作和协作关系

        我们也可以点击更多图形,来新增其它没有显示的图形,勾选复选框,即可将所需要的图形添加到主界面显示

   四.绘制前的准备

    如果要绘制一个新的项目流程图,我们不知道具体业务流程的情况下,我们该如何去着手流程图

1. 项目相关文档:收集项目相关的文档,如项目计划、需求文档、功能规格说明等。这些文档将提供项目的背景和要求,帮助您理解项目的范围和目标。

2.涉及用户的角色:了解用户角色的职责。这将有助于您确定流程图中涉及的各个角色和他们的活动。

3. 项目流程和步骤:了解项目的流程和步骤。这包括项目的启动、执行和结束阶段,以及每个阶段中的关键步骤和活动。

4. 项目相关的系统或工具:如果项目涉及使用特定的系统或工具,了解这些系统或工具的功能和操作流程。这将有助于您在流程图中准确地反映项目的操作流程。

5. 项目相关的数据和信息:收集项目相关的数据和信息,如输入数据、输出数据、决策点等。这些数据和信息将在流程图中帮助您标识和连接各个步骤和活动。

五.案例

        4.1 门诊模块案例

        4.2 住院模块案例

4.3 药库采购入库             

4.4 会议OA系统流程图

        4.4.1 会议管理

        4.4.2 投票管理

        

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/243899.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

mysql踩坑

关于安装 1报错:ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client具体代码如下: import mysql from "mysql"//连接数据库 const dbmysql.createPool({h…

前端体系:前端应用

目录 前端体系基础 html(超文本标记语言) css(层叠样式单) javascript() 一、前端体系概述 二、前端框架 React Vue Angular 三、前端库和工具 lodash Redux Webpack 四、模块化和组件化 ES…

ZLMediaKit中的线程

EventLoop的线程模型 服务器通用的IO模型event-loop 非阻塞IO。线程模型可以是单线程,可以是多线程。对于已经普及了的多核环境,通常都是采用多线程。 通常一个线程中有一个EventLoop,比如accept是一个专门线程,accept后的fd分…

AJAX原理解析与案例实践,助你成为前端技术高手

大家有关于JavaScript知识点不知道可以去 🎉博客主页:阿猫的故乡 🎉系列专栏:JavaScript专题栏 🎉ajax专栏:ajax知识点 🎉欢迎关注:👍点赞🙌收藏✍️留言 学习…

微信开发者工具安装教程

文章目录 下载安装包执行安装包 #微信开发者工具安装教程 下载安装包 官网网址 执行安装包 D:\Program Files (x86)\Tencent\微信web开发者工具\dll

D92-02-ASEMI快恢复二极管20A 200V

编辑:ll D92-02-ASEMI快恢复二极管20A 200V 型号:D92-02 品牌:ASEMI 封装:TO-247 特性:插件、快恢复二极管 最大平均正向电流:20A 最大重复峰值反向电压:200V 恢复时间:35ns…

nodejs使用express框架启动服务操作mysql数据库

描述: 首先在本地搭建mysql数据库,配置:host: ‘192.168.3.249’,user: ‘mkx’,password: ‘123456’,database: ‘gg’.测试连接正常.使用express写两个接口, 1.查询所有学生的接口,使用的get请求,无参数. 2.插入一条学生信息,使用post请求,body是一个json的学生信息{name:“…

计算机组成原理——存储器21-40

21、存储器存取周期是指(C) A、存储器的读出时间 B、存储器的写入时间 C、存储器进行连续读或写操作所允许的最短时间间隔 D、存储器进行一次读或写操作所需的平均时间 存取周期是存储器进行连续读或写操作所允许的最短时间间隔 存取时间是存储器进行一次…

【面试】数据库—优化—聚簇索引和非聚簇索引、回表查询

数据库—优化—聚簇索引和非聚簇索引、回表查询 1. 什么是聚簇索引什么是非聚簇索引 ? 聚集索引选取规则: 如果存在主键,主键索引就是聚集索引;如果不存在主键,将使用第一个唯一(UNIQUE)索引作为聚集索引&#xff1b…

Geek challenge 2023 EzHttp

打开链接需要使用post请求提交username和password 查看源码得到提示,爬虫想到robots协议 访问robots.txt 访问得到的路径:/o2takuXXs_username_and_password.txt 拿到用户名和密码: username:admin password:dm1N123456r00t# 进行post传参…

Windows 和 MacOS 上安装配置ADB(安卓调试桥)

一、Android 调试桥 (ADB) Android 调试桥(ADB) 是一款多功能命令行工具,它让你能够更便捷地访问和管理 Android 设备。使用 ADB 命令,你可以轻松执行以下操作 在设备上安装、复制和删除文件;安装应用程序&#xff1…

HTTP与HTTTPS的区别

目录 一、HTTP和HTTTPS的概念 HTTP(Hypertext Transfer Protocol): HTTPS(Hypertext Transfer Protocol Secure): 二、HTTP 的 get 请求和 post 请求的区别? 三、HTTPS 的工作原理&#xff…

07.CSS常用样式

CSS常用样式 1.颜色样式 颜色名 介绍 直接使用颜色对应的英文单词,编写比较简单 具体颜色名参考 MDN 官方文档 例子 p {color:red; }缺点 颜色名这种方式,表达的颜色比较单一,所以用的并不多 rgb或rgba 介绍 使用 红、黄、蓝 这三…

Java版企业电子招标采购系统源码Spring Cloud + Spring Boot +二次开发+ MybatisPlus + Redis

功能描述 1、门户管理:所有用户可在门户页面查看所有的公告信息及相关的通知信息。主要板块包含:招标公告、非招标公告、系统通知、政策法规。 2、立项管理:企业用户可对需要采购的项目进行立项申请,并提交审批,查看所…

水闸水雨情监测设施建设项目

功能设计 在水闸上、下游挡墙外侧各安装1套雷达水位计,水闸屋顶布置个雨量计,水位及雨量监测数据的采集与传输主要是实时的完成水位、雨量数据的采集与处理,并按照设定的工作方式、时间间隔、增量范围将数据上传至扬压力监测站边缘计算终端&…

EasyExcel实现⭐️本地excel数据解析并保存到数据库的脚本编写,附案例实现

目录 前言 一、 EasyExcel 简介 二、实战分析 1.Controller控制层 2. service方法和方法实现 3.EasyExcel相关类 3.1 excel表实体类 3.2 自定义监听器类 4.测试 4.1 准备工作 4.2 断点调试 5.生成脚本文件 三、分析总结 章末 小伙伴们大家好,最近开发的时…

微服务最佳实践:构建可扩展且高效的系统

微服务架构彻底改变了现代软件开发,提供了无与伦比的敏捷性、可扩展性和可维护性。然而,有效实施微服务需要深入了解最佳实践,以充分发挥微服务的潜力,同时避免常见的陷阱。在这份综合指南中,我们将深入研究微服务的关…

getchar的功能和用法

getchar()是C语言中的一个标准库函数,用于从标准输入(通常是键盘)读取一个字符,并将其作为int类型返回。它通常用于从键盘获取用户输入。 getchar()函数在程序中等待用户输入,当用户输入一个字符并按下回车键后&#…

【抄作业】ubuntu完全卸载CUDA,彻底卸载cuda,卸载不同版本的cuda,cuda不同版本的卸载方法

卸载的实现方法 如何正确、完全的卸载cuda呢? 其实cuda安装时就已经准备好了卸载的接口,卸载程序在/usr/local/cuda-xx.x/bin下,需要注意的是cuda10.0及之前的版本卸载程序名为uninstall_cuda_xx.x.pl,而cuda10.1及之后的版本卸…

【玩转 TableAgent数据智能分析】-数据分析师的大模型

【玩转 TableAgent数据智能分析】-数据分析师的大模型 九章云极DataCanvas介绍TableAgent的新手入门指南:官网首页立刻体验问题测试问题1:问题2:问题3:问题4:问题5: 通用大模型对比分析对csv数据集的支持比…