熟练掌握一些工具,能提高工作效率。对B端产品来说更是如此。本文作者分享了B端产品需要掌握的3种框架图,熟练掌握,可以加速我们的工作流程。

作为B端产品经理,设计和管理复杂的产品功能是日常工作的一部分。

在这个过程中,功能框架图、信息架构图和产品结构图是我们必须要三种重要的工具,能帮助我们准确表达需求的产品逻辑、信息范畴和用户界面。

01 功能框架图

功能框架图是梳理产品功能的起点,它帮助我们理解产品需要实现的所有功能。有时候也称为功能结构图,通过罗列出所有的功能,用于项目流程的早期阶段。

目的

功能框架图的目的是展示产品或服务中包含的所有功能,帮助团队理解产品的功能组成。

梳理方法与步骤

(1)确定用户需求:与利益相关者沟通,了解用户的基本需求。

(2)记录功能:基于需求,列出产品需要实现的所有功能。

(3)组织功能:将功能按照逻辑分组得到模块,通常用名词+“管理”组成,如用户管理、订单管理等。

(4)使用动词+名词:为每个功能点使用动词+名词的形式命名,如“创建订单”、“管理用户”。

示例

在一款外卖App中,根据功能框架图的概念梳理可以得到如下的内容:

(1)用户管理模块:创建用户、编辑用户信息、删除用户。

(2)订单管理模块:创建订单、查看订单、修改订单、取消订单。

02 信息架构图

这个图通常在功能框架图之后使用,当产品的功能确定后,信息架构图帮助确认各模块包含的信息。它以「xx信息」的形式描述,展示信息的细项和分类,帮助我们确定在产品中需要找到的信息和内容。

用一句话概括就是:信息架构图是帮助我们定义和组织如何在产品中展示信息的工具。

梳理方法与步骤

(1)确定信息类型:识别产品中需要展示的信息类型。

(2)分类信息:将信息按照逻辑分类,如用户信息、订单信息等。

(3)定义信息层级:确定信息的层级关系,如基本信息、详细资料。

(4)使用xx信息:为每个信息点使用“xx信息”的形式命名,如“账户信息”、“流水号信息”。

目的

– 设计信息展示逻辑,确保用户能够容易地找到所需信息。

– 优化用户体验,通过合理的信息架构提高用户满意度。

示例

继续以外卖App为例,信息架构以拆解为:

(1)用户管理模块:基本资料信息、收货地址信息、账户信息等。

(2)订单管理模块:流水号信息、状态信息、订单快照信息、支付信息等。

03 产品结构图

完成了前面的两个图,最后一步就是设计用户界面(画原型了),这里就是要用到产品结构图了。

产品结构图是界面的直观表达,具体展示界面的布局和元素。它反映了用户实际看到的产品界面,帮助团队理解产品的视觉和交互样式。

梳理方法与步骤

1. 确定界面元素:根据前面的模块/功能/信息,逐一翻译为界面上需要展示的所有元素,如XX功能按钮、XX信息输入框等。

2. 布局规划:设计元素的布局,确保界面清晰、逻辑性强。

3. 交互设计:考虑元素之间的交互,如点击按钮后的操作。

4. 视觉呈现:使用线框图或原型图展示界面的视觉设计。

适用场景

(1)用于在设计初期确定界面的基本结构和布局。

(2)用户测试:通过原型图收集用户反馈,优化设计。

示例

产品结构:

(1)导航栏:为了承载前面已经定义出的模块与功能,在App的底部导航选项,必须包含用户图标、订单图标。

(2)用户中心:为了承载前面定义的信息架构展示,在用户中心页需要包含如下信息展示元素:基本资料信息、收货地址信息、账户信息。

04 综上

作为B端产品经理熟练掌握这些工具,不仅可以帮助我们快速梳理产品逻辑,还有助于准确传达你的想法给到研发团队,加速我们的工作流程。

本文由人人都是产品经理作者【三爷茶馆】,微信公众号:【三爷茶馆】,原创/授权 发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于 CC0 协议。

友情提示

本站部分转载文章,皆来自互联网,仅供参考及分享,并不用于任何商业用途;版权归原作者所有,如涉及作品内容、版权和其他问题,请与本网联系,我们将在第一时间删除内容!

联系邮箱:1042463605@qq.com