产品设计中常见的3种流程图？插画画设计流程图怎么做

本文目录

• 产品设计中常见的3种流程图
• 插画画设计流程图怎么做
• 流程图设计规范
• 怎么做手机app流程图
• 如何制做流程图
• 流程图如何制作
• 开发一个app有哪些流程

产品设计中常见的3种流程图

流程图 ：用图示的方式反映出特定主体为了满足特定需求而进行的有特定逻辑关系的一系列操作过程。精简一下，就是流程图是用图示来表示某一系列的操作过程。这个操作过程有特定的主体，是为了满足特定的需求且有特定逻辑关系的。例如：京东的购物流程，特定主体是用户、特定需求是购物、特定逻辑关系是用户购物过程中的逻辑

产品设计中涉及的流程图有三种， 业务流程图 、 任务流程图 、 页面流程图 。

凡事都是有流程的，包括最简单的吃饭睡觉刷牙，刷牙时，你要先拿起牙刷牙膏、挤牙膏、刷牙、漱口、洗牙刷、放好牙膏牙刷。

你发现了用户的一个痛点，想要去解决它，进行产品定位和需求分析之后，你需要对整个业务模式进行分析，需要考虑一下几个问题①涉及到哪些主体？②每个主体都有哪些任务？③各个主体之间怎么联系的？

这是网上关于购物支付的泳道图，用来反映业务流程。上述的泳道图涉及到卖家、买家、第三方支付、银行等主体；每个主体都有其相应的任务；并用箭头来表示各个任务之间的先后次序。

泳道图从战略层分析了整个业务流程，接下来要去分解到各个任务层具体是如何操作的，例如上面买家选购商品这个任务就涉及到搜索商品、浏览搜索结果、查看商品详情、若满意则进入订单任务，若不满意则返回到搜索结果或者重新搜索，这就是具体的某个任务的流程。

画具体任务流程的时候要注意从整体流程到局部流程，从主干流程到分支，从正常流程到异常流程。对于交互设计师来说，任务流程的主体一般是产品的用户，任务流程图反映的则是用户的行为。

拿滴滴和易到来说，打车就是主干流程，查看行程、查看优惠券、设置就是分支流程，做设计时应该先考虑打车流程，再去完善其它流程；用户正常打到车是正常流程，网络异常、高峰期打不到车等属于异常流程，先考虑正常流程、再考虑异常流程，而且异常流程一定要思考的全面。产品的逻辑漏洞多半是由于异常流程没有考虑清楚，所以画任务流程图能有效的减少产品原型图的逻辑漏洞。

虽然流程图简单，但也有一套规则。按照规则来画，才不会被笑话。

通过泳道图和流程图，把业务流程和各个功能的任务流程用图示的方式梳理清楚。其中任务流程图直观的告诉我们整个业务模型是怎样的、涉及到哪些主体，这些主体下面都有什么任务要完成；任务流程图展示了主干任务和分支任务，描述了一个任务的大致流程。

而页面流程图的对象是页面，页面是互联网产品设计最基本的单元，不管APP也好、H5也好、PC端也好，这些产品由一个个页面组成。页面流描述了用户完成一个任务需要经过哪些页面。也就是我在哪，经过什么操作，能去哪。页面流有三个要素： 页面、行动点、连接线 。下面拿购物的页面流举例说明：

插画画设计流程图怎么做

借助迅捷流程图制作软件制作流程图，很快就制作完成一张不错的流程图，具体步骤如下：1、刚开始使用流程图模板是很好的方法，新手可以试试。2、进入到制作界面，左边图库中的图形可以自己制作流程图。3、双击图形文字，右边可以样式。
4、选择流程图，在右边可以图形样式等。流程图符号是专门用来画图的，其中有流程图，里面有符号的解释。不管什么符号，都需要给它定义，定义行为是由制定人予以完成的，要完成这项工作不应该先定义符号代表什么，而应该在做到组织结构或者作业流程心中有数后进行归类，根据归类采用不同的符号加以区分。流程图是描述我们进行某一项活动所遵循顺序的一种图示方法。它虽然并不统计学的范畴，但在很多质量专家仍把它纳入统计技术的范围之内，因为在质量管理的过程中，流程图是我们经常使用的一个工具。一个好的流程图可以直观地描述整个活动中所有过程的物流、信息流，让人很容易知悉整个过程。质量管理过程中常用的流程图有产品生产流程图、产品检验流程图、服务流程图等。在这里大家可以简单了解一个它的使用方法，以便让你日后所做的流程图更为专业化、标准化。

流程图设计规范

简单来讲，流程图就是用最简单的图形和线条来表达任务中各阶段之间的逻辑关系。从而让接收方十分清楚的了解到实现任务的整体流程，以及任务流程之间的相互联系。

作为产品经理绘制流程图主要有以下两种目的：

很多产品经理接到某个需求后经过简单的梳理思考就开始上手进行产品原型设计。而设计完成的产品原型往往在评审或开发阶段会出现缺少某种功能或功能之间缺乏缺乏相应的转跳（逻辑）关系。造成这种现象发生的主要原因便是在接到需求后没有仔细的梳理实现该需求的操作流程以及流程间的逻辑关系。

所以在进行原型设计前，产品经理要通过绘制流程图的方式来建立自己的产品逻辑，并且可以根据流程图来校验自己梳理的产品功能点是否完整，或根据产品功能点来验证自己的流程图是否全面。

产品经理绘制流程图除了梳理自己的逻辑外，更重要的是让接收方能够清楚明白的了解到需求是通过什么样的操作方式来实现的。这里的接收方主要指两种人，一种是需求的提出方或使用方，一般指系统运营人员。他们往往会参与产品的评审及验收工作，流程图可以很好的向他们展示需要要如何进行操作以及操作中需要注意的环节。

另一种接收方则是实现该需求的人员，即我们的技术人员。技术人员可以通过流程图很好的了解到整个需求实现的逻辑以及需要的功能，帮助技术人员可以更好的了解你的产品交互原型。
产品经理在设计产品时用到的流程图主要有三种，分别业务流程图、任务流程图、页面流程图，接下来我们分别对每种流程图进行讲解。

1、 业务流程图

顾名思义业务流程图就是对需求涉及的整个业务模式进行剖析，帮助产品经理梳理需求所涉及的人员、功能等信息。

在绘制业务流程图时首先要梳理清楚以下几点内容：

 整个流程涉及的人员或平台有哪些，如果需要更加精细还要考虑好涉及的阶段有哪些；

 每个人员或平台负责做的事情有哪些

 这些事情直接的先后顺序是什么样子的

在梳理了这些内容后，整个业务流程图框架也大致成型了。接下来需要考虑的就是我们要以什么多大的粒度来梳理整个流程，这也是困扰很多新产品经理的问题，到底什么流程才是业务流程。其实我们不妨从业务流程图作用的角度来思考，如上文提到的，业务流程图的作用就是对整个业务模式进行剖析，搞清楚哪些人要做哪些事。所以业务流程中流程只需要考虑到不同人员要做哪些事即可，而不需要细分到在做这些事时不同场景下产生的不同流程。举个栗子，在一个网上购物的业务流程图中流程只需要显示到用户需要注册登录、支付这些事情即可，而不用细分到注册登录具体选用哪种方式对应什么操作流程，支付使用哪种工具对应什么操作流程。

业务流程图一般采用泳道图的方式来进行绘制，泳道图的好处在于可以明确区分出不同人员所需要做的操作有哪些，适合流程中涉及多个人员的情况下使用。下面笔者以泳道图的方式来绘制一幅简单的网上购物的业务流程图。
可以看出整个业务流程非常简洁，很少有判断的情景出现（并非不能有判断），流程中的展示的操作均为人员需要完成的主要事情。这也就是产品经理在接到需求并经过简单分析后根据需求涉及的业务模式生成的业务流程图，接下来产品经理就要根据业务流程图中涉及的具体功能来输出任务流程图。

任务流程图现在的叫法有很多，比如功能流程图、操作流程图等等。笔者在这里不定义此种流程图应该叫做什么，但我们应该了解这类流程图的作用是什么。简单来讲，任务流程图就是用户要完成某项任务需要在系统上进行的操作流程。任务流程图是产品经理最常用的流程图，也是协助产品经考虑各类异常情景最重要的工具手段之一。

在绘制任务流程图时首先要梳理清楚以下内容：

① 本次任务的范围，即任务的起点和重点

② 任务主流程，可参考业务流程判断

③ 任务中可能出现的异常情况

④ 下面以直接认购流程为例绘制任务流程图
从流程图中可以看出此任务流程图首先明确了认购流程是从浏览商品开始到支付成功为结束，并明确定义了只考虑直接立即购买这种形式的认购流程。其次流程图抓住了浏览商品-下单-支付这条业务主线进行绘制，保证任务不偏离业务形式。流程图中罗列了用户在进行认购操作时可能产生的各类异常情景（网络、兼容性等异常情况不算在内）时对应的操作流程，具体操作流程可以用子流程表示不在流程图内做详细绘制。

3、 页面流程图

当我们梳理好任务中所涉及的功能以及操作流程后，这时就要考虑各功能所在的页面以及功能在页面中的跳转关系，将这些信息梳理清楚后页面流程图也就形成了。对于产品经理来说页面流程图可以很好的帮助产品经理查看功能在具体页面间的跳转是否存在异常或违反正常交互方式。同时也可以帮助产品经理很好的评估接下来的原型设计大概有多少页面。下面还是以直接认购流程绘制一下页面流程图。
从流程图中可以看出流程是以每个页面为节点来进行的，流程中不同的操作将各个页面串联起来从而形成了页面流程图，同时每个页面中涉及的功能或内容可以通过备注等形式表现出来，以便查看。（在实际中产品经理很少会真正输出一幅页面流程图来，毕竟整个需求的页面流程往往在绘制任务流程图时就已经清晰了，具体页面流程也会在产品原型图中表现出来，而那么多工作的你还有精力去画吗…）

下面我们说一下在实际画流程图中需要注意的问题以及一些小技巧

1、 流程图中的连接线不要交叉，不然看着会很乱；

2、绘制流程图前要想清楚主干是什么，尽量保证主干是竖直的，这样再看流程图时可以很清晰查看哪些是主干流程，哪些是分支流程；（一般用户常用的操作是主干，不常用为分支）

3、流程开始符只有一个，结束符可以有多个。要保证流程是从开始到结束的闭环；

4、 流程中出现判断或分支时要标清楚每个分支对应的情景是什么；

5、流程中应尽量从一个连接点进入或驶出，这样流程图看上去会更清晰整洁一些；

6、 流程图不是越大、越详细才越好。在最初画流程图时我们总希望在一张流程图中把涉及到的所有流程都展示出来，但当我们费劲精力把所有流程画在图中后却往往会发现整个流程图显得很复杂庞大，影响其他人员的查看。这时不妨用“子流程”来代替一些已经耳熟能详的流程。

7、 巧用标注。当你想对某一个流程做更详细的解释时那就大胆的使用标注吧。
写在最后，上面这些关于流程图的知识和定义是笔者根据自己的实际工作而不断摸索和总结出来的。所谓的流程图不过是一个梳理产品逻辑的工具，而一个工具在千百种场景、千百种人的手上自然有千百种的使用方式。我们要做到的是明确自己绘制的流程图是否很好阐述了产品逻辑，是否易于其他相关人员的理解。笔者在这里写一篇关于流程图的文章，目的是希望各位刚接触或想接触产品工作的小白同学们能够对流程图的画法有个基本认识，希望你们可以将文章内容同自己的实际工作相结合，形成适合自己的流程图规则。

知而用其者，善；用而知其者，大善。

怎么做手机app流程图

APP开发是很严谨的，前期和过程需要做足准备才能保证项目、

前期

1.1前期我们需要有具体的规划，包括需求、市场、后期的推广等整体策划。

1.2专业公司整理清楚需求，功能规划、业务逻辑、思维导图（把需求落实到文档上面），整体实施方案。

项目开发期

2.1成立项目小组，项目经理、产品经理、设计师、技术开发人员、测试人员。

2.2把项目具体需求落实到ue（前后台）页面上，规划页面设计，框架；ue确认之后做ui。

2.3开发文档、数据库设计、接口文档落实。

2.4做项目demo，demo有利于避免项目需求误差。

2.5程序开发，安卓、ios、后台同步开发，相互配合。

2.6单元测试和整理测试，在项目开发过程中进行单元测试、发现问题及早解决，开发完成后，编写测试用例进行全面的功能测试和性能测试，确保项目上线没有问题。

上线后期维护

3.1部署项目上线服务器，确保稳定。

3.2准备相应的资料提交项目上线。

3.3提交应用商店审核，上线，后期项目功能维护，确保运行过程中稳定。

如何制做流程图

制作要点：流程图中的每个图形都有其对应的含义，都有一套规则在里面的，所以这个需要我们找准图形，否则你画出来的流程图就只能给你自己看，别人是看不懂得。

说了那么多，具体要怎样操作呢?下面分享一个在线制作流程图的方法给大家，希望可以帮助到大家。

流程图制作：金舟在线流程图

方法步骤：

第一步、如图，以下是制作流程图的首页。

第二步、选择“新建”，我们可以创建多种导图，这里选择“流程图”。

第三步、接着，需要给文件创建一个名称。

第四步、如下图所示，这个是整个流程图的制作页面，左侧是常见的图形以及其他工具，右侧是制作页面。

第五步、根据自己的要求，设计流程图，完成后，点击右上角的“下载”或其他选项即可。

第六步、下载可选择以下两种方式，图片或者源文件。

第七步、如图，下方就是最终的流程图啦！

流程图如何制作

以在设备联想平板小新、型号PAD PRO 11.5英寸电脑、操作系统WIN10专业版以及visio2010版本上操作为例，可以通过打开该软件进入。然后新建页面，选择流程图进入。在该页面选择需要的各种形状以及连接线即可完成。具体的操作方法如下：

1、在电脑上找到该软件，点击打开。

2、进入到该软件以后点击空白绘图按钮。

3、在出现的选项中点击创建。

4、此时在出现的页面中点击更多形状，选择流程图以及基本流程图形状。

5、页面跳转以后可以看到左侧的多个形状，使用鼠标将其选中需要的形状再空白页面中点击。

6、然后点击上方的连接线，将流程图予以连接。

7、继续点击上方的文本框，然后在流程图的形状中点击并输入需要的文字即可完成该流程图制作。

开发一个app有哪些流程

1、 明确app的功能需求 如果你要开发一个应用程序，你应该考虑应用程序中的功能，明确开发应用程序的目的，把自己变成一个应用程序用户，想想如果你是一个用户，你需要什么功能。
2、 App功能思维导图展示 并不是每个公司都会在明确了功能需求之后，再做APP的功能思维图展示。为了节省时间，不浪费成本，很多公司会在您签订合同后才做功能展示。对于应用开发行业的人来说，我认为这种公司不是很真诚。具体的这里我就不多说了。
3、 App产品报价 在上一步app思维导图功能展示中，可以随意增删改查，对一些合理不合理的应该增删加删，直到你满意为止。功能最终确定后，公司产品经理会根据核算开发周期和人员投入给你合适的报价。当然，很多公司的价格差别很大，大家可以讨价还价。如果您认为签订合同合适，请签署合同并支付押金。注意一定要仔细看合同内容。
4、 确定app的UI设计 UI设计是app正式开发的第一步，UI设计是app开发后的一个小缩影。所以，开发公司给你UI设计图的时候，一定要大胆说出自己的想法，不合适的地方要抓紧修改。 UI设计完成后，APP开发将正式开始。
5、 app软件开发过程一般分为三个阶段，即app开发前期、app开发中期、app开发后期。其中，APP开发前期包括前期沟通、APP需求评估、APP规划，甚至APP开发流程图中的视觉设计和UI设计； App中期开发是指App开发的过程，包括App前端制作、后端制作、技术开发等； APP后期开发是指APP开发后的调试和APP的后期维护。 当然，从用户的角度来看，app开发的流程图应该是这样的，分为七个步骤：委托app开发公司做手机app，提供app开发方案，了解需要多少费用开发APP，确认APP软件开发并签订合同，提供APP开发报告，正式开发APP，最终开发APP。
开发一个app有明确app的功能需求，App功能思维导图展示，App产品报价，确定app的UI设计这几个大致的步骤
有不同时期的企业标志。作为现代企业身份的象征，应用开发不断被接受。许多企业或个人选择APP开发寻求新的高度。