PM的利器——流程图基础

一、什么是流程图?流程(flow):一系列的逻辑关系(因果关系、时间先后、必要条件、输入输出),在特定的情境下满足特定用户的特定需要的总结。固化、变化。图(chart):形式表现;图形化、可视化;传播性、优化迭代性;二、为什么要画流程图?流程图:角色、流转、规则、顺序、输入、输出;流程图三、流程图有哪些?(1)设计草图:角色、任务、逻辑、输入输出(2)线框图、交互原型图:内容、布局、权重、交互手绘线框图sketch线框图(3)视觉图、U...

PM的利器——流程图基础


一、什么是流程图?


流程(flow):一系列的逻辑关系(因果关系、时间先后、必要条件、输入输出),在特定的情境下满足特定用户的特定需要的总结。固化、变化。


图(chart):形式表现;图形化、可视化;传播性、优化迭代性;


二、为什么要画流程图?


流程图:角色、流转、规则、顺序、输入、输出;


PM的利器——流程图基础

流程图


三、流程图有哪些?


(1)设计草图:角色、任务、逻辑、输入输出


PM的利器——流程图基础


(2)线框图、交互原型图:内容、布局、权重、交互


PM的利器——流程图基础

手绘线框图

PM的利器——流程图基础

sketch线框图


(3)视觉图、UI图:空间、布局、配色、动效、状态


PM的利器——流程图基础

视觉图


(4)信息结构图:信息、元素、层次、结构

PM的利器——流程图基础

信息结构图(图片来源:网络)


(5)站点地图:内容、层次、结构


PM的利器——流程图基础

网站地图


(6)角色关系图:角色、关系


PM的利器——流程图基础


(7)测试用例图:角色、任务、事件

PM的利器——流程图基础


(8)甘特图:时间、活动、顺序


PM的利器——流程图基础


四、流程图的功能有哪些?


(1)宣讲培训可传播;

(2)优化迭代;

(3)信息化基础:PRD中大量的流程图;开发过程中基于流程图。


五、产品经理要画的流程图有哪些?

PM的利器——流程图基础

流程图的分类


(1)任务流程图:Transaction 描述谁在什么条件下作了什么事?


PM的利器——流程图基础

任务流程图1

PM的利器——流程图基础

任务流程图2


(2)页面流程图:page flow 用户通过什么操作进入了什么页面及后续的操作及页面;

层次关系:战略、战术、组织架构、业务流程、系统目标、系统流程、产品功能、页面流程;


六、如何绘制流程图?


六要素:角色、任务、流转、输入、输出、格式


业务流程图:


PM的利器——流程图基础


任务流程图--泳道图(swimlane):两个维度、活动流转、流程要素

PM的利器——流程图基础

PM的利器——流程图基础

页面流程图:

PM的利器——流程图基础

购物页面流

PM的利器——流程图基础

PM的利器——流程图基础

页面流程图


  • 如何绘制页面流程图?

PM的利器——流程图基础

页面流程图绘制案例


七、绘制流程图之前需要注意哪些事宜?


(1)调查研究:

①如何快速了解业务运作的真相?

②有没有调研的技巧放送?


(2)梳理、提炼和呈现:

①能否快速将得到的文字和问题,快速转化为业务流程图?

②业务流程图的标准图示是什么?

③怎么评价一个业务流程图的好与坏?


(3)思考:

①整个流程的起始点是什么?整个流程的终结点是什么?

②在整个流程中,涉及到的角色都是谁?

③在整个流程中,都需要做哪些事情?(可能是一个会议或者是一个任务)

④这些会议和任务是可选还是必选的?

⑤分别产出什么文档?


(4)评估和确认

①能否真正让业务流程图反应现实中的业务?


(5)维护更新

①流程不断变更,业务流程图如何快速响应?


  • 绘制流程图的工具?

(1)axure

(2)Visio

(3)ppt


八、如何用axure画业务流程图?


选择flow的相关部件

PM的利器——流程图基础

常用流程图的图形组件

PM的利器——流程图基础

用axure绘制的业务流程图


九、如何用axure画页面流程图?

PM的利器——流程图基础

用axure画页面流程图


十、绘制流程图的注意


(1)不要闭门造车,要广泛涉猎(对业务的思考、对功能的了解,对产品的设计)

(2)做好层的分解,不要平铺在一张图上;(要拆分流程和子流程,做好业务层次关系的梳理)

(3)逐渐深入,抓关键环节;

(4)要有开始和结束;

(5)做好编排和命名。

- END -

PM的利器——流程图基础

本文作者:第六夫人

来源:简书

转载文章仅供大家学习,不作任何商业用途。


PM的利器——流程图基础

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36323/

(0)
交互精选交互精选
上一篇 2018-04-08
下一篇 2018-04-08

相关推荐

  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13
  • 用户体验交付中心,最美不过回家路

    众意,坚持为中国高品质整装奋斗不歇!长按识别二维码即可预约体验爆款福利已经在向你挥手了戳阅读原文,报名预约抢豪礼!

    2018-03-12
  • Axure RP 8 入门手册 – 第7章

    第7章母版管理第1节母版简介第2节添加/编辑/删除第3节添加母版到页面中第4节从页面中移除母版第5节拖放行为第6节自定义触发事件第7章母版管理第1节母版简介圆儿:小楼欧巴!小楼:圆圆好!圆儿:老师,我就一个圆!小楼:可是我喜欢两个圆啊!圆儿:老师…你正经一点儿好不好嘛!小楼:呃……你想问什么?圆儿:我想问,在做很多个页面的时候,如果每个页面中都有相同的内容,有没有办法不用每个页面都做一次?当然,我知道能够复制粘贴,但是,如果将来再发生改...

    2018-04-25
  • 用户体验(UX)专家是如何进行设计评审?

    设计评审是一种可用性测查工具,通常由一个评审员审查设计方案中的可用性问题。本文摘自https://www.nngroup.com/articles/ux-expert-reviews/原文标题:UX Expert Reviews原文作者:Aurora Harley什么是“设计评审”?定义:设计评审是一种可用性测查工具,通常由一个评审员审查设计方案中的可用性问题。“设计评审”一词颇为广义,涉及数种可用性测查方法,且每一种的运用因人(评审员...

    2018-04-19
  • Axure案例练习-点评打分效果

    现在,外卖也好,购物也好,打车也好,点评打分是网站常见的用户互动的功能,一般都是1~5分之间评分,分值对应几颗星或者几颗心,当用户点击确定之后打分就完成了。下面我就以大众点评网为例,制作了打分效果。做之前,我们先来分析一下,点评共涉及到6个状态:没有打分的时候、一颗星的时候、二颗星的时候、三颗星的时候、四颗星的时候、五颗星的时候。根据之前的学习,知道点评区域是一个动态面板,这个动态面板有六个状态,当鼠标分别悬停时,切换出不同的状态。我们...

    2018-04-29
  • 四个小故事 每一个都是“极致用户体验”的用心诠释(下)

    昨天分享了驴妈妈客服贾梅的两个小故事让人感到温馨又贴心“想客户所想,急客户所急”体现驴妈妈人对于“极致用户体验”的用心诠释今天,我们还将继续讲述客服陈凯旋的故事......你细致的服务,我更信赖驴妈妈家在上海,今年已年逾六十的王老先生,最近刚跟着驴妈妈从希腊旅行回来。说到他和驴妈妈的缘分,还要追溯到2017年。“当时想要组织兄弟姐妹四人一起去土耳其旅行,在看过不少旅行社的产品都不是十分满意,后来哥哥介绍了驴妈妈给我。我看了具体的旅游产品...

    2018-04-12
  • 荣格产品走进千家万户,用户体验分享大—放—送。

    荣格之声用声音分享荣格关注日用品篇案例1我从小牙龈出血,吃馒头也出血,吃苹果更出血,怎么都治不好,给生活带来了不便。长大后,我就试用各种牙膏,X利、 X美、X南白药等等,什么贵用什么,结果还是不尽人意。在我41岁也是2011年的时候,经同学介绍,我试用了荣格芦荟牙膏,结果三天后见效了,当时我很兴奋,15元150克,这么便宜的牙膏竟然解决了我几十年的痛苦,太神奇了,口气清新,牙齿又白又亮,牙龈受损的也得到了修复,口腔溃疡再也与我无缘,坚持...

    2018-02-20
  • Adobe放大招!Sketch有的功能都上了!

    (本文内容来源知友:不知语冰,感谢~)关于 Photoshop的UI-DNA工具很久就有传闻了!昨天据MICU了解,这个强大的工具终于开放测试啦~~虽然说很多设计师比较推荐sketch,可是这回了不得!sketch有的功能,PS都能实现了!也许有很多同学还不太了解 UI-DNA 是个什么样的工具,说白了,就是 Photoshop 上拥有更强大的属性编辑功能。现在来说说UI-DNA都有神马强大的功能。打开Photoshop 中的UI-DN...

    2018-03-02
  • 交互设计规范

    交互设计规范+iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话,我会使用...

    2018-03-21
  • 上海benhealth招聘实习生 150/天

    回复「简历」,送你优秀简历模板。岗位岗位实习生岗位职责参与公司移动端、小程序以及 PC 端 Web 产品的交互设计;与产品经理和开发人员共同完成产品开发。岗位要求1. 平面、视觉传达相关专业本科或以上学历;2. 熟悉 Axure 和 Sketch 等交互设计工具;3. 热衷网络文化,熟悉网络热点和主流 App;4. 良好的沟通学习能力,工作热情高,责任感强。薪资福利150 元/天工作地点上海简历投递投递邮箱:jun.pan@benhea...

    2018-04-08