新闻中心
一张图讲清楚产品架构手把手教你画产品框架图

  fridayyi:老师,你好,能发一下源文件和视频让我学习一下吗?谢谢!

  假设你是 微信-扫码功能 的产品经理,有一天老板把你叫到办公室,一番鼓励后拍着你的肩对你说:

  “苹果发布会看了没?苹果这么重视对AR能力的支持,我们微信也要赶紧把AR功能做起来。这是个Allen(张小龙)很重视的项目,你回去好好设计一下,明天来跟我过方案。记住,要能够一炮打响,全民参与喔!”

  在需求初期,产品经理得到的往往只是一句比较模糊的需求描述,它们可能来自于老板、运营或用户。

  直接把这句话作为核心产品功能是不恰当的,合理的做法是先把这个产品所有的问题域列清楚。

  “问题域”是指自己的产品能够解决的所有问题的空间集合。从核心需求出发,将所有当前需要解决、未来可能要解决的问题放入产品框架的范围,能够帮助你的产品架构图拥有更高的可拓展性,在后续具备迭代和优化的空间。

  1. 找到收到的需求中,跟产品形态、产品目标相关的词句,去列出“XX的流程会是什么样”、“XX该怎么达成”之类的问题,直到如果这些问题解决,能够实现核心需求的方向和业务目标。

  2. 去逐次寻找这些问题需求被解决的过程中,是否有其他要先解决掉的问题、或者其他跟业务相关的问题能够被解决/改善。

  3. 按照层级去罗列出所有的问题,并附上自己的初步回答,从而形成一个初步的、自己的产品能够解决的“问题域”。

  在经过问题域的罗列后,你应该能够得到一个模糊的产品方向和功能范围。把这些问题域的答案抽象总结成一个确定的产品需求。

  以微信AR的需求为例,根据问题域,我们发现需求不只是扫码组件增加AR识别能力这么简单,整个需求里需要引入广告主的角色,并且需要和广点通、腾讯开放平台等团队合作。最终得到的产品方向描述是这样的:

  问题域的环节非常发散,这一步需要回归基础,把模糊的需求补充、拓展和翻译成一个在商业模式和用户体验上能够形成闭环的产品需求。

  这一步需要根据核心产品需求和问题域的答案,画出简单的业务流程。业务流程是产品设计中常见的图表,绘制方法就不再多做说明。

  以微信AR的需求为例,从广告主准备AR互动,到用户在前台使用摄像头参与互动,整个业务流程如下:

  基础的产品框架脱胎于业务流程,但相比业务流程,更加注重产品功能的枚举、功能模块之间的分界。

  1. 对照业务流程,根据自己设想的产品机制、基本产品形态和用户的使用路径,列出需要的页面&功能&模块等前后端逻辑。

  2. 将刚刚得到的多个流程图中所有功能类似或者范围有包含关系的机制/功能放在一起,以模块化的形式形成一张简单的矩阵图。

  3. 将明显是同一个产品范围、同一组产品功能的模块放在同一层级,得到一个基础的产品框架。

  一个具备前后台关系的产品架构图至少分为三层:用户感知层(在何种场景下通过何种方式触达用户)、功能模块层(通过哪些功能模块实现产品的核心功能、和哪些外部平台功能有信息交互)、数据层(产品的数据从哪里来、产品的数据沉淀到何处去)。

  在上一步进行简单分层后,我们已经得到一个初步框架,但是难免会有分层不明确的问题。此时需要按照两种维度来处理架构图的层级:不同信息层级的边界、同一层级内模块和模块的边界。

  架构图的层级表达的其实是信息之间的流转关系,不同信息层级之间一定是有逻辑关系的。

  其中用户感知层和数据层通常可以简化为一层(用户端的功能表达往往逻辑简单、数据的来源问题则不是自己产品的核心功能),而功能模块层则需要按照自己产品的逻辑去将功能模块层内的主要模块变成新的层级。

  各层次之间虽然相关,但同一层次内的子模块之间一定是互相独立、界限分明的(常常对应着不同的开发团队和系统应用)。将解决不同问题的功能拆分成两个子模块,做到一个问题只在同一层解决,避免牵一发而动全身的情况出现。

  产品边界对于开发设计系统架构、业务间的合作模式都非常重要。用不同颜色标识清楚产品框架中,各个部分所属产品的边界,通常其中属于自己团队的部分用亮色表示。

  产品架构图在表达产品的核心功能外,也应该体现信息流动的路径:当前层级数据的交互形成产品功能,产品功能又产生新的数据,从而推动下一层级的功能运转起来。

  如果当前产品的主要使用角色只有一个,则只需要用箭头标明模块间信息流动的方式即可。如果当前产品会涉及的主要角色比较多,则需要用不同颜色的线条将他们和各个模块之间的信息交互关系外化出来。

  记得不断根据你的产品的发展情况来更新产品架构图,每次修改的过程对提升产品架构能力的帮助非常巨大。

  1. 本文案例「微信要做AR功能」为虚构背景,功能拆分也仅做了最简单的示意,不代表微信或其他公司AR功能产品设计的真实思路。如与真实情况雷同,说明我的推理能力超强,哈哈哈哈。

  2. 产品框架图相关的知识大部分来自阿里各位产品前辈的言传身教,十分感激。如果你按照教程绘制自己的产品框架图时遇到任何问题,我很乐意和你一起探讨。

  关注微信公众号 「知了Club」(zhiliaoclub) 后,回复“产品框架图”,即可获取本文PPT格式的文件,绘制你自己第一份的产品框架图~

  有鹿:从业三年的产品经理,目前任职阿里。定期进行系列分享,帮你「get产品技能」、「收集产品案例」和「了解XX相关的产品经理是做什么的」,欢迎添加「知了Club」公众号(zhiliaoclub)与我交流。

  本文由PMCAFF专栏作者@知了Club_有鹿原创发布于PMCAFF产品社区()

  经理来说,一般身兼交互设计,所以输出的原型图一方面要给研发作为需求说明,一方面是为了让UI更有效率的输出。

  原型的工具我一直使用的是axure,因为用习惯了,上手比较顺,而我对于原型的理解也经历了三个阶段。第一阶段:追求接近UI的高保真效果这个时期,我做的原型是这样的无论是从部件的布局,颜色的选择和搭配,字号的大小,图标的使用,我都会投入很多精力,当时的成就感来自于把axure用...

  当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完)这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。......

  你用Axure做一个微信高保线、背景       其实模仿微信做高保真原型本意是用其面试。之前没有PM经验,也需一些可入眼的作品,方才做了这样一个原型设计。蒙PMCAFF论坛不弃邀我解析该原型,受宠若惊之余便即答应下来,毕竟拜读高段位PM作品也已多时,不愿甘做伸手党的我也该为社区做点共享了。我将会按屏幕,一屏一屏的解析我的思路和实现方法,当抛砖引玉,倘有精彩处还请大家多多点赞,若太过平淡无奇亦欢迎各路侠客拍砖;先行谢过了!废...

无法在这个位置找到: plus/ckplayer.htm

上一篇:滴滴组织架构调整的背后逻辑 下一篇:如何正确的画出功能流程图?