产品需求文档的写作(二) – 梳理需求(产品结构图和用户流程图)

17 评论 342535 浏览 883 收藏 6 分钟

上一篇我们将概念想法形成了信息结构,罗列出了产品的所有信息内容,现在我们就要依据信息结构,开始规划产品的功能需求,绘制出产品结构图和用户流程图。首先我们要规划出产品的频道及子频道、子模块或子页面。(如下图)

产品框架结构

图注:讲解一下我对于这个思维导图的名词理解
1、频道:某一个同性质的功能或内容的共同载体,也可称为功能或内容的类别。
2、子频道:某频道下细分的另一类别
3、页面:单个或附属某个频道或分类下的界面
4、模块:页面中多个元素组成的一个区域内容,可以有一个或多个,也可以循环出现(例如:文章列表)
5、模块元素:模块中的元素内容,以文章列表举例:文章标题、文章摘要、文章发布时间,这些都是元素,都是组成模块的内容,同时他们也是可以循环出现的。元素的类型可以是:文字、图片、链接等等

如果你学过网页设计,或者了解Web产品的模板机制,你就能够理解这些名词了。如下图所示,这是我的博客的首页结构。

唐杰博客首页框架

当我们规划出频道后,我们就需要以用户的视角进行一步一步的模拟操作,逐渐完善产品的结构导图。我称为用户流程图,用于展现产品经理脑海中比较抽象的产品逻辑,也是产品经理对自己脑海中的产品想法进行梳理的一个过程。(如下图示例)

产品结构图示例

这样做的目的就是梳理产品逻辑,让我们清楚的知道产品有几个频道,频道下面有没有子频道或者有多少个页面,这些页面里又有哪些功能模块,这些功能模块里又有哪些元素。这样我们就模拟了用户的整个操作流程,逐一的将产品的所有功能界面操作了一遍,也列出了产品结构图和用户流程图。

用户登录示例

有了这份结构导图,我们可以对产品进行鸟瞰式考虑和完善,当有问题时,修改起来也比原型和文档方便很多。这样的方法同样适用于移动互联网产品的规划,并且比起Web产品更加容易梳理产品结构。

以上讲的都是前端面向浏览者的用户流程,但是如果规划的是一个平台级的大众化产品就不能从前端进行梳理了,例如CMS、BBS之类的程序,他们采用框架式开发,将功能与模板独立,前端的界面布局仅仅是通过模板机制的标签调用,因此在做产品规划时,前端是涉及不到的,也不应该从前端入手。遇到CMS类平台产品的规划,也同样使用这样的方法,只不过是从后台入手模拟管理员的流程。

PRD文档写前准备就是让我们先通过思维导图梳理思路,明白产品有多少个频道、有多少个页面、页面有多少个功能模块、功能模块有多少个元素,逐步的将脑海里的想法明确梳理成结构。虽然已经明确了产品的结构,但是这样的思维导图对于设计与技术人员依旧是抽象的,他们仍然看不懂,同时对于产品经理自己来说,这样的结构图也是没有经过推演的,具体是否符合产品逻辑,是否符合用户体验,都是没有深思过的,因此我们接下来就要进行原型设计,开始具体的考虑结构方案的可行性。

下一篇我将讲解原型设计的几种方法,并说明为什么原型设计要早于产品需求文档的撰写。

产品需求文档(PRD)的写作:
产品需求文档(PRD)的写作方法(文章的摘要介绍)
产品需求文档的写作(一) – 写前准备(信息结构图)
产品需求文档的写作(二) – 梳理需求(产品结构图和用户流程图)
产品需求文档的写作(三) – 原型设计(手绘原型,灰模原型,交互原型)
产品需求文档的写作(四) – 撰写文档(PRD文档)
产品需求文档的写作(五) – 用例文档(UML用例图、流程图)

本文出自 产品经理 唐杰

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 第三个图,是不是 信息结构图和功能结构图的混合版本?

    来自浙江 回复
  2. 对于频道,子频道,子模块,子页面那块还是不能理解,能举例说明一下吗?

    来自江苏 回复
  3. 感觉这个用户使用流程图是不是不对啊?

    来自广东 回复
  4. 啰哩吧嗦。。。。明明2个图,几行字就能讲清楚的事。。。。

    来自广东 回复
    1. 要显得专业,要说得你听不懂,文章的作用就达到了

      来自广东 回复
  5. 楼主关于用户流程图的描述部分容易造成误解,通常我们说用户流程图指的都是使用流程,不包括模块描述和页面元素。这里的“用户流程图”不如称作框架层设计更为合适

    来自北京 回复
    1. 恩,支持楼主的说法

      来自四川 回复
    2. 同样觉得这里的用户流程图用词不对

      来自四川 回复
    3. 对,我也同意你的看法,不是应该是操作流程吗?

      来自北京 回复
    4. 赞同,文章这里讲的“用户流程图”准确的说应该是产品结构设计

      来自广东 回复
  6. 想知道你用的软件是哪个呀 🙄 🙄

    来自广东 回复
    1. 思维脑图

      来自陕西 回复
    2. 谢谢!其实我知道是思维导图,只是想知道具体是哪个软件,现在已经知道啦!

      来自广东 回复
    3. 你用的是哪一个?

      来自陕西 回复
    4. 百度脑图也挺好的

      来自江苏 回复
    5. 思维脑图

      来自广东 回复
    6. Xmind

      来自广东 回复