我要做一个产品（二）：产品结构图

• 什么是产品结构图
• 为什么要画产品结构图
• 极客猿导航产品结构图

上一篇我们把想法整理了下，就有了信息结构图，接下来我们再来画画产品结构图。

一、什么是产品结构图

产品结构图是根据信息结构图来整理的。描述的是你产品的结构，什么是结构？产品当中的模块，页面，元素等等都可以看做结构。所以说产品结构图就是整理模块所产生的页面，页面跳转之间逻辑，以及页面当中元素。

二、为什么要画产品结构图

梳理产品结构

一个产品会有很多模块，页面，元素组成，如果没有产品结构图，这一切切的都该怎么理清？有了产品结构图，就可以很清楚的知道产品有几个频道，频道下有多少页面，页面当中又有哪些元素。

梳理产品操作流程

做了产品模块，页面，元素的整理，就可以进行流程的绘制，就以登录为例子，会有登录，注册，找加密码等页面，那么注册页面操作完成后是什么样的情况？可以是完善资料或者返回首页，这个就是流程梳理。

三、极客猿导航产品结构图

废话不多话，我们直接看图说话吧。

V1.0的版本我分了7个页面：

• 首页
• 登录页
• 导航审核页
• 导航管理页
• 分类页
• 标签页
• 网站设置页

每个页面下面都会有些不相同的东西，就拿首页为例子，它的布局可以分为 左侧栏区，右内容区。

左侧栏我想它有：

• logo和标题
• 导航菜单列表

右内容区有：

• 公告区
• 登录
• 网站提交
• 导航列表

网站提交可以有以下字段：

• 链接
• 分类
• 标签
• 作者信息
• 标题（可选）
• logo（可选）
• 描述（可选）

为什么标题、logo、描述是可选？为了方便用户推荐网站，我们首选使用爬虫根据用户链接来爬取对应页面的标题logo和描述，这样大大提高了用户的推荐率，少让用户操作更加人性化一点，当然也支持爬取后手动修改内容。

总结

今天我们主要讲的是产品结构图的绘制，我以自己研发的一个产品为例子，让大家明白了产品结构图的重要性，也为大家提供了一个产品开发的思路，欢迎大家一起交流探讨。

接下来的几期内容：

• 原型图
• PRD文档