能力模型与知识结构

PDE 四模块(产品思维/交互设计/前端工程/AI 产品)能力项与重要度、L1~L3 对应关系、半年转型路线图。

能力模型按行业通行做法整理(示例口径);AI 赛道知识更新极快,以当次评审要求为准。

四模块能力项

1 产品思维(“会定义问题”)

能力项L1L2L3重要度
问题定义能复述问题能独立定义能判断"值不值得做"★★★★★
用户研究会访谈记录会设计访谈会归纳洞察★★★★
优先级会用 RICE会排路线图会砍需求★★★★
指标会看埋点会定北极星会设计指标体系★★★

2 交互设计(“会画会判”)

能力项L1L2L3重要度
流程/信息架构会画流程图会设计信息架构会定 IA 规范★★★★★
原型会画线框会做可交互原型会用代码做原型★★★★★
状态设计会画成功页会覆盖边界状态会设计 AI 状态(流式/不确定/失败)★★★★★
可用性会自查会做 5 人测试会定可用性标准★★★★

3 前端工程(“会建会架构”)

能力项L1L2L3重要度
HTML/CSS/JS会改会写会优化★★★★★
React/TS看懂会建组件会定组件架构★★★★★
Git/PR会提交会开 PR 过审会定代码规范★★★★
性能/无障碍知道会排查会定预算/标准★★★★

4 AI 产品(“会用会调会设计”)

能力项L1L2L3重要度
大模型原理会用 API懂能力边界会选型★★★★
提示词/上下文会写提示词会做上下文工程会设计系统提示★★★★★
Agent/RAG会用现成会搭简单 Agent会设计 Agent 架构★★★★
AI 体验设计知道流式会设计等待/失败会设计完整 AI 体验★★★★★
评估会人工看会设计测试集会建评估流程★★★

半年转型路线图(“先选主轴”)

第 1~2 月:补"另一侧"基础
  - 设计师主轴:HTML/CSS/JS + Git/PR + React/TS
  - 前端主轴:用户研究/流程/原型/设计系统
  验收:独立设计并上线 1 个响应式页面(表单/加载/成功/失败/空状态)
   ↓
第 3~4 月:完整做 1 个产品功能
  - 真实任务(AI 文档整理/费用记录/会议待办)
  - 问题→研究→设计→代码→上线→数据
   ↓
第 5~6 月:找 5 个用户测试 → 磨细节 → 整理作品集
  验收:作品集三件套(设计过程 + 线上产品 + 代码仓库)
   ↓
第 7 月起:报 L1/L2 认证 + 投 Design Engineer 岗位

零基础铁律:设计/产品/代码不能同时从零学——先选一条主轴做到能独立交付,再补另一侧。PDE 很少是职业第一站。

与本站其他板块的衔接

  • 前端工程深度:与 UI 设计(设计侧)+ 软考(工程职称)互补;
  • AI 产品深度:大模型/提示词/Agent 属技能实操,无纸面证书时作品集即证明;
  • 纸面证书:软考中级/高级是 IT 职称的"硬纸"(软考 / 高项)。