Sunqy 文档库

主题

01 · 产品与设计全景：研发上游的地图 ​

前端转全栈不只是学后端，还要会"看懂上游"。 产品、设计、数据这三件事，决定了你做的功能有没有人用、好不好用、值不值得继续做。本篇是 H 域的地图：研发上游有什么、每篇讲什么、需要什么等级。

速览卡 ​

项内容
一句话定位给开发者一张"研发上游"地图：产品语境、设计语境、数据语境各解决什么，以及 H01~H06 的文章分布
核心内容为什么开发者要懂产品与设计、三层上游语境、H 域文章地图、等级四级、与其他域的分工
读完能回答我要不要学产品/设计？学哪些、多深？怎么和产品/设计高效协作？
相关板块H02 · 产品思维 ｜ F01 · 工程方法论全景 ｜ G08 · 应用形态与行业落地

一、为什么开发者要懂"上游" ​

开发的产出价值 = 做对的事 × 把事做对。各域教程教你"把事做对"（技术），但"做对的事"需要看懂上游：

上游它回答的问题不懂的代价
产品解决谁的问题、怎么算成功做出来的功能没人用
设计用户怎么理解、怎么操作功能对但难用、难还原
数据用户到底怎么用、要不要继续凭感觉迭代，方向越走越偏

前端转全栈的优势：你会同时接触 UI 层、服务端、数据层，天然是"上游到下游"全链路的信息交汇点。把上游看懂，是升级为高级/资深工程师的关键差异。

二、三层上游语境 ​

2.1 产品语境：目标、用户、指标 ​

看懂需求背后的业务目标：给谁用、解决什么、怎么算成功。这是 H02 的核心，也是 F02 需求拆解的输入。

2.2 设计语境：可用性、还原、一致性 ​

理解用户怎么用：布局是否顺手、信息层级是否清晰、交互是否有反馈；以及怎么把设计稿还原成代码。这是 H03、H04 的核心。

2.3 数据语境：埋点、质量、分析 ​

用真实行为数据验证假设：埋了什么点、数据准不准、分析出什么结论。这是 H06 的核心，也是产品决策的证据链。

三、H01~H06 文章地图 ​

text
product/
├── 01-产品与设计全景     全景入口：三层语境 + 等级四级（本篇）
├── 02-产品思维           目标 / 用户 / 指标 / 需求语境
├── 03-UI与UX基础         布局 / 层级 / 交互 / 可用性 / 视觉原则
├── 04-设计稿还原          Figma 到代码 / 验收 / 设计系统协作
├── 05-可访问性            为什么做 / 怎么做 / 怎么验收
└── 06-埋点与数据          埋点设计 → 数据质量 → 行为分析闭环

四、等级四级 ​

等级能力标准对应文章
初级能看懂需求、复述目标与用户，能按设计稿还原页面H01、H02、H03
中级能独立与产品/设计协作，能验收设计还原度与可用性H03、H04
高级能把可访问性内建到开发流程，能用埋点数据驱动迭代H05、H06
资深能主导产品指标的拆解、用数据做决策、建立设计与可访问性规范H02、H05、H06

等级不是"必须全学"。前端同学 H03、H04 通常优先级最高；转 AI 产品后 H02、H06 更重要。

五、和相邻域的分工 ​

H 域只讲"上游语境与判断框架"，技术落地链回各域：

内容H 域负责技术落地在哪
设计系统怎么协作、怎么验收A14 组件 API 与设计系统
可访问性为什么做、怎么验收B35 无障碍与语义树
埋点埋点怎么设计、数据怎么用B38 埋点与行为分析
产品指标目标与指标怎么拆G08 AI 应用形态

自检清单 ​

  • [ ] 能说清研发上游有哪三层语境，各自回答什么问题
  • [ ] 能说明"做对的事"和"把事做对"的区别，并各举一例
  • [ ] 能说出自己当前的上游能力等级和下一篇文章
  • [ ] 能说清 H 域与 A/B/G 各域的分工，不把本域当技术教程用

常见误区 ​

误区事实
"我是开发，产品和设计与我无关"看懂上游是高级工程师的分水岭
"懂产品就是多开会"是理解目标、用户、指标，会议只是载体
"H 域 = 设计教程"H 域是协作与判断框架，技术实现链回各域
"数据是分析师的事"埋点设计必须开发参与，数据质量开发负责

动手练习 ​

练习 A：画你手上功能的上游 ​

选一个正在做的功能，写出它的"目标 / 用户 / 成功指标"各是什么；写不出来，就去问产品经理并补上。

练习 B：定学习顺序 ​

按第四节给自己定等级，排出 H02~H06 的阅读顺序，标出哪些是本周、哪些是本月。

练习 C：找一次"做错事"的经历 ​

回忆一个"做出来没人用"的功能，分析是产品语境、设计语境还是数据语境的哪一环缺失了。

相关文档 ​

本区 ​

其他域 ​