欢迎来真孝善网,为您提供真孝善正能量书籍故事!

清晰区分功能结构图、信息结构图与结构图:避免混淆指南

时间:10-29 现代故事 提交错误

大家好,今天小编来为大家解答清晰区分功能结构图、信息结构图与结构图:避免混淆指南这个问题,很多人还不知道,现在让我们一起来看看吧!

您还在问产品结构图是信息结构图还是功能结构图?下面是微信图片的实际例子,帮助大家更好地理解这组命运三姐妹的图片。

在撰写PRD和竞品分析文档时,我们经常会看到产品结构图、产品功能结构图或产品信息结构图。然而,解释它们的定义和功能并不像看上去那么简单。笔者在这里尝试分享一下自己的观点。

特别声明:由于篇幅等因素的限制,为了完整性,本系列中的所有示例图均被省略和简化。它们仅用于示例解释。请不要担心图是否完整,是否有缺失模块。它们主要是为读者服务的。我们来比较一下这三种图表之间的联系和区别。

1、功能结构图

1. 定义

功能结构图是按照功能的从属关系绘制的图。图中的每个方框称为一个功能模块。功能模块可以根据具体情况分为较大或较小的尺寸。最小的功能模块可以是程序中的各个处理过程,而较大的功能模块可以是完成某项任务的一组程序。 (百度定义)通俗地说,功能结构图就是以功能模块为类别,介绍模块的功能组成的图。

2. 功能

产品概念设计中使用的工具之一可以将不完全确定的设计问题或相当模糊的设计需求以相对简洁和清晰的方式表达出来。在绘图过程中,可以帮助PM思考和明确产品的功能模块和功能组件;

对需求进行梳理,鸟瞰整个产品页面的功能结构形成直观的认识,防止产品需求转化为功能需求的过程中出现功能模块和功能点缺失的情况。

3、注意事项

在区分功能结构、信息结构图、结构图之前,有一个重要前提需要大家达成共识:软件产品本身就是传递信息、提供功能的载体。完全绝对的信息或功能产品是不可能存在的。信息往往与功能相伴,我们很难划一条线将两者完全分开。从某种意义上说,信息传递甚至是软件产品最重要的核心功能。鉴于此,我们通常会默认将信息展示功能隔离出来,将其视为信息架构的一部分,在设计产品功能结构时不考虑信息展示功能。

这里举一个信息和功能纠缠的例子来更好地理解,比如微信的个人信息模块(如下图),其中“姓名”字段既是信息,又提供修改设置的功能。

因此,我们不难理解,信息结构的许多元素出现在功能结构图中。但由于使用功能结构图的目的(即上面提到的角色)需要我们关注产品功能的维度,所以最好在功能结构图上尽力而为。减少信息结构元素出现的可能性。

就拿上面的功能和信息纠缠的例子来说。在功能结构图中,很多朋友会直接用“名称”来表示其功能点。画图的人可能个人都知道,但是看图的人会很困惑:这个“名称”是指提供查看名称的功能还是提供查看和修改名称的功能。

这里有一个小技巧。在描述功能点时,建议使用“动词+名词”的语言描述形式。这种方式不仅能够更准确地传达信息,而且可以避免给读者带来不必要的混乱。如上例,我们可以将“名称”改为“设置名称”或“查看并设置名称”来描述功能点。

4.如何画功能结构图

在实际应用中,通常在以下两种情况下绘制产品功能结构图:

设计阶段绘制未成品,确定产品功能结构;

绘制产品完成版,分析并交付产品的功能结构;

1)在产品设计阶段,如何发现并确定功能结构图中的主要功能模块?

首先,主功能模块应该是产品在完整业务流程中的核心功能模块。我们可以通过业务流程所涉及的功能需求,提取出主要的功能模块。提取完成后,我们可以通过业务流程来查看是否缺少主要功能模块。

例如,假设我们参与了微信的早期功能设计,其产品最初定位为移动社交软件,那么其对应的核心业务可以简化为

这样,我们就可以在产品设计阶段轻松推导出微信的主要功能模块,如下:

下面将微信功能结构图与现有版本的微信功能结构图进行对比。经过数百次迭代,其主要功能结构几乎没有变化。我们不得不佩服它的功能结构的可扩展性;

微信功能结构图(V6.5.21) 通过业务流程确定了主要功能模块后,就可以根据业务需求进行详细的功能设计,这里不再展开。

2)确定的产品如何绘制功能结构图?

对于一个确定的产品,绘制功能结构图最快的方法就是参考该产品的Tab功能模块,找出该产品的主要功能模块,然后详细描述下一级功能模块或该功能提供的功能。模块按照层级所有权关系。如有必要,粒度可以细化为功能操作的描述。

那为什么上图中的《微信功能结构图(V6.5.21)》的主要功能模块不是“微信”、“通讯录”、“发现”、“我”四大标签功能模块呢?

笔者在这里希望传达一个概念。结构图中的主功能模块不一定是Tab中的标签功能模块。很多时候,产品受限于移动端的空间限制,不得不将功能划分为3到4个Tab。这是一个务实的妥协。当然,正常情况下使用Tab标签名称作为主要功能模块并没有什么错,但是当产品功能比较复杂时,这种产品功能结构图的划分就显得有些粗糙了。绘制已识别产品的功能结构图,可以帮助我们探索产品的核心功能模块,梳理产品的功能架构。我们建议绘图者尝试脱离Tab标签,用自己的语言来探索和描述主要功能模块。

这样,我们是否可以任意将标签功能模块中的次要功能模块划分为主功能模块呢?

其实不是的,无论应用多么复杂,主要功能模块的数量都不能划分太多(5-9个更好)。一般情况下,在分析完产品的功能结构后,我们仍然会以Tab功能模块作为主要功能模块,组织其下属功能模块。只有当我们认为某个次要功能模块对业务太重要、产品价值高时,才可以将其划分为单独的主功能模块。

这里有一个小秘密。当一个次要功能模块在不同的Tab功能模块中重复出现时,我们可以考虑将其拆分为主功能模块,因为这个时候就意味着这个次要功能模块在产品的业务流程中非常重要,而且还可以使我们的产品功能结构图更加简洁、清晰。例如上面《微信功能结构图(V6.5.21)》中的搜索模块,在Tab中的微信功能模块和通讯录功能模块中都出现了。

最后,功能结构图中的粒度如何确定?

功能结构图中的粒度需要根据具体的应用场景来确定,可以由绘图艺术家根据需要来控制。例如,在产品设计过程中,功能结构的建立就是设计者的设计思维从发散走向趋同的过程。一开始的粒度一般比较大,可能只涉及某个功能模块。随着设计的继续,随着时间的推移,功能结构图的粒度会不断细化,最终可以拆分为具体的功能操作。这里笔者细化了“微信模块-个人对话”功能模块,仅供参考:

微信模块(信息对接)

2、信息结构图

1.定义:是指脱离产品实际页面,抽象出产品数据并组合分类的图表。

2、功能:

帮助PM梳理复杂内容的信息成分,避免呈现过程中信息内容的遗漏、混乱、重复;

作为开发工程师建立数据库的参考;

信息结构图通常晚于功能结构图绘制。往往是在产品设计阶段的概念化过程中,在产品功能框架确定、功能结构完成之后,再进行产品信息结构的分析和设计。

这里,我们需要强调的是与实际页面分离的概念。在一些产品相关的文章中,我们会看到作者完全按照页面的逻辑顺序对信息结构图进行分类和组合。严格来说,这种图并不是一个合格的信息结构图。

我们以微信的个人信息模块为例,如下图:

该部分结构信息图的绘制需要与产品实际页面分离,如下:

关于个人信息最后需要强调的是:信息结构图主要适用于产品信息结构比较复杂、需要优化的情况,比如基于内容的产品(博客、门户网站等)。 )。产品的信息结构对于用户体验非常重要,需要使用信息结构图作为分析思维的工具。

这里笔者简单画了微信的信息结构图作为参考。

微信信息结构图(V6.5.21)

3、结构图

与功能结构图和信息结构图相比,产品结构图的定义非常混乱和模糊。为什么会出现这种情况?

一方面,产品结构图在文字理解上很容易混淆:产品信息结构图和产品功能结构图都可以称为产品结构图。

另一方面,目前网上流传的很多竞品分析文档、产品体验文档、PRD文档都是产品新人模仿前人流传的文档模板编写的。但尴尬的是,有的同学并没有详细、深入的了解。经常在一篇文章中,说是产品的功能结构图,但结果图却展示了产品功能和产品信息元素。功能结构图的定义不明白。后来,初学者从这些文章中了解了产品功能结构图和产品信息结构图,导致恶性循环;

最重要的原因是:对于产品结构图,产品从业者本身还没有达成共识。笔者在网上搜索相关文章,发现对产品结构图的理解主要有以下三种:

大多数产品人认为产品结构图是产品功能结构图的缩写。也许是在产品中没有强调信息结构这个概念的时候,一些PM开始把产品功能结构图称为产品结构图,然后就默认采用了这个术语。当产品信息结构图出现时,概念变得混乱;

有的产品人认为,产品结构图是综合展示产品信息和功能逻辑的图;

少数产品人认为产品结构图就是产品信息架构图。

在这里,笔者更认同第二个理念:

产品结构图是综合展示产品信息和功能逻辑的图。简单地说,产品结构图是产品原型的简化表达。在早期的需求评审或者其他类似场景中,可以作为产品原型的替代品,因为产品结构图比产品原型的实施成本更低,并且可以快速增删改产品功能结构,降低此时的PM实施成本。过程。

产品结构图是通过信息架构设计,以合理、自然的逻辑将功能和信息放入产品的各个页面的结果。很多PRD和竞品分析中提到的信息结构图和功能结构图,实际上都是产品结构图的简化版本,既包含功能元素,又包含信息元素。如下图:

微信结构图(V6.5.21)

总结

在产品的设计过程中,功能结构图是必不可少的。信息结构图取决于产品和PM本身。通常我们在初步确定产品功能结构图(产品功能框架)后,开始绘制产品信息结构图。

在产品设计过程中,产品功能结构图是产品概念化阶段的初始输出,产品结构图是产品概念化最终阶段的输出。当产品结构图完成后,我们心里就对产品的基本外观有了一个大概的了解。轮廓。同时,以产品结构图作为绘制原型的基础,可以避免我们在产品设计时边画边改,跳入痴迷细节、误入森林的陷阱。

至此,你还对功能结构图、信息结构图、结构图感到困惑吗?

文章结束:我们再次声明,所有转载文章仅供学习。感谢PM_allen先生的分享。如果您喜欢我们的文章,请关注!比较一下你的心吧!

关于本次清晰区分功能结构图、信息结构图与结构图:避免混淆指南和的问题分享到这里就结束了,如果解决了您的问题,我们非常高兴。

用户评论

暮染轻纱

我经常搞混功能结构图和信息结构图,这个标题说得很中肯啊。

    有17位网友表示赞同!

你身上有刺,别扎我

这篇文章看完以后,终于明白这些结构图的区别了!

    有12位网友表示赞同!

我的黑色迷你裙

学习设计画好这些图一直是个问题,希望能学到干货!

    有6位网友表示赞同!

残留の笑颜

感觉有时候很难理解不同类型结构图的用途,这篇文章刚好可以解答!

    有13位网友表示赞同!

軨倾词

其实我觉得看名字就能基本区分明白... 但还是看一下详细解释更好哦。

    有14位网友表示赞同!

←极§速

我刚入门软件设计行业,对这些图还比较懵逼,这种文章正好适合我学习。

    有18位网友表示赞同!

暮光薄凉

以前没关注过这个区别,现在看来确实很重要!

    有17位网友表示赞同!

浅嫣婉语

期待这篇文章能让我把几种结构图的使用场景更清晰!

    有17位网友表示赞同!

经典的对白

画图虽然重要,但还要记得图要清晰易懂才行啊!

    有16位网友表示赞同!

独角戏°

希望能提供一些实用的绘制工具和技巧!

    有11位网友表示赞同!

■□丶一切都无所谓

文章内容涉及到哪些设计领域呢?比如软件、网络还是其他类型的?

    有20位网友表示赞同!

有你,很幸福

结构图真是太重要了,可以直观地表达很多复杂的关系。

    有17位网友表示赞同!

巷雨优美回忆

学习这些知识能让我更好地理解系统设计的逻辑吧!

    有17位网友表示赞同!

人心叵测i

分享这篇文章给我需要学习这类知识的同学看看!

    有18位网友表示赞同!

不浪漫罪名

原来还有这么多种结构图的区别!我以前真的太狭隘了...

    有9位网友表示赞同!

红尘烟雨

好文章呀!希望能有更多更深入的讲解和案例分析!

    有13位网友表示赞同!

不忘初心

这些图看起来好像都很复杂,但实际上学习起来可能很简短哦?

    有16位网友表示赞同!

肆忌

期待作者能提供一些画结构图的小技巧。

    有7位网友表示赞同!

一别经年

我平时也会用结构图来梳理自己的思路,这篇文章或许也能给我一些启发!

    有12位网友表示赞同!

【清晰区分功能结构图、信息结构图与结构图:避免混淆指南】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活