产品规划
已经知道要做什么功能,展示什么信息,那这些信息应该
以什么方式展现给用户?
信息架构的概念
一般的商场导览图,都有以下特征:
• 每一层都由多个店铺组成;
• 商场有出口,有入口,有收银台;
• 每层之间有电梯进行连接;
• 顾客在任何一个位置,都可以通过一个路径去到想去的地方;
• …
这是一个商场常见的信息架构;
用户使用产品的时候,类似于在地图上行走,有两个共通的需求:
- 在任何一个页面,最快地找到自己想要的信息;
- 能通过最短的路径去到下一个想去的页面;
什么是互联网产品的信息架构?
按照一定的规则,对产品的功能和内容进行组织:在功能确定的情况下,合理地设置和摆放,建立尽可能短的使用路径;
• 产品信息架构的目的,是更高效地满足用户的使用需求;
• 如果不进行信息架构,整个产品可能只是功能的罗列,杂乱而且难用;
如何进行信息架构
• 信息架构的本质其实就是分类!
• 当我们有意识的对功能进行分类,其实已经开始做信息架构的工作了;
分类一般考虑如下几个因素:
- 对应性;
- 功能的相似性;
- 功能和功能之间的关系;
- 功能的使用频率;
- 系统的扩展性;
对应性
产品目标与用户需求互相对应;
信息架构的搭建目的:满足用户需求,方便用户快速准确地找到相
关信息;比如:
• 电商类产品 - 满足用户购物需求 - 首页是各类导购入口;
• 新闻类产品 - 以时间顺序组织信息架构;因为用户对于“新闻”的时效性
的要求是唯一的重要要素,这样产品才能在竞争中获得优势。
功能相似性
通过分类把有相似性质的功能放在一起,然后以大
类别为基础作为产品的主框架,以小类别作为为子
框架进行补充就形成了整个产品框架;
• 微信页:聚合所有类型的消息,有好友消息、群消息、
公众号、文件小助手、微信运动等;
• 发现页:具有探索性质的功能,扫一扫、看一看等,这
就是基于功能相似性的原则进行分类;
功能之间的关系
一般有包含、并列等关系:
• 包含关系,可以纵向进行信息架构,比如买东西的时候,挑选、下单、支付、邮寄之间就是上下游包含的关系,要邮寄必须得先支付,要支付必须先下单,要下单先要经过挑选;
• 并列关系,两个功能之间没有关联,可以考虑横向进行信息架构,比如微信里面的通讯录和发现,两个功能之间相互影响的因素很小。
功能使用频率
• 使用的频率越高,说明这个功能越重要,越要把这个功能放在最容易触及的地方;
• 信息架构,优先考虑围绕核心功能进行架构;
• 比如共享单车中,扫码是整个功能中使用频率最高
的,所以打开产品后看到的是扫码的功能;
如何进行信息架构 - 功能使用频率
使用频率分两类:
- 用户实际需要,确实使用频率高;
- 我们希望提升用户使用频率的;(比如小程序)
系统可拓展性
• 产品从0到1,从1到N,是一步一步来的,产品功能也是不断增加完善的;开始架构的
时候,我们不清楚未来会增加什么功能,要做好(增加了功能,不会对系统推翻重新
再来)的准备,这就要求在做信息架构时,考虑之后的扩展性;
• 好的产品,一般信息架构都是非常稳定的,微信从出生到现在,大大小小增加了很多
功能,但是其核心的架构一直没有变过,这就是因为在最开始设计的时候,就考虑到
了系统的扩展性;
• 用户量激增,需求都做不完,如何在保持原有的信息架构基础上,对新增的需求进行
设计,就十分考验产品经理的基本功力;
产品结构
功能都罗列好了,信息也分好类了,那这些功能和信息怎么整合和呈现?
产品结构图概念
什么是产品结构图?
产品功能和信息的图表化展现,包括产品的功能和信息。
产品结构图分类
• 产品功能结构图:专注在功能模块,再逐级延展;
• 产品信息结构图:产品需要承载的信息;
• 产品结构图:功能与信息的集合,将功能和信息呈现在不同的页面;
功能结构图
概念:产品功能结构图,侧重于”功能“二字,就是将产品功能按照从属关系,绘制出来。绘制方法:
1、先根据产品的一级页面(比如微信有四个:微信、通讯录、发现、我)找出产品主功能模块,然后按照
层级归属关系详叙该功能模块提供的下一级功能模块或功能;
2、在描述一个功能名称的时候,建议使用“动词+名词”的方式,这种描述方式更容易被大家所理解。
例如:将“名字”改为“设置名字”或者“查看并设置名字”;
微信功能结构图(部分)
信息结构图
为了引出信息结构图,先讲一下数据库
概念:指脱离产品的实际页面,将产品的数据抽象出来,组合分类的图表;
作用:
1、帮助梳理复杂内容的信息组成,避免信息内容在展示过程中出现遗漏、混乱、重复;
2、作为开发工程师建立数据库的参考依据;
3、信息结构图主要适用于产品信息构成比较复杂需要考虑优化的情况,如内容型产品(博
客、web门户网站等),产品的信息结构对于用户体验就十分重要,需要用信息结构图作
为工具进行分析思考;
注意:强调脱离实际页面;
微信的个人信息模块
产品结构图
概念:产品结构图是综合展示产品信息和功能逻辑的图表,简单说产品结构图就是产品原型的简化表达。
作用:
1、它能够在前期的需求评审中或其他类似场景中作为产品原型的替代;
2、其实现成本低,能够快速对产品功能结构进行增、删、改操作,减少PM在这个过
程中的实现成本;
注意:
• 重点功能和页面,重点制作;
• 结构层级尽量细致;
产品结构图示例
使用 Xmind 制作产品结构图
产品流程图
产品结构确定了,就直接开始设计原型吗?
流程的概念及流程图
定义:流程是为了达到特定的目标而进行的一系列有逻辑性的操作步骤。由两个及以上的步骤,完成一个完整的行为的过程,可称之为流程。
产品经理为什么需要绘制流程图?
1、保证产品的使用逻辑合理顺畅;
2、向项目组其他成员清晰的传达需求,用流程图来更好地表达产品逻辑;
3、流程图对应用户体验五要素的范围层和结构层,可以梳理模块、业务流程、使用路径。
流程图示例
产品常用流程图:
- 业务流程图;
- 页面流程图;
- 数据流程图;
业务流程图
来描述业务流程的一种图,通过一些特定的符号和连线来表示具体某个业务的实际处理步骤和过程,详细地描述任务的流程走向。
把大象塞进冰箱里,分为几步骤?
三步:
第一步,把冰箱门打开;
第二步,把大象装进去;
第三步,把冰箱门关上。
页面流程图
指产品具体所呈现的页面跳转流程图,其承载了业务流程图所包含的业务流转信息。
数据流程图
特指软件产品中,描述数据在不同节点被处理的过程所画的图表,主要表达计
算机程序对于业务的实现原理。用户在功能流程图中的每一个操作,对应都会
反映在数据流程图中。同时,数据流程图也可以叫程序流程图(Program Flow
Diagram)。
数据流程图示例
泳道图
如果一个流程涉及多个角色或部门,怎么体
现不同角色的功能?
泳道图也叫跨职能流程图,旨在展示工作流中每个步骤涉及的流程和职能部门。
B2C电商泳道图:买家 卖家 平台 物流
卖家入驻 - 商品展示 - 买家购买 - 支付 - 物流发货 - 退货或结束
购物流程:
第一步,进入购物场所
第二步,挑选商品
第三步,结账
用泳道图画出这个流程
用泳道图画出在该业务的流程
一个教育平台,老师可以入驻,发布课程,学员买课:
- 老师进入平台,选择入驻,提交资料;
- 平台审核老师的资料,如果不通过,提示老师哪些信息有误,需要
重新提交; - 如果审核通过,老师可以发布课程,设置上课时间;
- 学员进入平台后,可以看到老师发布的课程,如果课程人数已满,
则只能预约这位老师下一次的课;如果课程人数未满,可以报名成
功,在完成支付后,可以听课、学习; - 老师在上完课之后,平台给老师结算课时费,满50即可申请提现;
业务流程图需要画到多细才算合格?
依据实际业务步骤,或者操作步骤;除非特殊要求,否则不需要画出
所有的系统判定;