功能结构图 产品结构图=功能结构图+信息结构图

动动拇指！

密切关注！

本文主要总结了产品设计中结构层的设计方法和思路，输出的产品是产品结构图。

在谈方法之前，要先了解产品结构层在产品设计中的位置。这里引用《用户体验元素》中的经典产品框架体系。

战略层面:明确的产品战略需要明确回答两个问题:

用户可以通过产品得到什么？我们可以通过产品得到什么？相对应的就是用户需求以及产品目标。（我们为什么开发这个产品？）

范围层:根据产品侧重功能型还是内容型，进行差异分析。对于功能性产品，考虑核心功能的确定和功能的优先级。很多基于工具的应用和boss都是直接雇佣的；对于信息化产品，考虑核心内容的确定和内容的优先级，比如数据分析网站，以数据为信息。

结构层:构建一个结构层涉及两个方面:交互设计和信息架构。交互设计是在界面上做用户的操作，完成任务，获取信息，但实际上是分析用户，信息，用户和信息之间的路径；信息框架侧重于高效地向用户表达信息。

框架层:进一步细化结构，确定详细的界面外观、导航和信息设计。结构层相当于构建一个骨架，而框架层需要丰富骨架。

表示层:视觉设计，输出高保真原型。

可见产品结构层处于中间位置，处于从抽象到具象的过渡阶段，完全一样。设计产品结构层也是测试产品设计中抽象能力和成形能力的阶段。在抽象层面，需要对需求、功能、数据进行分类组织；在具体层面上，体现了用户的需求。

详细描述了结构层，介绍了产品设计的方法(场景分类、功能结构图、信息结构图、产品结构图)，希望大家学会形象化、抽象化的思考。

讲了一大堆概念会让人觉得莫名其妙，但总觉得有点难受。这里以看书为例，系统的讲解产品设计的思路和方法。

前提条件:在范围层，确定了阅读书籍的各种功能，如选书、添加书架管理自己的书籍、分组书籍、烘干书籍、阅读书籍、添加书签、浏览内容等。功能繁多且混乱，如何有序分类？场景分类可以用来联系真实场景，根据场景粗略分类。

开始讲故事

小明最近迷上了养生，想买一本关于养生的书深造，于是在附近找了家书店。这家书店非常擅长做生意。店里有各种海报，比如本月畅销书海报(畅销书推荐)、名家海报(作者推荐)、新书海报(新书推荐)等。这些书都在书店门口，读者可以很方便地买到。哇，还有最近热播的《长安十二日》《破冰行动》。铁粉小明立马各赢一份。

开心的时候，小明差点忘了要买一本养生的书，于是开始往里面看。聪明的小明发现书店的书架上都有分类名称，于是小明问服务员养生用的书架在哪里(搜索)。得知他们在二楼后，小明去挑选，小明还是找不到，就问了旁边的服务员(史书搜索)，最后找到了养生的书架。

发现关于养生的书太多了，小明拿出几本书仔细看了看。小明很有条理。他先看了书的封面和作者，再看了简介和目录，然后挑了几个章节看懂，最后看了豆瓣上对这本书的评价(见书评)，最后选了不朽的《黄帝内经》。

小明拿着两本书去收银台，收银台告诉小明，他买会员卡可以享受送多少就送多少的优惠。天啊，买100送100等于赚100！小明立刻掏出钱包，买了一张100元的会员卡付账。收银员在书店系统记录了小明的个人信息和购书信息。

回家的小明很兴奋，开始往书架上加两本小说。他把《破冰行动》和《长安十二日》放在书架一楼(加到书架上)，里面全是小说(分组)。然后他就躺在沙发上开始读《黄帝内经》，太美了，一定要和我的朋友和花们分享。于是小明拿起手机给花书拍照。小明的妈妈请小明吃饭，小明在书上加了书签。

未完待续(读者可以在脑补后尝试自己的阅读场景)。

功能结构图

根据场景，可以直观的了解一般的功能模块。并绘制如下功能结构图。

不管有没有这么容易，功能结构立刻变得清晰起来。

功能结构图的定义和功能

定义:以功能模块为分类，并在模块下介绍其功能的图表。

角色:

梳理需求，以鸟瞰的方式对整个产品页面中的功能结构形成一个直观的认识。思考并明确产品的功能模块及其功能组成。

信息结构图

但是，它只是一个骨架，需要有血有肉才能成为产品。

什么是血肉？

细心的朋友会在用户体验元素的结构层找到信息架构。是的，血肉就是信息！你一定听说过信息结构图。下面简单介绍一下信息结构图。

信息结构图的定义和功能

定义:是指从产品的实际页面分离出来，对产品的数据进行抽象，并结合分类的图表。

角色:

梳理复杂内容的信息组成，避免信息遗落、混乱；作为开发工程师建立数据库的参考依据。

怎么画？

画完功能结构图，需要思考一个问题。这些场景涉及哪些对象？如果懂编程的朋友应该知道基于对象的编程思维，那么一切都是对象。这里可以提出四个对象:书，我，书架，评论。记住一切都是对象，评论也可以！

产品结构图

尼斯！现在有骨架有血肉，但连产品原型都称不上。需要整合产品功能结构图图和信息结构图来呈现产品原型，于是产品结构图就诞生了！

产品结构图是综合展示产品信息和功能逻辑的图。简单来说，产品结构图是产品原型的简化表达。

这里要认真给出分析功能结构图。我们可以大致将一般功能设置为六个功能页面:首页、搜索页面、图书详情页、个人中心、书架页面、阅读页面。然后根据其子功能的权重，我们将它们进行优先排序，然后用信息填充它们的对象，然后慢慢呈现产品结构图。

这里并没有画出所有阅读书籍的产品结构图，只是为首页和书籍详情页画了一个简单的产品结构图，如下:

摘要

最后用下面的公式作为本章的总结，化繁为简才是王道！

功能结构图(骨架)+信息结构图(血肉)=产品结构图(产品原型简化版)

#声明#

本文最初由泽创作，产品将转载发布，仅供学习交流。如涉及版权问题，请联系边肖，微信:hf16881688~产品协会QQ群:140710383~ MVP联盟QQ群:213626555~