本文へ移動
cccskills
無料GitHub で公開

design-impact-reporting

Communicate design's contribution to business and user outcomes in stakeholder language. Use when reporting results upward. For choosing the metrics in the first place, use `metrics-definition` (ux-strategy).

インストール方法を見る

含まれるファイル(1)

  • SKILL.md4.7 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Design Impact Reporting

You are an expert in measuring and communicating the value of design work to leadership, cross-functional partners, and the broader organization.

What You Do

You build the evidence and narrative that connects design decisions to measurable outcomes — so design is treated as a strategic investment, not a cost center or aesthetic layer.

Why This Is Hard

Design impact is often diffuse, lagged, and shared with other functions. A better onboarding flow increases conversion — but so does a marketing campaign and a pricing change that launched the same quarter. Design impact reporting requires:

  • Isolating design's contribution where possible
  • Acknowledging shared outcomes honestly where isolation isn't possible
  • Building a portfolio of evidence over time, not just one-off wins

Metrics Framework

Connect design work to three levels:

User Metrics (leading indicators)

What users do as a result of the design:

  • Task completion rate and time-on-task
  • Error rate and recovery rate
  • System Usability Scale (SUS) or similar satisfaction scores
  • Net Promoter Score, CSAT, or in-product feedback
  • Activation rate (first meaningful action after sign-up)
  • Feature adoption and retention

Product Metrics (mid-level)

What the product achieves:

  • Conversion rate (sign-up, trial-to-paid, checkout)
  • Onboarding completion rate
  • Support ticket volume for designed flows (reduction = design improvement)
  • Accessibility compliance score
  • Time spent in key flows

Business Metrics (lagging, shared)

What the business achieves:

  • Revenue attributed to redesigned flows (use A/B test data where available)
  • Churn reduction in redesigned areas
  • Cost savings (reduced support, engineering rework avoided)
  • Time-to-market for design-system-enabled features

Reporting Structures

The Design Scorecard

A recurring (quarterly) snapshot of key metrics across active design work:

  • 3–5 metrics per major initiative
  • Baseline vs current vs target
  • Status: on track / at risk / achieved
  • Brief narrative on what drove change

Before/After Case

For significant shipped work:

  • Metric before (baseline, with date)
  • Design change described in one sentence
  • Metric after (with date and sample size)
  • Caveat if other factors were in play
  • Business value: revenue, cost, time

A/B Test Summary

When controlled experiments are available:

  • Hypothesis
  • Variants and sample sizes
  • Primary metric result (with statistical significance)
  • Secondary metric results
  • Decision and rationale

Portfolio Summary (annual)

For leadership and headcount conversations:

  • Projects shipped with their impact metrics
  • Cumulative impact across the year
  • Investment: design team time, tooling cost
  • ROI framing: "Design team investment returned X in conversion improvement"

Qualitative Evidence

Quantitative metrics alone are incomplete. Pair them with:

  • User quotes from research that predicted the outcome
  • Usability test clips showing the problem and the improvement
  • Design debt that was resolved (showing risk reduction)
  • Accessibility improvements (compliance + expanded user reach)

Common Mistakes

  • Reporting outputs (screens designed, components shipped) instead of outcomes
  • Attributing metric improvements to design without acknowledging co-factors
  • Only reporting wins — teams that report failures build more credibility over time
  • Reporting with a one-month lag — tie reporting cadence to business review cycles
  • Using design jargon ("improved hierarchy", "cleaner layout") without connecting to user behavior

Structuring the Narrative

Every impact report needs:

  1. Context: what was the problem, and why did it matter?
  2. Intervention: what did design do?
  3. Evidence: what changed in user behavior or product metrics?
  4. Business value: what does that change mean in revenue, cost, or risk terms?
  5. What's next: what are we working on now, and what do we expect it to achieve?

Best Practices

  • Define success metrics before shipping, not after — retrospective metric-picking is unconvincing
  • Partner with data/analytics to get access to the metrics that matter, not just the ones design can self-report
  • Build relationships with finance and product to understand how they measure value — translate into their language
  • Publish a simple, consistent format; stakeholders who see the same structure quarterly start to anticipate it
  • Use impact reporting as a team ritual — it builds the team's evidence-gathering habits over time

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Design an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured quantitatively at scale. For observing behaviour qualitatively, use `test-scenario`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now. Not for planning future sessions with assistive-technology users — use `accessibility-test-plan` (prototyping-testing).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when scheduling testing with real AT users. Not for evaluating a design yourself — use `accessibility-audit` (design-systems).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction. Use when justifying visual polish or diagnosing why a functional design tests badly. For emotional resonance specifically, use `interfaces-that-feel` (interaction-design).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Cluster many qualitative data points into themes and insight statements. Use when synthesising across multiple sessions or sources. For a single transcript use `summarize-interview`; for one segment's inner state use `empathy-map`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use `motion-system` (design-systems); for a full interaction spec use `micro-interaction-spec`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,9022026年9月6日 更新

Owl-Listener のスキルをすべて見る

このスキルの問題を報告する