mcpField
U
ux-researcher-designer

ux-researcher-designer

github.com/pixel-process-ug设计与 UI384 次安装33 周前更新
代码仓库

关于 ux-researcher-designer

面向 UX 研究与设计工作的技能,覆盖从发现研究到设计验证的流程。它提供方法选择指引、分析框架和交付物清单,并要求在关键阶段提交结果审核。

主要功能

  1. 01研究方法选择与规划
  2. 02用户画像与旅程地图
  3. 03信息架构分析
  4. 04启发式评估与严重度评级
  5. 05原型与可用性测试验证

适用场景

  1. 01为新产品制定用户研究计划
  2. 02基于访谈整理用户画像
  3. 03评估现有产品的可用性问题
  4. 04通过测试验证设计方案

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/pixel-process-ug/superkit-agents --skill ux-researcher-designer

安装后在 Claude Code 中输入/ux-researcher-designer确认已加载。

详细介绍

UX 研究员与设计师

概述

应用系统化的 UX 研究与设计方法,了解用户、验证假设并创建基于证据的设计。本技能涵盖从研究到设计的完整流程:探索性研究、创建用户画像、绘制旅程图、信息架构、可用性测试和启发式评估。

阶段 1:探索性研究

  1. 明确研究目标和问题
  2. 选择合适的研究方法
  3. 招募参与者(定性研究每个细分群体 5-8 人)
  4. 开展研究访谈
  5. 使用亲和图法综合研究发现

停止 — 提交包含目标和方法的研究计划,供用户审批。

研究方法选择决策表
生成式(探索性)方法
方法适用场景参与者时长成本
用户访谈了解动机、行为和痛点每个细分群体 5-8 人每人 45-60 分钟中
情境调查观察用户在自然环境中的行为4-6 人每人 1-2 小时高
日记研究纵向行为模式研究10-15 人1-4 周中
调查问卷定量验证定性研究发现100 人以上5-10 分钟低
焦点小组探索态度和偏好每组 6-10 人60-90 分钟中
评估方法
方法适用场景参与者时长成本
可用性测试根据任务验证设计5-8 人每人 30-60 分钟中
A/B 测试比较两种设计变体每种变体 1000 人以上1-4 周低
卡片分类组织信息架构15-30 人20-30 分钟低
树测试验证导航结构50 人以上10-15 分钟低
首次点击测试评估用户的初始直觉30 人以上5-10 分钟低
启发式评估不涉及用户的专家评审3-5 名评估人员1-2 小时低
方法选择决策表
情况推荐方法原因
不清楚用户是谁访谈 + 情境调查需要深入了解
有待验证的假设调查问卷 + 可用性测试定量确认
重新设计导航卡片分类 + 树测试聚焦结构
评估现有产品启发式评估 + 可用性测试快速发现问题
比较两种设计A/B 测试统计比较
预算或时间有限启发式评估无需参与者
了解长期行为日记研究捕捉一段时间内的行为模式
访谈指南模板
1. Introduction (5 min)
   - Thank participant, explain purpose
   - Get consent for recording
   - "There are no wrong answers"

2. Warm-up (5 min)
   - Background questions about role/context
   - Current tools and workflows

3. Core Questions (30 min)
   - Open-ended questions about behaviors
   - Follow-up probes: "Tell me more about..."
   - Critical incident: "Describe a time when..."
   - Avoid leading questions

4. Wrap-up (5 min)
   - "Is there anything I didn't ask that you think is important?"
   - Thank and explain next steps

阶段 2:分析与建模

  1. 根据研究数据创建用户画像
  2. 绘制关键场景的用户旅程图
  3. 定义信息架构
  4. 识别痛点和机会
  5. 使用影响/投入矩阵确定优先级

停止 — 在设计验证前提交用户画像和旅程图供审核。

用户画像模板
# [Persona Name]

## Demographics
- Age: [range]
- Occupation: [role]
- Technical proficiency: [low/medium/high]
- Usage frequency: [daily/weekly/monthly]

## Goals
1. Primary goal: [what they are trying to achieve]
2. Secondary goal: [supporting objective]
3. Tertiary goal: [nice-to-have]

## Pain Points
1. [Frustration with current process]
2. [Unmet need]
3. [Workaround they have created]

## Behaviors
- [How they currently solve the problem]
- [Tools and methods they use]
- [Decision-making patterns]

## Quotes (from research)
- "[Verbatim quote that captures their perspective]"
- "[Another representative quote]"

## Scenario
[A paragraph describing a typical day/task where they would use the product]
用户画像质量决策表
检查项通过未通过
基于真实研究数据引用访谈内容和用户行为编造或臆测行为
能指导设计具体的目标和痛点模糊的“想提高效率”
区别于其他用户画像目标、行为、限制各不相同与其他用户画像重叠
用户画像数量2-4 个主要用户画像超过 5 个(设计对象过多)
旅程图结构
Stages:     Awareness -> Consideration -> Onboarding -> Usage -> Advocacy
                |              |             |          |          |
Actions:   [What they do at each stage]
                |              |             |          |          |
Thoughts:  [What they are thinking]
                |              |             |          |          |
Emotions:  [Frustration/neutral/delight mapped to each stage]
                |              |             |          |          |
Pain Points: [Friction and frustration points]
                |              |             |          |          |
Opportunities: [Design opportunities to improve]
                |              |             |          |          |
Touchpoints: [Channels and interfaces involved]
旅程图要素
  • 关键时刻:用户形成持久印象的关键节点
  • 服务蓝图:将前台行为与后台流程对应起来
  • 情绪曲线:显示情绪高低起伏的可视化曲线
  • 差距分析:当前体验与期望体验之间的差异
启发式评估(Nielsen 的 10 项原则)
#启发式原则观察要点
1系统状态的可见性加载指示器、进度条、保存确认
2与现实世界相符自然语言、熟悉的隐喻、合乎逻辑的顺序
3用户控制权与自由度撤销、取消、返回、退出途径
4一致性与标准同一操作 = 同一结果、平台惯例
5错误预防确认对话框、限制条件、智能默认值
6识别而非回忆可见选项、上下文帮助、近期历史记录
7灵活性与效率快捷方式、自定义、批量操作
8美观且简约的设计没有不必要的信息、层次清晰
9帮助用户处理错误通俗易懂的错误信息、具体原因、修复建议
10帮助与文档可搜索、以任务为导向、简洁
严重程度评级量表
评级说明措施
0不属于可用性问题无需采取措施
1仅影响外观时间允许时修复
2轻微问题低优先级修复
3严重问题高优先级,发布前修复
4可用性灾难必须立即修复

阶段 3:设计验证

  1. 创建可测试的原型(低保真或高保真)
  2. 规划可用性测试环节
  3. 与 5 位以上参与者开展测试
  4. 分析结果并迭代
  5. 记录发现和建议

停止——提交可用性测试结果和建议以供评审。

原型保真度决策表
情况保真度工具原因
早期概念验证低(纸面/线框图)Balsamiq、纸张快速迭代、投入较少
导航测试中(可点击)Figma 原型测试流程,无需打磨视觉效果
视觉设计验证高(像素级精确)Figma、编码原型测试实际外观和使用感受
交互验证高(编码实现)HTML/CSS/JS 原型测试真实交互
A/B 测试方法
步骤详情
假设“更改 [X] 将会 [提升/降低] [指标],因为 [原因]”
样本量统计功效分析(95% 置信度、80% 检验效能)
时长至少 2 个完整业务周期(2 周以上)
变量控制每次测试一项更改
分析统计显著性(p < 0.05)
常见 UX 指标
指标衡量内容基准
任务成功率完成目标任务的百分比> 78%(可接受)
任务用时完成操作所需时长因任务而异
错误率每项任务的错误次数< 10%
系统可用性量表(SUS)整体可用性得分68 = 平均水平
净推荐值(NPS)推荐意愿> 0 = 良好,> 50 = 优秀
客户费力度(CES)体验的轻松程度> 5/7
信息架构
卡片分类分析决策表
分类类型适用情形分析方法
开放式分类探索——用户创建类别相似度矩阵、树状图
封闭式分类验证——归入预定义类别类别一致性百分比
混合式分类两者兼有——提供预定义类别,并允许添加新类别综合分析
导航模式
模式用例
全局导航在所有页面中保持一致
局部导航位于某个版块内
上下文导航相关内容链接
工具导航设置、账户、帮助
面包屑导航显示在层级结构中的位置

交付物清单

  • 包含目标和方法的研究计划
  • 参与者招募筛选问卷
  • 访谈/测试脚本
  • 研究发现的亲和图
  • 用户画像(2-4 个主要画像)
  • 关键场景的旅程图
  • 信息架构图
  • 包含严重程度评级的可用性测试报告
  • 有证据支持的优先级建议

反模式 / 常见错误

反模式错误原因应采取的做法
未经调研就进行设计假设会导致错误的设计从探索性研究开始
与同事一起测试他们有偏见,而且对产品了解过多招募外部参与者
询问用户想要什么用户无法预测自己的行为观察他们实际会怎么做
确认偏误只关注支持自身观点的内容使用结构化分析,并邀请多位评估者
角色过多(5 个以上)无法为所有人设计保留 2-4 个主要用户角色
跳过综合分析原始数据不等于洞见始终进行亲和图分析
A/B 测试样本量不足结果只是毫无意义的噪声开始前计算样本量
展示发现却不提供建议无法付诸行动的研究毫无价值始终列出按优先级排序的后续步骤

集成点

技能集成方式
ui-ux-pro-maxUX 指南和设计模式
mobile-design移动端可用性测试模式
planning研究计划是实施计划的一部分
spec-writing用户研究为 JTBD 规格提供依据
prd-generation用户角色和旅程地图为 PRD 提供依据
llm-as-judge使用评分标准评估设计质量

技能类型

FLEXIBLE — 根据项目限制(预算、时间安排、用户接触机会)选择并组合研究方法。如果无法开展完整研究,可以采用轻量级方法(启发式评估、街头测试)。

评论

支持 Markdown