大话PM|产品经理必备利器:UML

产品经理经常与文档打交道,而如果想输出高质量的文档更离不开 UML 的帮助。本文将通过具体的需求实例来介绍产品经理必须掌握的几种 UML 图、绘制方式以及各自的使用场景。

对于 UML 的定义及其语法在网络上已经有了详细的教程,本文不做详细的展开说明,这里用一句话来定义:

UML(统一建模语言)是一种在软件设计时提供给分析师、设计师和工程师之间的通用语言。

即通过面向对象的方式构建一个统一并通用的模型来解决问题,那么话说回来 UML 所构建的模型到底包括哪些内容呢?

我们知道,社会中各个领域都会存在或多或少的需求问题,在需求整理和分析时,可以将具有共性的需求抽象成一个基本模型。模型由其相关的对象组成,不同的对象具有不同的特征和操作。一般通过来对对象进行实例化,其中对象的特征决定了对象的状态,而对象之间则通过消息传递来进行信息交流。

这样说可能有点过于抽象,举一个很简单的例子。

在某电商平台上,用户A需要购买电子商品、用户B需要购买生活用品、用户C需要购买生鲜食品...等等,这类需求就完全可以抽象为一个购物模型。该模型中包含的两类对象分别为用户和商家。其中用户具有身份信息、购物需求等属性,而商家则具有店铺性质、商品价格等属性。同时用户可以进行加入购物车、下单等操作,商家则可以进行发布商品、发货等操作。如果用户已经购买的商品,那么他的状态会变成无购买需求。在购物的整个过程中,用户和商家之间通过平台进行信息交流。

UML 框架图

对于产品经理,熟练掌握 UML 的作用在于:

  • 梳理产品需求及其业务流程
  • 梳理产品实现价值及其运用场景
  • 准确向设计及开发传达产品需求

也就是说,UML 给产品经理们提供了一套既能分析问题又能准确交流的图形化语言,所以说它是产品经理必备的利器之一。

下面本文将从产品经理工作及产品实现流程角度并结合具体案例,分别介绍几种产品经理必备的 UML 图。

一、用例图

1.1 定义

用例图是产品经理在产品需求分析中最常用的工具图,在很多高质量的产品需求说明(PRD)中不难发现用例图的踪影。作为经常写 PRD 的产品经理都知道用例是一种描述产品需求的方法,而产品需求的根本来源还是来自用户。想要快速理解用例图的含义只需要记住以下几点:

  • Where:需求在哪里产生,即需求产生的领域
  • Who:谁是相关的用户,即从用户角度出发
  • What:产品/系统是什么
  • How:如何使用这个产品/系统
  • No Why:用户不关心产品/系统为什么可以实现

举个例子来说,小明有网购的需求,那么从小明的角度来说,他只要知道某个电商网站满足他的需求,并且知道如何使用即可,并不关心网站如何开发实现。

用一句话总结来说:

用例图强调了从用户自身角度解决其需求的产品/系统是什么以及如何使用,不关心它的具体实现。

而作为产品经理,使用用例图最大的三个优点在于:

  • 需求分析:根据不同的用例分析,产生不同的需求
  • 指导测试:在产品/系统测试时,可以根据用例生成测试用例
  • 便于沟通:产品经理与设计、开发以及客户之间可以很容易的通过用例沟通需求

1.2 画法

在学会如何画用例图之前,必须了解一个完整的用例图具体包含哪些元素:

元素 含义 图示 备注
角色 参与使用系统/产品的用户 一般是使用系统/产品的用户
用例 用户直接使用的功能 可以理解为用户的某一个需求
子系统 由若干个联系紧密的用例组成 若无则可以省略
关系 用例图各部分之间的联系 见下表 具体的关系类型见下表
注释 对用例或关系进行说明 若无则可以省略
项目 用例对应的项目说明文档链接 很少使用

其中关系分为四种:

关系 含义 图示 备注
关联 角色与用例之间的关系 表示信息的传递
泛化 角色与角色、用例与用例之间的继承关系 由子指向父
包含 将复杂用例分解成小功能 由复杂指向分解
扩展 为基础用例增加附加功能 由附加指向基础
用例元素图

1.3 案例

现在我们结合上述画法,画一个完整的电商平台案例的用例图。在画图之前先分析一下需求(个别需求为了迎合上述画法而刻意说明,真实场景可能略有差异):

  • 购物网站一般有两种用户:注册用户、非注册用户
  • 用户整个购物系统可以分为四个过程:搜索、添加购物车、下单、付款
  • 搜索又可以按价格、品牌等条件进行扩展筛选
  • 付款可以通过支付宝、微信或银行卡等方式
案例用例图

从用例图中可以非常清晰的看到:

  • 注册用户和非注册用户都属于用户的泛化
  • 购物的四个过程组成的系统是一个电商网站的子系统
  • 按条件进行搜索,这是对搜索功能的扩展,而不同的条件是筛选搜索的泛化
  • 付款包含了支付宝、微信、银行卡三种方式

上图清晰并简洁的描述了用户、需求和系统主要功能之间的关系,这便是用例图最大的优点。

二、顺序图

2.1 定义

在用例图中,我们只关心用户如何使用系统的各个功能(用例),但并不关心功能(用例)的具体实现。而顺序图通过引入时间的概念,展示了用例中各个对象的行为顺序以及对象之间的消息交互过程,所以顺序图也叫做时序图。

举个(不严谨的)例子,在小明网购的用例中,参与的对象有小明自己、网购平台和支付平台。那么顺序图则可以展示从网购开始到结束这段时间内三者之间的消息传递过程。

同样用一句话来定义:

顺序图是一种面向对象的动态图形,显示用例中参与交互的所有对象之间消息传递的时间顺序。

而作为产品经理,顺序图能更加清晰的梳理业务关系及流程,保证产品需求的准确性、可实现性。

2.2 画法

从定义中不难发现,顺序图是以对象和时间为维度的二维图形,图形中的对象是按照时间顺序排列。在了解其画法之前,先来看看顺序图中重要的元素(高级元素暂不介绍):

元素 含义 图示 备注
角色 用户或系统或子系统 并不是用例图中的用户,注意区分
对象 参与交互的所有对象 命名方式:类名:对象名、:对象名、类名(匿名对象)
生命线 由对象向下延伸的一条虚线,表示其存在时间 生命线上有两种状态:休眠和激活,生命线的长度为交互对象的全部生命周期
激活期 一段矩形表示对象的活跃时间 也被称为控制焦点
消息 对象之间的通信方式 见下表 见下表

其中消息分为四种:

消息 含义 图示
同步消息 发送者通过消息把信号传递给接收者并停止活动,等待接受者放弃、返回或控制。
异步消息 发送者通过消息把信号传递给接收者,并继续活动,不等待接受者返回或控制。
返回消息 发送者发送消息后的反馈
自关联消息 对象给自身发送消息,一般为相同对象中方法之间的调用
顺序图示例

特别注意:

  • 顺序图必须是两个或两个以上对象间进行交互
  • 顺序图的阅读是从上到下、从左到右进行
  • 消息的传递代表的是责任分配,不代表数据传递

2.3 案例

结合上述画法,继续来看一个具体案例。该案例为用户在购物平台上从挑选商品到下单最后成功支付的过程,先来分析一下需求(个别需求为了迎合上述画法而刻意说明,真实场景可能略有差异):

  • 用户登录购物网站,并进行搜索并确认商品,最后进行下单操作
  • 创建订单后进入第三方支付平台进行支付操作
  • 支付结果会反馈给平台
  • 购物结果会反馈给用户
购物过程顺序图

从上图可以清晰的看到随着时间变化,用户与用例中其他对象的消息交互顺序,这也为产品经理与开发之间提供了更加简洁有效的沟通方式。

三、活动图

3.1 定义

不知道大家有没有了解或使用过泳道图,泳道图其实就是活动图的一种,只不过在泳道图中,各个活动会根据其对应的对象或系统来分隔。那么什么是活动图呢?

活动图与顺序图很相似,也是一种描述用例的动态图形。与顺序图不同的是,活动图强调了用例中各项活动之间的约束关系及其控制流程,说白了活动图用于展示系统中一个功能(用例)的操作步骤。

用一句话来定义:

活动图展示了用例的具体业务与工作流程,以及各项业务之间的约束关系。

作为产品经理,熟练掌握活动图有以下几个好处:

  • 分析与梳理业务流程
  • 深刻理解系统功能
  • 挖掘潜在的业务需求

3.2 画法

带泳道的活动图是产品经理必备的技能之一,在了解其画法之前,先来了解活动图中重要的元素:

元素 含义 图示 备注
起点与终点 表示活动的起始与结束 起点只有一个,终点可有多个
活动状态 表示活动中的某个节点 可以是文字、表达式或方法
转换 表示活动与活动之间的转移 没有触发条件
判断与条件 根据不同条件有不同的活动分支 类似流程图中的判断
分叉与合并 表示两个或以上并发活动的开始与结束 判断并不是并发,注意区别
活动图元素示例

注意:

  • 活动图很像流程图,但不等同于流程图
  • 活动图强调对象的活动,顺序图强调对象及其生命周期
  • 泳道并不是必须的元素

3.3 案例

由于活动图与顺序图很相似,所以我们可以将顺序图的案例改成一个带泳道的二维活动图,其中以活动作为纵轴,以对象/系统作为横轴。先来分析一下需求(个别需求为了迎合上述画法而刻意说明,真实场景可能略有差异):

  • 用户登录有成功和失败判断
  • 下单直接购买和结算购物车两种方式
  • 不管用哪种下单方式,最后都会进入支付流程
  • 支付有成功和失败判断
案例活动图

注:用户应该参与全过程,这里为了说明二维泳道图的画法,刻意去除了购物与支付流程的参与。

从图中可以清晰的看到用户从登录到购物结束的整个活动过程,并能看到每个活动所对应的对象,这在业务流程梳理环节能给产品经理们提供很大的帮助。

四、类图

4.1 定义

与顺序图、活动图这两种动态图形不同的是,类图显示的是系统/产品中的静态关系及关系。在介绍什么是类图之前提个问题,还记得本文开头对 UML 框架的说明中对类的定义吗?如果记得的话,你会知道:类是对象的实例化。

通过前三种图形的学习,我们对对象这个概念已经很熟悉了,你可以简单看成是系统/产品的参与者(可以作为使用者参与,也可以作为子系统参与)。在对象实例化成类后,参与者的特征及操作也被相应的实例化成属性和方法。

那么有没有一种图形可以描述用例中不同的类的数据和方法之间的关系呢?没错,那就是类图。这里给出一句话定义:

类图是用于描述系统/产品结构化设计的静态图形,显示了类、类的方法、类的接口以及它们之间静态结构和关系。

作为产品经理,运用类图可以理清业务概念以及它们的关系,能更加深入地剖析系统/产品业务。

4.2 画法

从定义中不难发现,类图需要表现各个类之间的关系。在了解其画法之前,先来看看类图中重要的元素:

元素 含义 图示 备注说明
对象的实例化 类中有其属性和方法
接口 只可以被实现,不可以实例化 其结构与类相似
泛化 子类与父类之间的继承关系 子类拥有父类的所有属性和方法
实现 类与接口之间的继承关系 类拥有接口的所有属性和方法
聚合 整体与部分的关系,两者可以分开 另外一种组合关系,两者不可以分开,这里省略说明
关联 类与类之间的联系 双向关联有两个箭头或没有箭头,单向关联有一个箭头
依赖 一个类依赖于另一个类 此关系经常体现在某个类的方法使用另一个类的对象作为参数

其中多样性示例如下:

多样性示例 含义
n..m 有n到m个实例,n可以是0
0..* 或 * 没有实例个数的限制,可以没有
1 只有一个实例
1..* 最少一个实例
类图元素示例图

注意:

  • 类的操作是针对类自身,并不是操作其他类
  • 由于类图中关系复杂,一定要注意规范
  • 一个复杂的实例可以被分为多个类

4.3 案例

结合上述画法,继续来看一个具体案例,仍然是用户网购用例,先来分析一下需求(个别需求为了迎合上述画法而刻意说明,真实场景可能略有差异):

  • 用户必须使用电脑/手机才能进行网购,也就是用户依赖于电脑/手机
  • 搜索可以按照关键字/价格/品牌等进行搜索,那么搜索可以封装成接口
  • 在整个订单中包含了订单详情,发货状态等部分
  • 可以通过支付宝/微信等方式进行支付,相当于继承了支付的所有功能
类图案例

从图中可以清晰的看到各个被实例化之后的对象(也就是类)之间的相互关系,既能帮助产品经理更深刻的认识整个用例系统,也能便于其与开发人员之间的沟通。

五、总结

好了,已经将 UML 中四种产品经理最常用且最有用的四种图介绍完了,现在来总结一下各图作用以及它们的使用场景:

图形 作用 使用场景
用例图 从用户角度介绍整个系统/产品是什么 分析用户需求
顺序图 显示整个用例中各个对象的生命周期 分析业务流程中对象的交互时间顺序
活动图 显示整个用例中各对象与各活动的业务流程 分析某个用例具体的工作流
类图 显示系统/产品的静态结构及关系 分析用例具体的实例及其方法、接口

产品经理可以根据根据实际情况选取最佳的图形,那么作为产品经理该如何选取画 UML 的工具?

使用画图工具的意义在于提升效率,而计算效率时一定要除去学习工具的时间成本,有很多非常专业的软件学习起来比较吃力,极不推荐。又由于产品经理遇到的图形非常多,如果每种图形都使用一种工具的话,不仅切换麻烦而且兼容性、一致性都很差。在这里只简单推荐几款:

  • 频繁使用、专业使用 UML :推荐 StarUML
  • 作为辅助工具使用:Win 端 Visio,Mac 端 OmniGraffle
  • 在线协作:ProcessOn

根据个人需求酌情择优,毕竟只有适合自己的才是最好的。

参考资料:

UML 实践详细经典教程

UML 基础教程

产品必修课——轻松搞定 UML


个人博客:www.iamxiarui.com

原文链接:http://www.iamxiarui.com/?p=1231

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容

  • 1.埋点是做什么的 2.如何进行埋点 3.埋点方案的设计 近期常被问到这个问题,我担心我的答案会将一些天真烂漫的孩...
    lxg阅读 2,012评论 0 1
  • 我们在进行项目的时候,通过使用 UML 的面向对象图的方式来更明确、清晰的表达项目中的架设思想、项目结构、执行顺序...
    充满活力的早晨阅读 4,896评论 2 34
  • UML概述 UML简介 UML (Unified Modeling Language)为面向对象软件设计提供统一的...
    aron1992阅读 512评论 0 0
  • 我是一个韩国话仅停留在阿尼哈塞呦,康撒哈密达的中国小姑娘思密达,突然心血来潮和略懂韩语的小伙伴开始韩国自由行,其实...
    MARS六月阅读 263评论 0 1
  • 我参加了创业大家谈,有幸发现,居然这是我的专场。2个小时,和导师评委充分讨论后,有幸发现,早先自己总结的站队规律在...
    艺术妈妈战烨阅读 819评论 1 5