当前位置: 首页 > news >正文

功能架构图、信息结构图、产品结构图的区别和绘制方法

一、功能架构图

1. 定义

功能结构图就是以功能模块为类别,介绍模块下其各功能组成的图表,体现了产品功能的同时,也展示了功能的从属关系。

2. 作用:

产品设计时,辅助思路梳理,避免功能概念模糊、缺失。

3. 注意点:

绘制功能结构时,尽量避免出现信息结构要素出现的可能性,形容一个功能点时建议多采用“动词+名词”的语言描述形式,如:设置密码。

4. 如何绘制

1)针对设计中的新功能/产品
列出产品的核心功能模块,针对每个模块,绘制业务流程,从流程中提炼功能点,罗列整个闭环需要的功能点,找出从属关系层次,粒度从粗到细。多用动词加名词作为一个功能节点。
2)针对已有产品或功能的倒推
快捷方法:参考产品的Tab功能模块找出产品主功能模块,然后按照层级归属关系详叙该功能模块提供的下一级功能模块或功能,如有必要,其颗粒度可一直细化到功能操作的描述程度。
注意:当一个次级功能模块反复出现在不同的Tab功能模块中的时候,我们就可以考虑将其拆分出来作为主功能模块。

二、信息结构图

1.定义

指脱离产品的实际页面,将产品的数据抽象出来,组合分类的图表,信息结构有点类似编程中的数据表结构设计,揭示了需要哪些数据,这些数据需要有怎样的元素组成,才能达到每个功能模块需要展现的内容表达,对于内容类产品尤为重要。

2.作用

帮助pm梳理复杂的数据信息,避免遗漏、重复、混乱;
可作为研发建立数据库、做表结构设计的依据。

3.注意点

信息结构设计晚于功能架构设计,要脱离页面功能,考虑数据的组成、流动、关联,避免出现功能结构要素,节点要素多为名词。

4.如何绘制

找出每个功能点需要的内容组成要素,将其去重、归类。

三、产品结构图

1.定义

综合展示产品信息和功能逻辑的图表,简单说产品结构图就是产品原型的简化表达,是将功能和信息以一种合理自然的逻辑,把功能结构图和信息结构图中的内容放入产品中的每一个页面的结果,是产品概念化设计的结尾阶段的产物。

2.作用

可以替代原型,快速评审产品方案的可行性,实现成本低。可指导原型制作,避免原型绘制反复修改,浪费时间。

3.注意点

没有产品结构图之前,不要动手画原型!画原型之前,最好先画草稿,纸上画比电脑上要快,有问题也能及时发现。

4.如何绘制

先从概念和功能上分类和分层,然后在每个需要体现内容数据的节点,展看所需要的数据描述,不同页面若都有展示同一个数据的情况,那就都体现出来,此时,你就要想象这是你产品的最终形态,每个页面要有哪些功能和数据,类似于开发做的不同静态页面。
至于交互动作的细节不用体现在结构图中,比如页面布局细节、交互手势、动画效果等,属于交互设计的范畴,在产品结构设计时,可以一并考虑,除非很特别的交互,否则都遵循简单原则即可:pc端以点击、滚动、选择为主,移动端以点击、滑动为主。

总结

产品设计阶段,经过需求收集和分析,首先要根据需求,将需要的功能大致罗列,输出功能结构图;
功能结构图成型后,根据产品形态大小,业务是否复杂,产出信息结构图;
结合两者,将功能和信息向着页面和展示方向靠拢,每个动作进入哪些页面或窗口,相应展现哪些内容,产出产品结构图,指导原型绘制。

以上总结,与各位产品共勉!

转载于:https://blog.51cto.com/milkyqueen520/2084151

相关文章:

  • 我们雇佣了一只大猴子...
  • 关于Android P 开发者预览版首发
  • Flink1.7.2 local WordCount源码分析
  • PyQt5 -day3-3 格栅布局 又叫 网格布局
  • 云服务器绑定主机名的正确姿势
  • 第十八天-企业应用架构模式-基本模式
  • 移植之乱谈
  • HTTP 2.0与OkHttp
  • 360旗下公司推出区块链宠物游戏“恋猫”,要和360区块猫竞争吗
  • 项目微管理8 - 流程
  • vue axios ajax
  • z-index
  • 微软最具价值技术专家:我的16年软件开发经验总结
  • 排查Java的内存问题
  • 一对一源码搭建直播平台,需要如何选择云服务器才能带的动
  • python3.6+scrapy+mysql 爬虫实战
  • 《用数据讲故事》作者Cole N. Knaflic:消除一切无效的图表
  • Apache Spark Streaming 使用实例
  • Apache的基本使用
  • in typeof instanceof ===这些运算符有什么作用
  • 分布式熔断降级平台aegis
  • 基于Javascript, Springboot的管理系统报表查询页面代码设计
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 看域名解析域名安全对SEO的影响
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 提升用户体验的利器——使用Vue-Occupy实现占位效果
  • 我是如何设计 Upload 上传组件的
  • 小而合理的前端理论:rscss和rsjs
  • 职业生涯 一个六年开发经验的女程序员的心声。
  • const的用法,特别是用在函数前面与后面的区别
  • 京东物流联手山西图灵打造智能供应链,让阅读更有趣 ...
  • 如何用纯 CSS 创作一个货车 loader
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • ​云纳万物 · 数皆有言|2021 七牛云战略发布会启幕,邀您赴约
  • ###51单片机学习(1)-----单片机烧录软件的使用,以及如何建立一个工程项目
  • #1014 : Trie树
  • #define
  • #LLM入门|Prompt#1.8_聊天机器人_Chatbot
  • #QT(智能家居界面-界面切换)
  • #在 README.md 中生成项目目录结构
  • $redis-setphp_redis Set命令,php操作Redis Set函数介绍
  • (2)关于RabbitMq 的 Topic Exchange 主题交换机
  • (附源码)spring boot校园拼车微信小程序 毕业设计 091617
  • (亲测有效)解决windows11无法使用1500000波特率的问题
  • (一)spring cloud微服务分布式云架构 - Spring Cloud简介
  • .Net Core 中间件验签
  • .net 调用php,php 调用.net com组件 --
  • .net 桌面开发 运行一阵子就自动关闭_聊城旋转门家用价格大约是多少,全自动旋转门,期待合作...
  • .Net程序帮助文档制作
  • .NET平台开源项目速览(15)文档数据库RavenDB-介绍与初体验
  • ::前边啥也没有
  • @FeignClient 调用另一个服务的test环境,实际上却调用了另一个环境testone的接口,这其中牵扯到k8s容器外容器内的问题,注册到eureka上的是容器外的旧版本...
  • [ CTF ]【天格】战队WriteUp- 2022年第三届“网鼎杯”网络安全大赛(青龙组)
  • [ linux ] linux 命令英文全称及解释