学径XUEJING · 个人学习平台通知设置

课程库 产品设计 用户体验要素 · 五层模型 › 第 7

项目课 —— 用五层模型解剖一个产品,再设计一个功能

项目课45 分钟

本课导读

前六课把五层模型从地基讲到楼顶,本课把它变成你的手艺。两个任务:任务 A · 解剖——选一个你熟悉的产品,自上而下拆穿五层(诊断向:从看得见的表现层一路问到看不见的战略层);任务 B · 设计——从你工作中的一个真实需求出发,自下而上写一份五层设计文档(建造向:这正是这门课在 LearnPath 上出现的原因——它本身就是一个"工作里产生的需求")。做完这两个方向,五层模型才算真正安装完成。预计 45 分钟起,值得多花。

说明

前置工具箱:全部前六课。速查口诀——战略(为什么做)→ 范围(做什么/不做什么)→ 结构(流程与分类)→ 框架(页面怎么摆)→ 表现(视线与人设)。诊断口诀:症状在楼上,病灶在楼下。

任务 A · 解剖一个产品(自上而下)

选品标准:你高频使用、且用得不爽过的产品(不爽的经历是最好的解剖入口)。按下面的步骤走,每步的产出写在笔记里(右侧笔记栏此刻就是为这个准备的)。

分步操作

提示

解剖的价值不在"批判",在校准手感:你会发现许多"设计得烂"其实是"战略性装烂"(退款难、取消会员难),而许多"设计得好"的产品在偷偷替你做大量决定(默认值、排序)。看穿这两类,你就再也不会用"美丑"讨论产品了。

任务 B · 设计一个功能(自下而上)

现在换到建造者席位。从你的工作里挑一个真实的、还没做的需求(一个内部工具、一个流程改进、一个新功能都行——规模不限,五层俱全即可),照模板写一份设计文档。

分步操作

说明

新手最常见的翻车点:任务 B 从第 4 步(画界面)开始做——"我脑子里已经有那个页面了"。这正是五层模型要治的病:脑子里先有界面,等于让表现层绑架全楼。强迫自己按顺序走一遍,你会至少一次发现"哦,这个我根本没想清楚"——那一下就是这门课的全部价值。

交付物清单

两个任务做完,你手里应该有:

  • 任务 A:一段话的五层诊断报告(+ 过程笔记)
  • 任务 B:一份五层设计文档——价值主张与指标、MoSCoW 清单、流程图与分类树、线框图、视觉意图段
  • 把两份产出存进笔记。两周后回头重读一次:如果那时你能看出自己今天的漏洞,说明模型真的长进脑子了

📝 随堂测验

随堂测验0 / 4 题正确

1. 解剖产品时发现“退款入口极深”,正确的五层归因方式是?

2. 设计新功能时“脑子里已经有界面了,直接从画页面开始”的风险是?

3. 设计文档的“垂直一致性终检”检查的是?

4. 为什么建议两周后重读自己的设计文档?

本课小结 · 单元结课

  • 五层模型的两个使用方向:自上而下解剖(诊断:症状在楼上,病灶在楼下)与自下而上建造(设计:下层没定,上层不收尾)
  • 解剖的关键分辨力:能力问题 vs 立场问题——很多"烂"是战略性的
  • 建造的关键纪律:别让脑中的界面绑架全楼,按层走一遍必有发现
  • 一份合格的五层设计文档 = 价值主张与指标 + MoSCoW + 流程图与分类树 + 线框图 + 视觉意图 + 垂直一致性终检

单元到此结课。这张 2002 年的图之所以活到今天,是因为它讲的不是某种技术或风格,而是造东西这件事里决策的天然顺序——它同样适用于写一份文档、办一场活动、规划一门课程(没错,你刚学完的这个单元,就是用它设计的)。下次工作里再遇到产品讨论,记得先问那句话:"我们现在聊的是哪一层?"

划选正文任意文字可高亮、批注或加入复习卡

讨论

载入中…