结构图
一、结构图的三种分类和应用场
1.产品功能结构图:关注在功能模块,逐级延展;
2.产品信息结构图:每类内容(如用户数据、交易数据、地址信息),需要包含的细节信息;
3.产品结构图:页面逻辑结构,将功能和信息放在不同的子页面,根据页面层级去绘制;
4.应用场景:头脑风暴;从0到1的项目,梳理内容;竞品分析,梳理页面细节;
二、产品功能结构图
1.侧重于”功能“二字,就是将产品功能按照从属关系,绘制出来;
2.已有产品,制作功能结构图的方法:先根据产品的一级页面(如微信:微信、通讯录、发现、我)找出产品主功能模块,再列出主功能模块下的次级功能模块,依次做完;
3.新产品,制作功能结构图的方法:直接罗列出该产品需要有的主要功能模块,再逐级展开;
4.注意:
针对新产品,在描述一个功能名称的时候,建议使用“动词+名词”的方式,这种描述方式更容易被大家所理解;如:将“名字”改为“设置名字”或者“查看并设置名字”;
一款不管多复杂的产品,主功能模块都不能划分太多,一般 (5-9)为最佳;
当一个次级功能模块反复出现在不同的主功能模块中的时候, 考虑将其拆分出来作为主功能模块(搜索);
三、产品信息结构图
1.概念:脱离产品的实际页面,抽象出产品中需要呈现的数据信息,用结构图进行组合分类;
2.制作方法:先列出该产品中,大的信息模块,再列出每个信息模块中,需要包含的细节信息内容
3.作用:
帮助梳理复杂内容的信息组成,避免信息内容在展示过程中出现遗漏、混乱、重复;
作为开发工程师建立数据库的参考依据;
信息结构图主要适用于产品信息构成比较复杂的情况,如内容型产品(博客、web门户网站等), 需要用信息结构图作为工具进行梳理;
4.注意:
新产品开发时,信息结构图晚于功能结构图出现;
强调脱离实际页面;
例:
四、产品结构图
1.概念:综合展示产品信息和功能逻辑的图表,也是产品原型的一种简化表达;
2.制作方法:先列出一级页面,再列出页面中的功能和信息,逐级展开;
3.作用:
它能够在前期的需求评审中或其他类似场景中作为产品原型的替代;
其实现成本低,能够快速对产品功能结构进行增、删、改操作,降低实现成本;
4.注意:
根据页面层级去制作;
结构层级尽量细致;
某个页面的功能和信息都要添加进去(从左到右,从上到下);
重点功能重点制作,结构图的层级尽量深;
例:
Xmind功能介绍
XMind不仅可以绘制思维导图,还能绘制鱼骨图、二维图、树形图、逻辑图、组织结构图
作用:思维管理、项目演示、项目管理。
快捷键大全:ctrl + shift + / 会展示出所有快捷键列表
流程图
一、概念:流程是为了达到特定的目标而进行的一系列有逻辑性的操作过程;由两个及以上的步骤,完成一个完整的行为的过程,可称之为流程;
二、为什么需要绘制流程图:
1.保证产品的使用逻辑合理顺畅;
2.清晰的传达需求,用流程图来更好地表达产品逻辑;
3.流程图对应用户体验五要素的范围层和结构层,可以梳理模块、业务流程、使用路径。
三、流程图分类:
业务流程图 : 来描述业务流程的一种图,通过一些特定的符号和连线来表示具体某个业务的实际处理步骤和过程,详细地描述任务的流程走向。
页面流程图 : 指产品具体所呈现的页面跳转流程图;其承载了业务流程图所包含的业务流转信息(一般用Axure绘制)
数据流程图 :特指软件产品中,描述数据在不同节点被处理的过程所画的图表,主要表达计算机程序对于业务的实现原理;用户在功能流程图中的每一个操作,对应都会反映在数据流程图中;同时,数据流程图也可以叫程序流程图(Program Flow Diagram);
流程图制作
一、常用工具:Axure/Visio/ProcessOn
二、组成元素:
三、常用结构和注意事项
注意事项:
1. 尽量不要出现交叉线;
2. 要基于真实的业务流程进行绘制;
案例:
泳道图
一、概念:泳道图也叫跨职能流程图,旨在展示工作流中每个步骤涉及的流程和职能部门。
二、案例: