- 什么是信息结构图
- 为什么要画信息结构图
- 极客猿导航信息结构图
一、什么是信息结构图
开发一个产品前,我们需要先构思下产品信息结构图,那么什么是信息结构图呢?
信息结构图就是产品信息的内容,举例来说我要开发一个个人博客,那么博客文章就是一个信息内容,信息内容中有哪些字段呢?
- 文章标题
- 文章内容
- 文章作者
- 发布时间
- 标签
- 等等
二、为什么需要信息结构图
将想法理清
作为一个程序员,我通常接到的都是一个个需求,根据需求来开发,如果说自己开发产品,光有一个想法,没有实际行动或者说直接编码的话,会很被动。由于没有提前规划好内容,可能开发时思绪会很乱,看到一个好的东西就想马上给自己产品加上,这样大大加重了项目的开发周期和乱了方向。
方便建表
数据库这块通常来说是后端的事,我这前端如果做的话也不是不行,但是得知道产品到底有哪些东西,如果有了信息结构图,我们可以很方便的建表,不用自己去琢磨字段和含义。
三、极客猿导航信息结构图
上面我们已经讲了信息结构图是什么以及为什么要使用它,接下来我们来实践一下,以我最近要开发一款产品为例子。
极客猿导航是什么
极客猿导航是一个专业的互联网人的导航站,假设你想快速的学习一个互联网的东西,比如说前端,那么本网站会为你提供更全面的前端知识导航,如前端工具,框架,教程,问题等等。
用户可以推荐网站,并且加上自己的推广名称和推广链接,致力于让本网站的导航更加的全面,更加的大众化。
我希望这个导航可以按工作职业来分类,有一级二级,但是也不能太束缚了,要加个标签功能,举例来说前端行业有工具类导航,后端,设计,运营都有工具类导航,如果有标签功能,就可以按标签来进行管理,这样的话灵活性会大大的提高。
信息结构图
通过上面的一些想法,我们可以通过思维导图或者说你自己心仪的任何工具来制作信息结构图。
我制作的信息结构图暂时可以分为4大块:
- 用户
- 导航
- 分类
- 标签
图示:

别看东西挺少的,但是随着项目的更新迭代,结构图的更新,作用就越发显的重要。
总结
今天我们讲了下信息结构图,以及通过一个例子来演示下怎么做信息结构图,这只是产品需求文档开发的一部分,接下来还会有以下几大块:
- 产品结构图和功能模块
- 原型图
- PRD文档
有兴趣可以持续关注,一起学习,做一个独立开发者,共勉!!!