画图之前，咱们必定办法会：为什么要画图？因为，画图是需要领会的沉要闭节，是用可视化的办法，闭于需要进行梳理和展示，把需要刻画领会，本领保护构想降地形成产品。

常常瞅到网上有人问，产品经理要画哪些图，何如画过程图等闭于画图的问题。

真实，画图是产品经理必备的硬核本领。然而，画图又不只仅是画几个图结束。

干产品不普遍、尺度的典型指引，容易让报酬了画图而画图。

以至，在许多生手瞅来，感触产品经理即是个画图的。

还有人戏称，去大厂当产品经理，即是个画图仔。

好在，尔从开始干名目，便学着用 UML 进行需要领会。受益于此，尔渐渐体验到，画图背地的逻辑和道理。

趁这段时间，从画图发端，用本人的领会，归纳本人干产品的办法。

一、当咱们画图时，是在画什么

1. 探求基础

在需要领会范围，谈到画图，不行不提 UML 。

早在 IT 软件时期，UML 即是一套格外好用的需要领会、体系领会安排的东西和办法。

那么，什么是 UML ？

UML（Unified Modeling Language）普遍建模谈话，是一种用来闭于软件体系开拓的产出进行可视化、典型定义、构造和文档化的面向闭于象的尺度建模谈话。

——这是比较官方的定义。

尔领会：它是用一套典型的可视化图形，及建模办法，来刻画软件体系的领会、安排等各个阶段，最后产生可视化、文档化的产出。

动作一门谈话，UML 在建模过程运用的基础图形元素，即是它的 “词汇汇” ，如用例、介入者、类等；而这些元素间的运用规则，好像 “语法” ，如用例图、疏通图即是在这种 “语法” 指引下画制的视图。

进修一门谈话，既要进修其 “词汇汇” ，也要把握其 “语法” 的运用，将 “词汇汇” 合理构造起来，本领编写脚以 “传情达意” 的 “文章” 。

UML 中，经过元素、视图树立起来的模型，正是如许一种可精确刻画需要，又便于用开拓思维去领会的 “文章” 。

UML 不只供给了一套东西，还供给了一套思维和办法。

学东西，只能让咱们知其然；把握该东西背地的思维和办法，本领让咱们知其所以然、活学活用。

UML 中，将可视化视图分为 “ 固态视图 ” 和 “ 理想视图 ” 。从“ 静 ”和“ 动 ”二个维度，来刻画软件体系。

这也是人们刻画本质实物的办法。

• 从 “ 静 ” 的方面，刻画实物的构造性特性；
• 从 “ 动 ” 的方面，要刻画实物的举动性特性。

一静一动相共同，便能把实物周到、精确地刻画领会。

这让尔精确，干产品需要领会，也是闭于需要进行刻画和表白。

运用这种办法，从固态、理想二个视角维度去领会和刻画需要，便有了指引思维，能普及精确性和效力。

2. 画图的本质

这便不难领会，当咱们画图时，一方面是在借帮东西，闭于交易、需要、场景等进行梳理；一方面是在闭于需要、产品进行刻画，并输出可视化的材料，供相闭人员，观赏运用。

因此，画图，是需要领会的沉要构成局部，是用可视化的办法，闭于需要进行梳理和展示。

需要领会和刻画领会了，本领简直把构想降地形成产品。

共时，产出的可视化图形，是后续产品筹备、研发、安排、尝试，及优化迭代、问题排查等的沉要依据。

3. 本文思绪

UML 中的图形、视图、建模办法等知识实质许多，要深刻进修，举荐《 大象：Thinking in UML 》一书籍。

本文，共同在产品处事用到的实质，及本人的领会、体验，先从完全进行归纳，树立一个完全的认知框架，后续再简直深刻。

为了方便领会，尔共同在资讯、充值等方面的体味，编造了一个小型 APP 的前端需要，动作案例来领会。从固态、理想二个维度，归纳在产品处事中常用的视图。

二、从固态视角瞅需要

从固态的视角去领会需要，是用固态视图，来刻画产品的构造性特性，这些构造决定了产品是由什么构成、才干什么、长什么样的。

在 UML 中，固态视图包括用例图、类图、包图。类图与包图，在产品层面较少运用，开拓层面更为须要。

共同本质处事，归纳产品的固态视图有：构造图、用例图、无接互的本形图。

1. 构造图

构造图，顾名思义即是刻画、展示产品的基础构造、框架。它能领会展示产品有哪些模块、功效大概体系构成，它们之间的层级、隶属等构造闭系是何如的。

这在需要领会的初始阶段，便要精确。

好像，建一栋楼，须要有兴办宏图，得先领会楼要建多高、地基要掘多深、面积多大、盖几层等基础的框架信息。

构造图，像一栋楼的框架，那么一朝树立，便很难改，除非颠覆沉来。所以，一发端必定要搞领会，制止掘坑。

天然，在基础框架下，跟着闭于需要的连接深掘，各模块、功效、体系之间的构造、层级、隶属闭系，会更加领会，构造图也要细化、完备。

依据运用情景，构造图大概可分为：功效构造图、信息构造图、产品构造图。

1）功效构造图

功效构造图，即是刻画产品都有哪些功效，层级和归属闭系是何如的。

这在产品处事中，常常用到。时势部人干产品，都领会在筹备产品时，要画功效构造图。

姑且用案例来瞅瞅这些图是何如画的。

这个编造 APP 的需要是：要干一个 APP ，给用户供给电商优惠疏通信息、手机话费充值，后续会加更多功效，展开用户体系等。

普遍经过需要调研和确认，大脑里便要有个大概的框架，这个 APP 给什么人用的、由哪些功效构成。

这个需要，尔只能先脑补需要调研和确认的过程，而后得出这个产品大大纲有：首页会合展示、优惠疏通、话费充值、部分核心，这四个大的功效模块。

功效构造图

2）信息构造图

信息架构图，跟功效构造图，容易搞混。

本来，有所不共，信息构造图中心在 “ 信息 ” 。也即是，从信息的维度，将所有产品的信息进行抽象、归类，证明产品包括哪些信息、字段数据。

这有点好像，UML 中的类图。在产品层面，更多是要把产品里面的信息进行整治、归类、刻画领会，特别是信息的典型、前提、规则。比方，标题字数上限、图片尺寸等。

案例中的需要进行抽象，不妨得出如下大概的信息构造图。

信息构造图

3）产品构造图

产品构造图，网上说法不一，这本本便没什么尺度，闭头是瞅何如领会、何如用，能把需要精确、领会地刻画出来即可。

部分领会，产品构造图，即是「 功效构造图 」与「 信息构造图 」的共同。

即是在刻画功效构造后，把闭于应功效模块有哪些信息，这些信息字段的定义、规则、前提、典型都列出来即可。

这种干法，更为常用。这个图画出来实质比较多，因为篇（太）幅（懒）闭系，此地便不再画，不妨自行脑补下。

2. 用例图

用例图，采用介入者和用例来展示产品的功效性需要，是 UML 中一种很沉要的视图。

在 UML 中，将用例图，分为交易用例图和体系用例图。

除了画图，还要写用例规约，以刻画证明用例，包括闭于用例的刻画、介入者、前后置前提、基础过程等，普遍用表格办法比较领会。

1）交易用例图

交易用例图，是从交易的视角，经过交易建模，闭于交易进行刻画。

此地说的交易，是在还不新体系大概产品前，交易是何如样进行的。

UML 运用交易用例图，进行交易建模，旨在把交易刻画领会，创造交易问题和难点，如许的新体系本领更好的融入交易去向理问题。

大概的需要，很少画交易用例图；如面对于比较搀杂、有范畴的需要，倡导最佳用这个思绪进行领会，不妨更好地创造交易问题，以保护产品需要不跑偏。

案例需要中，便话费充值这个交易，可画成交易用例图如下。

交易用例图

2）体系用例图

体系用例图，是闭于有新体系大概产品后，交易又是何如样进行的，进行建模刻画。它是闭于交易用例进行领会赢得的，是体系的开拓范畴。

大概瞅来，「 体系用例图」与「 功效构造图」很好像。

功效构造图，不过从产品大概体系层面，刻画都有哪些功效。

体系用例图，则是从运用者的角度，刻画闭于运用户能运用产品干什么。如许的用处，是让咱们时时以用户为核心，思考产品和功效。

许多人，在干产品时，常常干着干着便忘了用户是谁、产品大概功效是给谁用的。运用体系用例图，不妨帮咱们制止这一点。

以下为案例需要的体系用例图。

体系用例图

3. 本形图（无接互）

本形图，是产品经理最熟悉然而的，也是最常用的。以至，有不少人，认为干产品即是画本形图，一接到需要，巴不得赶快挨开 Axure 画图。

妇孺皆知，本形图，是产品展现层面的 Demo ，刻画产品的界面长什么样，功效何如样安排、摆放，有哪些实质。

好像，建一栋大楼，须要安排每一层楼的安置，都有哪些房间、大小何如，到简直每一间房的方法，什么场合树立门、在什么地位安窗户等。

普遍来说，无接互的本形图，属于构造图的范畴。在处事中，为了普及效力，很少画接互型的本形，除非像大厂有博门的接互安排师。

画本形，除了要精确把握需要，还波及一些人机接互、视觉安排的知识。此地不简直展开。案例中的话费充值功效，大概画制本形参照如下。

话费充值页面本形

三、从理想视角瞅需要

从理想的视角去领会需要，则用理想视图，来刻画产品的举动性特性，这些特性决定了产品是何如运行的。

在 UML 中，理想视图包括疏通图、时序图、协调图、状况图。协调图，在产品层面较少运用。疏通图，即是常用的过程图。

共同本质处事，归纳产品的理想视图有：过程图、时序图、状况图。

1. 过程图

过程图，是刻画为完成某个手段，须要以什么程序干哪些办法；能直瞅刻画实行手段过程的简直办法。在许多范围，被款待运用。

梳理、画制过程图的过程，也是一种过程化的思考。

UML 中，过程图，也叫疏通图；其他，还有泳道疏通图。产品上，都常常运用。

1）普遍过程图

普遍的过程图，即是在刻画产品的简直功效，在简直场景下，是何如一步步实行的运行过程。

普遍过程图中，包括了多个不共闭于象实行的办法事变，只能大概刻画过程；无法将所有过程中，介入的各个闭于象展现出来。

案例需要中，从用户体验到的充值过程，用普遍的过程图来梳理，可画制如下。

用户充值话费过程图

2）泳道疏通图

泳道疏通图，用来梳理、刻画有多个闭于象介入的过程，闭于象不妨是人，也不妨是体系。

泳道疏通图，在疏通图的前提上，引入了泳道，像泅水比赛的运发动只能在其泳道中比赛普遍，决定每个闭于象的办法只能画在其闭于应地区。

如许，不妨很好地展现所有过程介入的多个闭于象所干的办法温存序。

共样是用户充值话费的过程，在产品层面，至罕见用户、APP、控制后盾、话费供给商（这跟每个公司的交易和体系情景有闭，然而基础逻辑好像。）的介入才完成。

因此，用泳道疏通图来刻画，最适合然而。为了制止示例图过于搀杂，此处仅画出平常过程，并未包括格外 格外分支。

话费充值泳道疏通图

2. 时序图

时序图，用于刻画产品为实行某一简直手段，多个介入闭于象之间准时间程序接互的过程。

时序图，与泳道疏通图好像。不共的是：时序图更夸大闭于象在接互过程中新闻事变的爆发程序。

偶尔为清楚崩溃系本能，大概优化体验，要统计某些接互的时长，用时序图，便很方便定义和刻画。

用时序图来梳理多个别系间的接互过程，特别好用，尔最常运用。时序图画得好，泳道疏通图不画都没闭系。

共样用户充值话费过程，用时序图来梳理，不妨闭于比下与泳道疏通图的辨别。

话费充值时序图

3. 状况图

状况图，用于刻画产品为完成某个手段，某个闭于象的状况变革和流转过程。状况，是闭于象实行大概等待某个事变的前提。

常睹的，有电商的订单状况、快递物流状况、付出状况等。

体系中闭于象的状况细化和精确，闭于监控体系的处置过程，和过后问题排查有很大帮帮。

状况图格外沉要，又很容易被大概。往日填过许多坑，即是产品没定义好状况，截止开拓按本人设想补上了，过后创造问题，处置起来很烦恼。

如案例中，此刻的话费充值，虽然到账时间很快，然而订单在体系的流转过程，也有百般状况的变革。

底下以此为例，瞅瞅一个比较完备的状况图，不妨注沉下其与过程图的辨别。

话费充值订单状况图

四、规则与东西

1. 基础规则

画图，虽说不尺度答案，然而毕竟，产出的可视化图形是后续处事的沉要依据，也要给各闭节的人观赏运用。

所以，为了保护产出品质和处事效力，仍旧要满脚以下基础规则：

• 逻辑合理、领会
• 不忽视
• 可读性强
• 场面

2. 善用东西

画图、领会过程，可用的东西许多，只要功效满脚咱们的须要，用起来顺利即可。

其他，必定要长于运用东西，让东西为咱们所用，可找准一二个东西，用好它，能大大普及效力。

比方，Axure 便格外富饶，不只画本形图，时势部图都可用它完成。

以至，还能用来写需要文档，如许输出的文档相闭于普遍，便于控制和观赏。

其他常用的，有 Visio ，及博门画思维导图的 MindManager、XMind 等。

本来，只要把握了办法，哪怕是用纸和笔，仿造能刻画领会。

五、回顾归纳

归纳一下：干产品为什么要画这些图？

开始得精确：为什么要画图？

因为，画图是需要领会的沉要闭节，是用可视化的办法，闭于需要进行梳理和展示，把需要刻画领会，本领保护构想降地形成产品。

• 能帮帮咱们梳理、领会需要，更好地领会和领会领会需要
• 能产出可视化的需要刻画，便于观赏运用

其次得领会：为什么画这些图？

因为，画图有必定的指引思维和办法，能普及精确性和效力。

UML 供给了很好的思维和办法，不妨从产品的固态和理想二个视角进行刻画。

由此，有了固态和理想二种视图，每个视图有闭于应的图形，供不共情景运用。

1）固态视图，刻画产品的构造，决定产品是由什么构成、才干什么、长什么样的。包括：

• 构造图：功效构造图、信息构造图、产品构造图
• 用例图：交易用例图、体系用例图
• 本形图（无接互）

2）理想视图，刻画产品的举动，决定了产品是何如运行的，包括：

• 过程图：普遍过程图、泳道疏通图
• 时序图
• 状况图

六、写在结果

写完之余，体验颇深。

本本只想大概归纳下，不虞工作病又犯了——为了归纳，把所有领会过程的思绪沉新捋了一遍，把每个闭节的领会视图画了一遍。

虽然严沉效率进度，却感触体验又加深了。

常常瓜分，大概几句话便能道领会的实质，用笔墨记录并表白出来，却是删窜改改，终不行满脚。

篇幅闭系，许多实质未能很好展开，每部分闭于笔墨的领会也不共。

而且，部分的领会和思绪，也并非尺度答案；不过经过本人的归纳，抛砖引玉，供给一些参照，愿您有所开辟。

感动观赏！

参照材料：

大象：Thinking in UML》

《大众都是产品经理》

本文由 @四月 本创发布于大众都是产品经理，未经答应，遏止转载

题图来自 Unsplash，基于 CC0 协议