产品结构图(信息结构图和产品结构图)

产品功能结构图、产品信息结构图、产品结构图是不是很傻,不清楚?没关系。今天我们就来详细拆解一下这三个概念。先说结论:产品功能结构图,以功能模块为类别,介绍模块下

产品功能结构图、产品信息结构图、产品结构图是不是很傻,不清楚?没关系。今天我们就来详细拆解一下这三个概念。

产品结构图(信息结构图和产品结构图)插图

先说结论:

产品功能结构图,以功能模块为类别,介绍模块下其各功能组成的图表产品信息结构图,罗列产品页面所需的全部信息字段,比如产品功能结构图中的功能模块如更换昵称、头像,在产品信息结构图中就表现为昵称、头像等信息字段产品结构图=产品功能结构图+产品信息结构图+基本交互逻辑

让我们一个一个地拆解它们:

产品功能结构图

所谓产品功能结构图,按照百度百科的定义,就是按照产品功能的隶属关系绘制的图。下图中的每个框称为一个功能模块。

注意:产品结构图中的主要功能模块不一定是产品页签中的标签模块(如下图)。很多时候产品受到各种限制(比如手机屏幕空)的限制,功能不得不分成几个选项卡。当然,如果产品的功能不是太复杂的话,使用Tab标签大作作为主要功能模块是没有问题的。

产品结构图(信息结构图和产品结构图)插图(1)

功能模块的粒度会根据具体情况有所不同。粒度较小的功能模块可以是程序中的每一个进程(如删除对话、标记已读/未读等。),而粒度大的功能模块可以是完成某项任务的一组程序。

产品结构图(信息结构图和产品结构图)插图(2)

产品功能结构图的设计一般分为两步:

第一步:梳理功能流程。

画一个产品的功能结构图,首先要知道它有哪些具体的功能。更直观的理解功能的方法是贯穿整个功能流程,画出相应的功能流程图。

产品结构图(信息结构图和产品结构图)插图(3)

绘图工具:亿图图示绘图工具:十亿张图

第二步:功能模块的拆卸在我们有了功能流程图之后,通过拆卸功能模块可以事半功倍。实际上,上述过程被抽象为具体的功能模块,模块的粒度取决于各自的需求。

产品结构图(信息结构图和产品结构图)插图(4)

绘图工具:亿图图示绘图工具:十亿张图

产品信息结构图

与产品功能结构图不同,产品信息结构图需要列出产品页面所需的所有信息字段。比如聊天列表中的最新消息发送时间、对话对象图标、对话对象名称、最新对话预览等信息,都是产品信息结构图的内容,而不是产品功能结构图。

产品结构图(信息结构图和产品结构图)插图(5)

绘图工具:亿图图示绘图工具:十亿张图

注:产品信息结构图的绘制通常晚于产品功能结构图,产品信息结构通常是在产品设计阶段的概念化过程中,产品功能结构基本确定时进行设计的。

产品结构图

其实这部分行业也是众说纷纭。一种认为产品结构图是产品功能结构图的简称,另一种认为是产品功能结构图+产品信息结构图。我更喜欢后者,但我需要添加基本的交互逻辑,用一个公式来表示:

产品结构图=产品功能结构图+产品信息结构图+基本交互逻辑

这样,产品结构图就相当于简化的产品原型图。

分界线。

以上思维导图和流程图都是亿图绘制,有需要的朋友可以自行收集体验。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

作者:美站资讯,如若转载,请注明出处:https://www.meizw.com/n/114600.html

发表回复

登录后才能评论