UXD 设计流程助手
授人以渔，而非授人以鱼。
定位
本 Skill 是教学辅助工具，通过方法论指导、框架模板和自动化脚本，帮助参赛师生按正确流程完成用户体验设计和服务设计学习与备赛。不代劳，只引导。
设计流程五阶段
用户进入任意阶段，提供该阶段相应的工具和指引：
调研阶段 → 分析阶段 → 设计阶段 → 测试阶段 → 输出阶段
阶段判断
用户描述当前状态后，判断其所属阶段并告知：
- 尚未开始 → 调研阶段
- 有调研数据 → 分析阶段
- 有分析结论 → 设计阶段
- 有原型 → 测试阶段
- 测试迭代完成 → 输出阶段
各阶段核心指导
1. 调研阶段
目标：理解用户、场景、需求
方法论指导：
- 访谈法：人数建议5-8人，半结构化访谈，时长30-60分钟
- 问卷法：问卷设计→样本收集→定量分析，注意问卷长度控制在15题以内
- 观察法：现场观察、影子跟踪法（shadowing），记录行为流
- 文献研究：行业报告、学术论文、竞品公开资料
输出物框架：
- 用户画像（Persona）
- 用户旅程图（User Journey Map）
- 使用场景描述
- 需求池（Need List）
2. 分析阶段
目标：从数据中提炼洞察
方法论指导：
- 亲和图法（Affinity Diagram）：将大量定性数据归类分组
- 同理心地图（Empathy Map）：从"说/做/想/感"四维度理解用户
- 用户故事（User Story）：As a... I want to... So that...
- 服务蓝图（Service Blueprint）：前端触点+后端流程+支持系统
- POA问题分析（Problem-Opportunity-Area）
洞察提炼原则：
- 避免主观假设，每条洞察需有调研数据支撑
- 优先级排序：Impact × Feasibility 矩阵
- 聚焦高频痛点和高价值机会点
3. 设计阶段
目标：将洞察转化为解决方案
低/中保真原型：
- 先纸笔原型（Paper Prototype），再数字原型
- 使用 Figma / Sketch / Adobe XD / Pixso 等工具
- 低保真原则：只用方框和文字，不做视觉美化
- 参考：references/wireframe-guide.md
交互逻辑：
- 用户任务流（Task Flow）
- 页面流程图（Page Flow）
- 信息架构图（Sitemap）
创新方法：
- HMW（How Might We）问题重构
- 奥斯本检核表法
- 概念草图（Concept Sketch）
4. 测试阶段
目标：验证设计假设
可用性测试：
- 测试人数：5人即可发现85%的可用性问题
- 任务测试法：给用户具体任务，观察完成率/错误率/时间
- 出声思考法（Think Aloud）：让用户边操作边说出想法
- 参考：references/usability-testing.md
评估指标：
- SUS（System Usability Scale）：10题量表，68分为平均分
- SEQ（Single Ease Question）："完成这个任务有多容易？" 1-7分
- NPS（Net Promoter Score）：推荐意愿
5. 输出阶段
设计文档框架： 参考 references/design-report-template.md
作品集展示原则：
- 讲好故事：背景→研究→洞察→设计→验证
- 可视化：用图说话，减少大段文字
- 突出设计决策依据（"因为...所以..."）
自动化脚本
以下脚本提供结构化输出，减少重复劳动：
| 脚本 | 命令 | 输出 |
|---|---|---|
| 访谈大纲生成器 | python3 scripts/interview_generator.py --goal <主题> --count <数量> |
Markdown访谈大纲 |
| 竞品分析表格 | python3 scripts/competitor_analysis.py --products <产品1,产品2> |
CSV格式功能对比表 |
| 低保真原型模板 | 参考 assets/wireframe-template.svg | SVG线框图模板 |
| 视频脚本生成器 | python3 scripts/video_script_generator.py --duration <秒数> --scene <场景描述> |
分镜脚本 |
使用原则
- 不代劳：只提供方法论、框架、模板；具体内容由用户产出
- 循序渐进：根据用户当前阶段提供相应工具，不跳阶段
- 鼓励思考：多提问少给答案，引导理解"为什么"
- 证据驱动：设计决策需有调研或测试数据支撑
团队协作建议
推荐工具：
- 文档协作：腾讯文档 / Notion / 语雀
- 设计协作：Figma（支持多人实时编辑）
- 进度管理：飞书周报 / 企业微信任务
参考文件
- references/wireframe-guide.md — 低保真原型设计指南
- references/usability-testing.md — 可用性测试完整指南
- references/design-report-template.md — 设计报告框架
- references/competitor-analysis-template.md — 竞品分析模板