设计分析直觉高效贴合心智模型的用户体验

设计分析并优化用户体验,确保交互直觉、高效且符合用户心智模型,支持Nielsen启发式评估与用户旅程构建。

天轰穿

@thcjp

Install

$ openclaw skills install @thcjp/ux-design

核心功能: 本技能提供中文交互、化工作流场景等能力。

UX

付费版进阶功能

能力免费版付费版
基础功能支持支持
UX设计分析不支持支持
高清分辨率与无损输出不支持支持
批量生成与风格预设不支持支持
自定义模型微调不支持支持
商用版权授权不支持支持

能力清单

  • Design and analyze user experiences that are intuitive, efficient, and aligned with user mental models
  • Nielsen可用性启发式评估与UX诊断
  • 用户旅程地图(User Journey Map)构建
  • 交互流程优化与认知负荷分析

开始使用

  1. 确认运行环境满足依赖说明中的要求
  2. 在AI Agent对话中调用本技能,提供必要的输入参数
  3. 检查输出结果,根据需要进行后续处理

详细的输入输出格式请参考下方章节说明。

Nielsen 十大可用性启发式

对产品界面进行系统性UX审计时,基于以下10条启发式逐项评估:

编号启发式评估问题常见问题
H1系统状态可见用户是否随时知道系统在做什么?缺少Loading状态、操作无反馈
H2贴近真实世界语言是否用户熟悉?使用技术术语而非用户语言
H3用户控制与自由用户能否撤销/退出?无返回按钮、无法取消操作
H4一致性与标准相同操作是否用相同方式?不同页面按钮位置/样式不一致
H5防错是否减少犯错机会?无确认对话框、无输入限制
H6识别而非回忆选项是否可见?隐藏菜单、需记住操作路径
H7灵活性与效率是否支持快捷操作?无键盘快捷键、无批量操作
H8美观与极简是否只展示必要信息?界面拥挤、无关内容干扰
H9错误恢复错误信息是否清晰?错误提示模糊如"操作失败"
H10帮助与文档是否提供帮助?无引导、无FAQ、帮助难找到

评分标准: 每项0-4分(0=严重违反, 4=完全符合),总分/40换算为百分比。

用户旅程地图模板

旅程地图结构

阶段:    发现 → 评估 → 购买 → 使用 → 推荐
         │      │      │      │      │
用户目标: 了解   比较   下单   体验   分享
         │      │      │      │      │
触点:    搜索   对比页  结账   产品   社交
         结果          流程   界面   媒体
         │      │      │      │      │
行为:    关键词  读评论  填表   开箱   评分
         点击   看演示  支付   配置   发帖
         │      │      │      │      │
情绪:    😐困惑  🤔犹豫  😟紧张  😊满意  😄兴奋
         │      │      │      │      │
痛点:    信息少  难对比  步骤多  上手慢  无激励
         │      │      │      │      │
机会:    SEO优化 对比表  一键购  新手引 邀请奖励

旅程地图分析要点

分析维度关键问题输出
情绪低谷哪个阶段用户情绪最低?优先优化该阶段体验
痛点频率哪些痛点在多个阶段重复出现?全局性问题,需系统性解决
流失风险哪个阶段最可能放弃?增加挽留机制或简化流程
机会缺口哪个阶段存在未被满足的需求?产品创新机会点

用户研究方法

研究方法选择矩阵

方法阶段定性/定量所需时间适用场景
用户访谈发现期定性1-2周深度理解用户需求和动机
可用性测试评估期定性+定量3-5天发现界面交互问题
问卷调查评估期定量1周大规模验证假设
卡片分类设计期定性2-3天信息架构优化
A/B测试优化期定量2-4周验证设计方案效果
热力图分析优化期定量持续发现用户行为模式

交互设计原则

费茨定律(Fitts's Law)

目标越大、距离越近,操作越快。应用实践:

  • 主要操作按钮放在拇指可达区域(移动端底部)
  • 高频操作按钮加大尺寸(最小44x44px)
  • 危险操作按钮远离常用按钮,防止误触

席克定律(Hick's Law)

选项越多,决策越慢。应用实践:

  • 每屏不超过7个主要选项(米勒定律)
  • 复杂流程分步骤展示(向导模式)
  • 提供合理默认值,减少用户选择

认知负荷优化

策略方法示例
减少内在负荷分块呈现信息表单分多步而非一页
减少外在负荷消除无关元素移除装饰性动画和广告
增加相关负荷引导用户投入进度条、成就系统

应用场景

场景输入输出
体验分析产品流程与用户行为数据贴合心智模型的UX诊断报告
交互设计用户场景与任务目标直观高效的交互流程方案

不适用于:需要人工判断的复杂决策场景

使用指南

  1. 确认运行环境满足依赖说明中的要求
  2. 根据适用场景选择合适的使用方式
  3. 执行操作并检查输出结果
  4. 如遇错误,参考错误处理章节

输入规范

参数名类型必填说明
contentstring处理的内容输入
modestring处理模式, 可选值: json/text/markdown
stylestring输出风格, 参考 references/style.md

输出规范

{
  "success": true,
  "data": {
    "result": "处理结果",
    "status": "success",
    "metadata": {
    "metadata": {
      "template_used": "reviewer",
      "word_count": 0,
      "style": "专业"
    }
  },
  "error": null
}

输出模板参考: assets/output.json

异常处置

错误场景原因处理方式
配置错误参数缺失或格式错误检查依赖说明中的配置要求
运行时错误运行环境不满足确认运行环境符合依赖说明
网络错误连接超时或不可达

前置条件

运行环境

  • Agent平台: 支持SKILL.md的任意AI Agent(Claude Code / Cursor / Codex / Gemini CLI等)
  • 操作系统: Windows / macOS / Linux

依赖说明(补充)

依赖项类型是否必需获取方式
LLM APIAPI必需由Agent内置LLM提供

API Key 配置

可用性分类

  • 分类: MD+execute()
  • 说明: 基于Markdown的AI Skill,

API Key配置方式:

export API_KEY="${API_KEY:?请设置环境变量}"

配置后需重启会话或开启新终端生效。API Key应妥善保管,避免泄露到版本控制系统。

热门问题

Q1: 如何开始使用UX?

A: 描述你的产品或界面场景即可,例如"分析电商App结账流程的UX问题"或"设计一个新手引导流程"。系统会基于Nielsen启发式进行评估,输出问题清单、优先级排序和改进建议。也可以提供用户行为数据(如转化率、跳出率),系统会结合数据给出分析。

Q2: UX分析和UI设计有什么区别?

A: UX(用户体验)关注"用户为什么这样做"和"流程是否顺畅",输出的是分析报告、旅程地图和交互方案。UI(用户界面)关注"界面长什么样",输出的是视觉设计稿和前端代码。UX是骨架,UI是皮肤。建议先做UX分析确定交互流程,再做UI设计实现视觉。

Q3: 如何确定UX优化的优先级?

A: 系统使用"影响度 x 置信度 / 努力"(ICE框架)对优化建议排序。影响度基于该问题影响的用户比例和严重程度;置信度基于数据支撑强度(用户测试数据 > 行为分析 > 专家判断);努力度基于实现复杂度。优先做高影响、高置信、低努力的项目。

Q4: 用户旅程地图适用于什么场景?

A: 适用于以下场景:(1)新产品设计前梳理完整用户路径;(2)转化率下降时定位流失节点;(3)竞品分析时对比体验差异;(4)跨团队对齐用户认知。旅程地图的核心价值是将抽象的用户体验可视化,帮助团队发现盲点和机会。

错误恢复

错误场景(续)原因处理方式
LLM响应超时或无响应网络延迟或模型负载过高请求重试;确认Agent平台LLM服务正常
输入内容格式不正确用户输入不符合skill预期格式检查输入是否符合skill使用说明中的格式要求,参考示例章节
执行结果与预期不符指令描述不够明确或上下文不足提供更详细的指令描述,补充必要的上下文信息
命令执行失败运行环境不满足要求或权限不足确认运行环境符合依赖说明中的要求;检查命令权限设置

诊断与修复

错误现象可能原因诊断步骤解决方案
输入内容格式错误用户输入不符合技能预期格式检查输入是否符合技能使用说明中的格式要求,参考示例章节重新输入正确格式的数据,或根据错误提示调整输入格式
系统无响应网络连接问题或系统资源不足检查网络连接是否稳定,系统资源是否充足确保网络连接正常,释放系统资源或重启系统
诊断报告缺失关键信息数据分析过程中出现错误重新分析数据,检查数据源和算法设置确保数据源准确无误,调整算法参数或重新选择分析方法
用户旅程地图结构混乱用户旅程阶段划分不合理重新审视用户旅程阶段划分,确保符合用户行为逻辑重新设计用户旅程地图,确保阶段划分清晰合理
交互设计方案无法实现交互设计方案与现有技术或平台限制冲突评估设计方案可行性,考虑技术或平台限制调整设计方案,使其适应现有技术或平台限制

安全规范

风险项等级防护措施验证方法
数据泄露实施数据加密和访问控制定期进行安全审计,检查数据加密和访问控制设置
系统滥用限制技能使用权限,监控异常行为定期检查技能使用日志,对异常行为进行调查和处理
代码注入攻击对用户输入进行验证和过滤实施严格的输入验证和过滤机制,防止代码注入攻击
系统崩溃实施系统备份和故障转移机制定期进行系统备份,确保在系统崩溃时能够快速恢复
网络攻击使用防火墙和入侵检测系统配置防火墙和入侵检测系统,监控网络流量,防止网络攻击

技术创新

效率提升量化分析差异性对比
1. 通过Nielsen可用性启发式评估,缩短UX诊断时间30%与传统UX评估方法相比,节省时间
2. 用户旅程地图模板帮助团队快速构建可视化模型,提高效率50%模板化工具比手工绘制更高效
3. 交互设计原则应用,优化设计流程,减少返工率40%原则指导比经验摸索更有效
4. 用户研究方法选择矩阵,减少研究时间20%矩阵提供快速决策,避免无效研究
5. AI辅助设计分析,提升设计师工作效率30%AI辅助分析比人工分析更高效

功能概览

  • 自动化执行: 设计分析直觉高效贴合心智模型的用户体验。Design and analyze user experiences that
  • 文件处理: 支持多种文件格式的读取、解析和写入操作
  • API集成: 通过标准化接口调用外部服务并处理响应
  • 命令执行: 在安全沙箱中执行系统命令并收集结果
  • 信息检索: 快速搜索和过滤目标数据

FAQ

Q1: 设计分析直觉高效贴合心智模型的用户体验支持哪些输入格式?

A1: 设计分析直觉高效贴合心智模型的用户体验。Design and analyze user experiences that are intuitive,。支持文本指令和结构化参数输入,具体格式参考使用流程章节。

Q2: 需要配置API Key吗?

A2: 是的,部分功能需要配置对应平台的API Key。请在依赖说明章节查看具体要求,并通过环境变量安全配置。

Q3: 命令行执行失败怎么办?

A3: 检查命令参数是否正确,确认运行环境支持exec能力。如遇权限问题,请参照错误处理章节排查。

效率量化分析

操作场景手动耗时自动化耗时效率提升
文件解析与提取5-10分钟/个<5秒/个60-120x
批量文件处理(100个)8-16小时<5分钟96-192x
API调用与响应解析2-3分钟/次<1秒/次120-180x
多接口数据聚合15-30分钟<10秒90-180x
命令执行与结果收集3-5分钟/次<2秒/次90-150x
重复任务批量执行因任务而异线性缩减5-50x
错误排查与修复10-30分钟<30秒20-60x

差异化对比

对比维度设计分析直觉高效贴合心智模型的用户体验传统手动方式通用脚本工具
自动化程度全流程自动完全手动部分自动
错误处理内置错误恢复依赖人工经验基本try-catch
可复用性参数化配置一次性脚本模板化
安全合规内置安全检查无安全保障无安全保障
适用场景设计分析直觉高效贴合心智模型的用户体验。Design and analyze u通用场景通用场景

设计分析直觉高效贴合心智模型的用户体验通用排查步骤

  1. 检查输入参数: 确认所有必填参数已提供且格式正确
  2. 查看日志输出: 定位具体错误行和异常类型
  3. 验证环境配置: 确认依赖库版本和运行环境满足要求
  4. 逐步调试: 缩小问题范围,隔离故障模块

设计分析直觉高效贴合心智模型的用户体验通用排查步骤

  1. 检查输入参数: 确认所有必填参数已提供且格式正确
  2. 查看日志输出: 定位具体错误行和异常类型
  3. 验证环境配置: 确认依赖库版本和运行环境满足要求
  4. 逐步调试: 缩小问题范围,隔离故障模块

Top skills in this category