产品架构设计之法——纵横梳理术(产品纵向)
ccwgpt 2024-09-17 12:33 33 浏览 0 评论
编辑导语:产品架构对于一个产品来说十分重要,产品经理在设计一款产品时肯定需要对产品的结构非常熟悉,本篇文章作者分享了产品架构设计的一套方法——纵横梳理术,一起来学习一下。
产品经理在设计一款产品时,需要对产品的结构做到心中有数、信手拈来,用户对产品的感知都是来源于产品的架构。
产品架构就如同人的骨骼组成,决定人的生理健康状况和最终身型。
所以,我们在进行产品架构设计之时,必须慎之又慎,避免粗心大意。
有一种说法是这样的——产品经理的第一性原理就是“少做多想”,即要多思考为什么(why)、做什么(what),只有反复咀嚼,想得通透,才能有效的知道如何做(how)。
个人比较赞同的这句话,落实到产品架构设计上,我们就需要多花时间思考,理解通透,而不是一上来就产出各种架构图。
今天我主要分享产品架构设计的一套方法——纵横梳理术,望大家品鉴,有所收获。
一、什么是纵横梳理术
所谓的纵横梳理术,是指我们在进行产品结构设计时要做到先粗后细,先纵后横,纵横交错下形成明细的框架。
具体说来,主要体现四个步骤:功能框架梳理、纵向流程梳理、横向信息梳理、展示架构梳理,上一个步骤是下一个步骤的基础,不可颠倒步骤顺序。
- 功能框架梳理:依据核心功能延展出具体的功能;
- 纵向流程梳理:用户使用某功能,从第一步到最后一步的整个流程;
- 横向信息梳理:用户在功能使用流程中每一步,我们需要给用户展示或提供的什么信息;
- 展示架构梳理:在前三个步骤完成的情况下,细化到具体的页面层级,考虑层级中包含的信息和交互元素。
二、纵横梳理术有什么作用
每一个产品经理,在经过不断的实战经验的积累,都有自己的一套方法论。
例如使用思维导图、流程图、线框图等,但这些都只是术。
而纵横梳理术则是从法的这个层面指导我们产品架构设计,是这些术的前提和基础。
我们知道一纵一横就可以定位一个具体的位置,帮助你找到方向,同样一纵一横的方法也可以快速定位产品的架构,帮助你理出产品的形成路径。
总结起来说,纵横梳理术对我们进行产品架构设计,有以下三方面的帮助。
1. 避免功能遗漏
无论我们在做产品规划,还是做产品设计,都有一个聚合思维过程,先发散再聚合。
若是先进行功能框架的梳理,从纵向上、横向上都开始思考,就能有效避免功能上缺失,不致于出现返工情况。
在智慧校园中三点半课后服务设计中,我们考虑到了上课教师、巡课教师、学生和家长,但在我们梳理请假流程中,发现自己忽略了班主任这个角色。
也许在整个上课环节,班主任的份量不突出,但整个学校教学管理中却是很核心的角色,所以不能遗漏这一角色,这避免了整个功能流程中角色的缺失。
2. 预防逻辑错误
我们在产品设计中,要考虑到数据的流转,用户在哪里,用户来自哪里,用户做了什么,用户将去哪里。
有因就有果,产品每一个环节的出现都是某些原因造成,并指向某些结果。
平常我们运用到的流程图,其实就是在解决功能路径中有没有逻辑上错误,考虑不周的情况。
对于产品新手而言,经常会忽视异常情况,或者只考虑有内容后怎么做,却没有考虑内容从哪里来。
智慧校园产品中的教育资源这个板块很重要,基于类似的产品的都有涉及到。
当初的我,只考虑到学校老师可以在资源平台里查看资源、下载资源,并包装成课件加以利用。
但当别人问我这些资源从哪里来,如果是老师来上传资源,老师又为什么来上传资源时,我一时难以回答,原来我一开始就忘记了内容来源这块方面。
3. 提高产出效率
不管是产品设计、技术开发或者运营策略,最大的时间消耗成本就是返工,即前期没有考虑全面,造成后期不断调整,极大地消耗时间和精力。
没有出现功能遗漏、逻辑错误,这些返工现象就不会出现,同时四个步骤,每一个步骤是下一个步骤的基础,每一个步骤只要考虑当前的事情,不需要考虑其他因素,也能极大提供思考效率。
例如在进行功能框架梳理时,就不需要考虑用户的操作和提供给用户的信息。
而在展示架构梳理时,只考虑把哪些元素放上层,哪些放下层,不再考虑还要补充或者删除哪些功能和信息,也不再考虑流程是否正确。
三、怎么使用纵横梳理术
下面开始详细说明四个步骤,帮助大家理清怎样使用纵横梳理术。
1. 利用“你我他”原则梳理功能框架
所谓的“你我他”原则,是指用户需求、商业需求是否得到满足,以及整个系统中不同模块和细节是否相互矛盾。
- 你——要满足用户需求,产品是建立在解决用户问题的基础上形成的;
- 我——要满足商业需求,产品要服务于企业,只有保持企业持续的盈利,才能带来产品的稳定;
- 他——是指系统中不同模块和细节不互相矛盾,可持续的正常运行。
用一句话比较实用的话来说,就是要实现用户需求和产品需求的统一,产品的可持续和稳定性。
那我们在整理功能列表时,可以分为功能性和非功能性,功能性又分为产品功能、商业功能。
2. 利用流程图进行纵向流程梳理
在这一步里,你主要考虑的不再是三原则,而是流程是否能走通、逻辑是否相互冲突、功能设计是否能够落地。
关于流程图来梳理业务流程或功能流程,我想每一个产品都懂得的。
我们要知道流程中的每一个活动,可以是人做的,也可以是系统做的,不能忽略其中任一点。
在这里的纵向流程梳理,主要是指业务流程,我们再画流程图的时候,必须记住这三步骤:
- 步骤一:先画主流程,先粗后细,再加入分支流程;
- 步骤二:完善细节,加入异常流程,并进行流程拆分;
- 步骤三:根据角色或组织,适时加入泳道。
除此之外,这里特意强调这四种异常情况,分别是规则限制、不操作、错误操作和反悔操作。
3. 利用场景化思维横向信息梳理
场景化思维横向信息梳理,这里特指的是微场景。
用户在大场景中使用产品满足需求的整个过程,实际可以分解为一个接一个的微循环——进入一个微场景,使用一个相应的微产品,满足一个微需求,然后进入下一个微场景。
在这里,我们要考虑用户在这个微场景下,展现给用户什么信息,或者需要用户提供什么信息。我们主要考虑信息的呈现,如何引导用户的行为。
例如在商品支付页面,若是呈现价格优惠信息,或者限时降价信息,就在无形的微环境中引导用户立即下单购买;
例如电影票购票页面,用户则主要关注该电影的开始时间、时长、与电影院的距离,空位、价格等信息,因为这些信息直接影响用户的决策。
通过这一步,你也就不必再担心绘制原型图时遗漏了某个元素或者设计。
4. 利用“简化”思维展示架构梳理
通过纵向、横向梳理,你已经知道了每个细节应该让用户操作什么、给用户展现什么.
后面到具体应用中,用树状结构展示出层级的顺序、每个层级包含的元素,要考虑哪些元素放上层,哪些元素放下层。
这里的“简化”思维,主要强调的是简化设计,避免繁琐,无用的设计元素。
以下几点在实际设计中,需要特别注意和运用:
- 减少冗余步骤和干扰项;
- 简化&优化操作方式;
- 让页面层次一目了然;
- 突出重要信息,隐藏次要信息。
以上就是纵横梳理术,有些地方实际上我们已经应用到了,只是没有做总结和反思。
可以说,这套方法论并没有创新之处,站在巨人的肩膀上,其关键还在于实际工作中能运用,并逐层推进下去。
本文由 @风鸣 原创发布于人人都是产品经理,未经许可,禁止转载。
题图来自 Unsplash,基于CC0协议。
相关推荐
- 一个基于.Net Core遵循Clean Architecture原则开源架构
-
今天给大家推荐一个遵循CleanArchitecture原则开源架构。项目简介这是基于Asp.netCore6开发的,遵循CleanArchitecture原则,可以高效、快速地构建基于Ra...
- AI写代码翻车无数次,我发现只要提前做好这3步,bug立减80%
-
写十万行全是bug之后终于找到方法了开发"提示词管理助手"新版本那会儿,我差点被bug整崩溃。刚开始两周,全靠AI改代码架构,结果十万行程序漏洞百出。本来以为AI说没问题就稳了,结果...
- OneCode低代码平台的事件驱动设计:架构解析与实践
-
引言:低代码平台的事件驱动范式在现代软件开发中,事件驱动架构(EDA)已成为构建灵活、松耦合系统的核心范式。OneCode低代码平台通过创新性的注解驱动设计,将事件驱动理念深度融入平台架构,实现了业务...
- 国内大厂AI插件评测:根据UI图生成Vue前端代码
-
在IDEA中安装大厂的AI插件,打开ruoyi增强项目:yudao-ui-admin-vue31.CodeBuddy插件登录腾讯的CodeBuddy后,大模型选择deepseek-v3,输入提示语:...
- AI+低代码技术揭秘(二):核心架构
-
本文档介绍了为VTJ低代码平台提供支持的基本架构组件,包括Engine编排层、Provider服务系统、数据模型和代码生成管道。有关UI组件库和widget系统的信息,请参阅UI...
- GitDiagram用AI把代码库变成可视化架构图
-
这是一个名为gitdiagram的开源工具,可将GitHub仓库实时转换为交互式架构图,帮助开发者快速理解代码结构。核心功能一键可视化:替换GitHubURL中的"hub...
- 30天自制操作系统:第六天:代码架构整理与中断处理
-
1.拆开bootpack.c文件。根据设计模式将对应的功能封装成独立的文件。2.初始化pic:pic(可编程中断控制器):在设计上,cpu单独只能处理一个中断。而pic是将8个中断信号集合成一个中断...
- AI写代码越帮越忙?2025年研究揭露惊人真相
-
近年来,AI工具如雨后春笋般涌现,许多人开始幻想程序员的未来就是“对着AI说几句话”,就能轻松写出完美的代码。然而,2025年的一项最新研究却颠覆了这一期待,揭示了一个令人意外的结果。研究邀请了16位...
- 一键理解开源项目:两个自动生成GitHub代码架构图与说明书工具
-
一、GitDiagram可以一键生成github代码仓库的架构图如果想要可视化github开源项目:https://github.com/luler/reflex_ai_fast,也可以直接把域名替换...
- 5分钟掌握 c# 网络通讯架构及代码示例
-
以下是C#网络通讯架构的核心要点及代码示例,按协议类型分类整理:一、TCP协议(可靠连接)1.同步通信//服务器端usingSystem.Net.Sockets;usingTcpListene...
- 从复杂到优雅:用建造者和责任链重塑代码架构
-
引用设计模式是软件开发中的重要工具,它为解决常见问题提供了标准化的解决方案,提高了代码的可维护性和可扩展性,提升了开发效率,促进了团队协作,提高了软件质量,并帮助开发者更好地适应需求变化。通过学习和应...
- 低代码开发当道,我还需要学习LangChain这些框架吗?| IT杂谈
-
专注LLM深度应用,关注我不迷路前两天有位兄弟问了个问题:当然我很能理解这位朋友的担忧:期望效率最大化,时间用在刀刃上,“不要重新发明轮子”嘛。铺天盖地的AI信息轰炸与概念炒作,很容易让人浮躁与迷茫。...
- 框架设计并不是简单粗暴地写代码,而是要先弄清逻辑
-
3.框架设计3.框架设计本节我们要开发一个UI框架,底层以白鹭引擎为例。框架设计的第一步并不是直接撸代码,而是先想清楚设计思想,抽象。一个一个的UI窗口是独立的吗?不是的,...
- 大佬用 Avalonia 框架开发的 C# 代码 IDE
-
AvalonStudioAvalonStudio是一个开源的跨平台的开发编辑器(IDE),AvalonStudio的目标是成为一个功能齐全,并且可以让开发者快速使用的IDE,提高开发的生产力。A...
- 轻量级框架Lagent 仅需20行代码即可构建自己的智能代理
-
站长之家(ChinaZ.com)8月30日消息:Lagent是一个专注于基于LLM模型的代理开发的轻量级框架。它的设计旨在简化和提高这种模型下代理的开发效率。LLM模型是一种强大的工具,可以...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- 框架图 (58)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- java日志框架 (61)
- mfc框架 (52)
- abb框架断路器 (48)
- beego框架 (52)
- java框架spring (58)
- grpc框架 (65)
- tornado框架 (48)
- 前端框架bootstrap (54)
- orm框架有哪些 (51)
- 知识框架图 (52)
- ppt框架 (55)
- 框架图模板 (59)
- 内联框架 (52)
- cad怎么画框架 (58)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)