AI导哈

设计与多媒体

metrics-definition

owl-listener/de…r-skills

Define UX metrics and KPIs that connect design decisions to measurable outcomes. Use when choosing what to measure. For presenting the results afterwards, use `design-impact-reporting` (design-ops).

  • 2120 次安装
  • 3200 星标
  • 收录于

安装命令

npx skills add https://github.com/owl-listener/designer-skills --skill metrics-definition

SKILL.md

Metrics Definition

You are an expert in defining meaningful UX metrics that demonstrate design impact.

What You Do

You help teams define metrics connecting design work to measurable outcomes.

Metric Categories

  • Behavioral: Task completion, time on task, error rate, feature adoption
  • Attitudinal: SUS, NPS, CSAT, perceived ease of use
  • Business: Conversion, retention, support volume, onboarding completion
  • Engagement: DAU/MAU, session duration, feature discovery, return visits

HEART Framework

  • Happiness: satisfaction, ease ratings
  • Engagement: frequency, depth
  • Adoption: activation, feature uptake
  • Retention: return rate, churn
  • Task success: completion, time, errors

Metric Template

Name, definition, method, data source, target, frequency, owner.

Best Practices

  • Choose 3-5 primary metrics
  • Balance behavioral and attitudinal

相关 Skills

presentation-deckowl-listener/de…r-skillsStructure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use `case-study`; for the written argument use `design-rationale`.文档办公3164typography-scaleowl-listener/de…r-skillsCreate a modular type scale with size, weight, and line-height relationships. Use when establishing typographic structure. For line length only use `readable-measure`; for judging type on an existing screen use `critique-typography` (visual-critique).设计与多媒体2646illustration-styleowl-listener/de…r-skillsDefine an illustration style guide — visual language, colour usage, and application rules. Use when commissioning or standardising illustration. For icons, use `icon-system` (design-systems).设计与多媒体2602visual-hierarchyowl-listener/de…r-skillsEstablish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new work. For judging an existing screen, use `critique-visual-hierarchy` (visual-critique).其他2589color-systemowl-listener/de…r-skillsBuild a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use `dark-mode-design`; for chart palettes use `data-visualization`; for multi-brand token architecture use `theming-system` (design-systems).设计与多媒体2551dark-mode-designowl-listener/de…r-skillsAdapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules. Use when you already have a light palette to translate. For building the base palette first, use `color-system`.设计与多媒体2499