产品结构图和信息结构图的区别

作者: 唐杰 分类: 产品设计 发布时间: 2017-01-18 14:27

我在PRD文档写作的系列文章中,描绘了“信息结构”和“产品结构”的两个知识,有一些读者还是不太清楚这两者的区别,经常遇到过来追问的,今天干脆写一篇文章介绍一下,以后再有人找我问的,直接发链接了。

产品结构图

首页、列表页、内容页。这是产品结构

我在工作中经常会发现新人设计产品原型的时候,会出现原型少页面少模块,或者需要经常修修改改,所以基于思维导图软件延伸出了产品结构图的概念。希望借助思维导图的方式,用一种全局鸟瞰的视角,把产品各个频道、页面、模块罗列出来。

这样可以大大的方便检查产品原型有没有缺失的页面或模块。如果通过产品结构图检查完毕没有缺失,那么再进行下一步的原型设计就会非常方便的知道原型有哪些频道、页面、模块。如果有多个产品人员协同的情况下,也可以直观的分配工作任务。

杰出产品经理卡中我是这样描述产品结构图的,“绘制产品结构图,可以让团队所有成员都能直观的查看和了解产品的各个单元,从而更好的协同配合,掌握所有页面的结构、连接和交互方式。”,产品结构图的理念是“产品结构图是纵观产品的一种绝佳方式。在您设计应用程序或产品时,产品结构图会帮助您保持全局视角,以防您受到细节干扰。

一句话描述:产品结构图就是产品地图,用思维导图的方式把产品的各个页面罗列出来,但是不需要罗列页面中的内容。

信息结构图

文章标题、发布时间、正文内容。这是信息结构

我是个人站长出身,在从事PM工作之前,一直使用开源程序经营各类的网站产品,网站中有个性化的设计或功能的需求时就会改动网站模板。这就会牵扯到模板引擎的知识,在使用模板引擎定制功能的时候就要对程序的信息结构有一个了解,这样才能方便在前端用模板引擎的标签调用并显示内容。

在从事PM工作之后,我将这个习惯带到了PRD文档中,命名为“信息结构图”,这样可以方便技术人员更好的规划数据结构,为数据库设计提供了铺垫。

一句话描述:信息结构图就是产品数据元素,用思维导图的方式把产品各个数据元素罗列出来,只需要罗列活的数据,固定在页面里的信息数据不需要罗列。

示例

拿一个轻量的B2C电商网站举例(注意:这是示例,不是完整案例,仅供参考启发)

产品结构图


信息结构图

先罗列哪个图,后罗列哪个图,是没有主次顺序之分的,工作中会根据具体PRD的进展,来回不断的调整,直至最终PRD完成。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

16条评论
  • messia

    2017年8月15日 09:36

    请问一下,有关功能的描述,在产品结构图和信息结构图中,哪一个里表述比较好呢??

  • Mr.holdon

    2017年7月26日 19:12

    产品结构图中设计的词汇有频道、页面、模块及元素,个人对“频道”这个概念不是特别清楚,能否解释一下,或者说对应于文中B2C产品结构图,频道对应的是什么(是个人中心吗)

    1. 唐杰

      2017年7月27日 10:51

      频道也可以称为大的功能模型,比如资讯频道、购物频道
      个人中心也算是频道。
      一个产品由多个功能模型组成,一个功能模型也有多个功能。

  • 虾米

    2017年7月6日 14:05

    您好,请问这句话“只需要罗列活的数据,固定在页面里的信息数据不需要罗列”怎么理解?

  • Alex

    2017年6月29日 19:15

    唐杰老师,你这个结构图是用的哪个思维导图工具绘制的?

    1. 唐杰

      2017年7月2日 01:54

      MindManager

  • Ada

    2017年5月21日 10:56

    电商的产品结构怎么写呢?前端产品结构有首页,产品列表页,个人中心,那下单结算的信息在哪个模块体现合适呢?

  • 稻草人

    2017年4月28日 14:38

    页面与字段内容分开,这样做确实明确了内容方便理解,也避免混淆和遗漏

  • 一叶风

    2017年4月17日 10:46

    唐老师,在杰出PM里办了超级会员后,专班学习还要单另收费吗?收的话,收多少?

    1. 唐杰

      2017年4月17日 10:54

      不另外收费,具体的你可以加杰出PM的QQ问

  • test

    2017年3月23日 01:14

    试一下评论

  • 小峰

    2017年3月14日 23:22

    想转行做产品经理,在长沙。但是长沙目前都不接受产品经理新人。我应该怎么做呢?可否给个建议哈~

    1. 4free

      2017年3月28日 12:16

      15年9月退伍,在家自学iOS 开发4个月,出来找三个月工作,工作大半年,裸辞,在家自学产品三个月,找工作一个月!现在在一家创业公司全权负责PC端,WAP端和微信端三条线路运转。

  • L

    2017年3月1日 11:03

    感觉信息结构就像类图

  • Mr.Panda

    2017年2月27日 10:48

    谢谢分享,受教了。

  • 尺寸

    2017年2月24日 16:29

    21212121

发表评论

电子邮件地址不会被公开。 必填项已用*标注