自定义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 会议管理

      

       

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

聚观早报 |iOS17.3引入设备被盗保护;iPhone16或调整设计

【聚观365】12月14日消息 iOS17.3引入设备被盗保护 iPhone16或调整设计 马斯克星链网络使用量飙升 华为鸿蒙智行App正式上线 特斯拉人形机器人Optimus二代上线 iOS17.3引入设备被盗保护 苹果向iPhone用户推送了iOS17.3开发者预览版Beta更新,本次更新距离上次发…

Vue2.x源码:new Vue()做了啥

例子1new Vue做了啥?new Vue做了啥,源码解析 initMixin函数 初始化 – 初始化Vue实例的配置initLifecycle函数 – 初始化生命周期钩子函数initEvents – 初始化事件系统初始化渲染 initRender初始化inject选项 例子1 <div id"app"><div class"home&…

docker安装最新版SQL Server并还原备份的数据库

docker安装数据库 拉取微软官方最新版镜像 docker pull mcr.microsoft.com/mssql/server 拉去镜像并创建容器 docker run -e "ACCEPT_EULAY" -e "SA_PASSWORDsa_password_123456" -p 1433:1433 -v /opt/:/opt --name sqlserver -d mcr.microsoft.com/ms…

前端页面显示的时间格式为:2022-03-18T01:46:08.000+00:00 如何转换为:年-月-日,并根据当前时间判断为几天前

由于后端每条博文的发表时间是以“xxxx—xx—xxxx:xx:xx”的形式显示的&#xff0c; 现在要在前端改成“xxxx年xx月xx日”的形式。 并对10分钟内发表的显示“刚刚”&#xff0c;对24小时内发表的显示“小时前”。 超过24小时&#xff0c;小于48小时&#xff0c;显示“1天前”。…

生产实践:基于K8S的私有化部署解决方案

随着国内数字化转型的加速和国产化进程推动&#xff0c;软件系统的私有化部署已经成为非常热门的话题&#xff0c;因为私有化部署赋予了企业更大的灵活和控制权&#xff0c;使其可以根据自身需求和安全要求定制和管理软件系统。下面分享下我们的基于k8S私有化部署经验。 私有化…

Nginx 服务器安装及配置文件详解

1. 安装nginx 1.1 选择稳定版本 我们编译安装nginx来定制自己的模块&#xff0c;机器CentOS 6.2 x86_64。首先安装缺少的依赖包&#xff1a; # yum -y install gcc gcc-c make libtool zlib zlib-devel openssl openssl-devel pcre pcre-devel 这些软件包如果yum上没有的话…

VS2022配置C++ 20解决import std报错

C 20新特征支持用import std来导入std模块&#xff0c;如下&#xff1a; 配置时主要有两个步骤&#xff1a; &#xff08;1&#xff09;项目--属性--常规--C语言标准--预览 - 最新 C 工作草案中的功能 (/std:clatest) 注意选择ISO C20 标准 (/std:c20)也不能正常使用&#xf…

【PgSQL】导出表结构为EXCEL

详细SQL语句&#xff1a; C.relname ‘你的表名’ 直接输入表面即可 PgSQL 打印表结构语句 SELECT C.relname AS "表名",CAST(obj_description(C.oid, pg_class) AS VARCHAR) AS "表名描述",A.attname AS "字段名",CASE WHEN A.attnotnull f …

(C++)无重复字符的最长子串--滑动窗口

个人主页&#xff1a;Lei宝啊 愿所有美好如期而遇 力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台备战技术面试&#xff1f;力扣提供海量技术面试资源&#xff0c;帮助你高效提升编程技能&#xff0c;轻松拿下世界 IT 名企 Dream Offer。https://le…

Oracle存储过程打印输出错误信息、行号,快速排查

测试存储过程如下&#xff1a; create or replace procedure prc_test isp_1 varchar2(2); beginp_1 : lxw测试;exceptionwhen others thendbms_output.put_line(sqlcode); --Oracle内置变量&#xff0c;错误代码dbms_output.put_line(sqlerrm); --Oracle内置变量&#xff0c;…

【SpringBoot篇】基于布隆过滤器,缓存空值,解决缓存穿透问题 (商铺查询时可用)

文章目录 &#x1f354;什么是缓存穿透&#x1f384;解决办法⭐缓存空值处理&#x1f388;优点&#x1f388;缺点&#x1f38d;代码实现 ⭐布隆过滤器&#x1f38d;代码实现 &#x1f354;什么是缓存穿透 缓存穿透是指在使用缓存机制时&#xff0c;大量的请求无法从缓存中获取…

KylinV10 将项目上传至 Github

KylinV10 将项目上传至 Github 银河麒麟操作系统 V10 是在 Ubuntu 的基础上开发的&#xff0c;所以适用于 Ubuntu 的也适用于 KylinV10 一般上传至 GitHub&#xff0c;有两种方式&#xff0c;一种是 HTTPS&#xff0c;一种是 SSH&#xff0c;但是在 KylinV10 操作系统 HTTPS 的…

Android camera的metadata

一、实现 先看一下metadata内部是什么样子&#xff1a; 可以看出&#xff0c;metadata 内部是一块连续的内存空间。 其内存分布大致可概括为&#xff1a; 区域一 &#xff1a;存 camera_metadata_t 结构体定义&#xff0c;占用内存 96 Byte 区域二 &#xff1a;保留区&#x…

单机环境下一人一单

优惠券秒杀 添加优惠卷 店铺发布优惠券又分为平价券和特价券, 平价券可以任意购买而特价券需要秒杀抢购(限制数量和时间) tb_voucher(平价券): 优惠券的基本信息 tb_seckill_voucher(秒杀券): 有voucher_id字段表示具有优惠卷的基本信息,此外还有库存,开始抢购时间,结束抢购…

软考机考考试第一批经验分享

由于机考的特殊性&#xff0c;考试环境与传统笔试环境有所不同。下面是与考试环境相关的总结&#xff1a; 草稿纸&#xff1a;考场提供足够数量的草稿纸&#xff0c;每位考生都会分发一张白纸作为草稿纸。在草稿纸上需要写上准考证号。如果不够用&#xff0c;可以向监考老师再次…

Mac部署Odoo环境-Odoo本地环境部署

Odoo本地环境部署 安装Python安装Homebrew安装依赖brew install libxmlsec1 Python运行环境Pycharm示例配置 Mac部署Odoo环境-Odoo本地环境部署 安装Python 新机&#xff0c;若系统没有预装Python&#xff0c;则安装需要版本的Python 点击查询Python官网下载 安装Homebrew 一…

实验:BGP配置

1.实验目的&#xff1a; 本实验旨在掌握BGP协议的基本概念和配置方法&#xff0c;以及使用Packet Tracer模拟网络环境进行BGP配置的方法。 2.实验要求&#xff1a; 理解BGP协议的基本概念和原理&#xff1b;掌握BGP协议的配置方法&#xff1b;能够使用Packet Tracer模拟网络…

2019年第八届数学建模国际赛小美赛C题预测通过拥堵路段所需的时间解题全过程文档及程序

2019年第八届数学建模国际赛小美赛 C题 预测通过拥堵路段所需的时间 原题再现&#xff1a; 在导航软件中&#xff0c;行程时间的估计往往是一个重要的功能。现有的导航软件往往通过出租车或安装了该软件的车辆获取实时GPS数据来确定当前的路况。在交通拥堵严重的情况下&#…

【深度学习初探】Day32 - 三维点云数据基础

【深度学习初探】Day32 - 三维点云数据基础 文章目录 【深度学习初探】Day32 - 三维点云数据基础一、点云的定义二、点云的获取三、点云的属性四、点云的存储格式4.1 pts4.2 LAS4.3 PCD4.4 .xyz4.5 .pcap 五、三维点云的表示方法5.1 二维投影5.2 三维体素5.3 原始点云5.4 图 六…

Node.js创建一个简单的WebSocket接口,实现通信交互

Node.js创建一个简单的WebSocket接口&#xff0c;实现通信交互 一、为什么使用WebSocket&#xff1f; WebSocket&#xff0c;最大特点就是&#xff0c;服务器可以主动向客户端推送信息&#xff0c;客户端也可以主动向服务器发送信息&#xff0c;是真正的双向平等对话&#xf…