Saltar al contenido
Marketplace

metrics-definition

de owl-listener

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).

Resumen

SKILL.mdLeída en 9a6930c

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
  • Set baselines before measuring change
  • Connect metrics to design hypotheses
  • Report alongside qualitative insights

Archivos 1 archivo

Instálala a mano

Deska ejecuta esto por ti, para cada agente que elijas. Para ejecutarlo tú en una terminal:

npx skills add owl-listener/designer-skills --skill metrics-definition

Más de owl-listener

  • presentation-deckowl-listenerStructure 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`.2,800 instalaciones en skills.sh0
  • typography-scaleowl-listenerCreate 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).2,300 instalaciones en skills.sh0
  • visual-hierarchyowl-listenerEstablish 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).2,300 instalaciones en skills.sh0
  • color-systemowl-listenerBuild 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).2,200 instalaciones en skills.sh0
  • dark-mode-designowl-listenerAdapt 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`.2,200 instalaciones en skills.sh0
Todas las skills de owl-listener