🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## (二) 梳理需求(产品结构图和用户流程图) [![](https://box.kancloud.cn/2015-10-10_5618dd81d6fd4.jpg)](http://tangjie.me/blog/52.html "写前准备(信息结构图)") [上一篇](http://www.woshipm.com/?p=80070 "写前准备(信息结构图)")我们将概念想法形成了信息结构,罗列出了产品的所有信息内容,现在我们就要依据信息结构,开始规划产品的功能需求,绘制出产品结构图和用户流程图。首先我们要规划出产品的频道及子频道、子模块或子页面。(如下图) [![](https://box.kancloud.cn/2015-10-10_5618dd8201be0.png)](http://image.woshipm.com/wp-files/2014/04/07414f4e15ca943e6cde032dec85d92f.png) > 图注:讲解一下我对于这个思维导图的名词理解 > 1、频道:某一个同性质的功能或内容的共同载体,也可称为功能或内容的类别。 > 2、子频道:某频道下细分的另一类别 > 3、页面:单个或附属某个频道或分类下的界面 > 4、模块:页面中多个元素组成的一个区域内容,可以有一个或多个,也可以循环出现(例如:文章列表) > 5、模块元素:模块中的元素内容,以文章列表举例:文章标题、文章摘要、文章发布时间,这些都是元素,都是组成模块的内容,同时他们也是可以循环出现的。元素的类型可以是:文字、图片、链接等等 如果你学过网页设计,或者了解Web产品的模板机制,你就能够理解这些名词了。如下图所示,这是我的博客的首页结构。 [![](https://box.kancloud.cn/2015-10-10_5618dd8213928.png)](http://image.woshipm.com/wp-files/2014/04/126ac9f6149081eb0e97c2e939eaad52.png) 当我们规划出频道后,我们就需要以用户的视角进行一步一步的模拟操作,逐渐完善产品的结构导图。我称为用户流程图,用于展现产品经理脑海中比较抽象的产品逻辑,也是产品经理对自己脑海中的产品想法进行梳理的一个过程。(如下图示例) [![](https://box.kancloud.cn/2015-10-10_5618dd822848a.png)](http://image.woshipm.com/wp-files/2014/04/1a79a4d60de6718e8e5b326e338ae533.png) 这样做的目的就是梳理产品逻辑,让我们清楚的知道产品有几个频道,频道下面有没有子频道或者有多少个页面,这些页面里又有哪些功能模块,这些功能模块里又有哪些元素。这样我们就模拟了用户的整个操作流程,逐一的将产品的所有功能界面操作了一遍,也列出了产品结构图和用户流程图。 [![](https://box.kancloud.cn/2015-10-10_5618dd823d814.png)](http://image.woshipm.com/wp-files/2014/04/d38af049e086eb7b59102bcf0c93974c.png) 有了这份结构导图,我们可以对产品进行鸟瞰式考虑和完善,当有问题时,修改起来也比原型和文档方便很多。这样的方法同样适用于移动互联网产品的规划,并且比起Web产品更加容易梳理产品结构。 以上讲的都是前端面向浏览者的用户流程,但是如果规划的是一个平台级的大众化产品就不能从前端进行梳理了,例如CMS、BBS之类的程序,他们采用框架式开发,将功能与模板独立,前端的界面布局仅仅是通过模板机制的标签调用,因此在做产品规划时,前端是涉及不到的,也不应该从前端入手。遇到CMS类平台产品的规划,也同样使用这样的方法,只不过是从后台入手模拟管理员的流程。 PRD文档写前准备就是让我们先通过思维导图梳理思路,明白产品有多少个频道、有多少个页面、页面有多少个功能模块、功能模块有多少个元素,逐步的将脑海里的想法明确梳理成结构。虽然已经明确了产品的结构,但是这样的思维导图对于设计与技术人员依旧是抽象的,他们仍然看不懂,同时对于产品经理自己来说,这样的结构图也是没有经过推演的,具体是否符合产品逻辑,是否符合用户体验,都是没有深思过的,因此我们接下来就要进行原型设计,开始具体的考虑结构方案的可行性。 下一篇我将讲解原型设计的几种方法,并说明为什么原型设计要早于产品需求文档的撰写。