我要做一个产品(二):产品结构图

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

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

一、什么是产品结构图

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

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

梳理产品结构

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

梳理产品操作流程

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

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

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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/41862f96-3f8c-44c5-aa03-01cb91598b57/.png

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

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

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

左侧栏我想它有:

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

右内容区有:

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

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

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

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

总结

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

接下来的几期内容:

  • 原型图
  • PRD文档

本文系作者 @ 原创发布在 极客猿小兵的博客。未经许可,禁止转载。


极客猿小兵 » 我要做一个产品(二):产品结构图

发表回复