Smashing Magazine - #410: Design KPIs

How to measure design quality, UX research impact, design velocity, design system success and how to prioritize features. Issue #410 June 20, 2023 View in the browser

Smashing Newsletter

Lá maith Smashing Friends,

How do we measure the quality of our design work? What about design system health? What metrics and what design KPIs could we use to connect business requirements and user needs through the lens of design? We often think of design as an ephemeral, artistic endeavor, but to improve design, we need to be able to measure how well it performs.

In this newsletter, you’ll find plenty of insights that I’ve discovered in my research. Things that work, things that don’t work, and how to make decisions around them. We hope you’ll find them useful.

You can also explore more all around design KPIs and UX metrics in the upcoming Interface Design Patterns UX Training and our UX video course.

Smashing Meets AI

Later today, we run Smashing Meets AI from 8 until 11 AM (PT) 🌍, where we’ll be talking to five wonderful speakers about the AI and its impact, and how it affects our work — now and in the future. Tickets are free for everyone, so get yours now.

Do join us in any one of our upcoming events — we’d love to see you!

For now though, let’s dive into some UX and design metrics! Happy reading, everyone!

— Vitaly (@vitalyf)


1. Measuring UX Research Impact

How can you make sure your UX research makes a real impact and doesn’t collect dust in someone’s drawer? Karin den Bouwmeester proposes a multi-level framework for defining and measuring UX research impact, taking into account all the different angles that need to be considered.

How to measure UX research impact

Karin defines three levels for measuring UX research impact: the impact on the customer and business outcome, the impact on the organization, and the impact on the user research practice. Her cheatsheet makes it easy to ask the right questions and track the right metrics for each level. (cm)


2. Measuring Design System Success

How much value does your design system provide? Does it pay off? Ravi Lingineni shares insights into how he and the design systems team at Pinterest measure design system adoption in Figma to maximize usage and increase component adoption.

How Pinterest’s design systems team measures adoption

To measure adoption at scale, Ravi leveraged Figma’s REST API to build a tool that calculates design adoption in the background without slowing down designers. The tool runs every night and looks at all Figma files to calculate the adoption percentage across the entire organization and give the team a better understanding of the system’s health. If you plan to measure design system success in your organization, the Pinterest team open-sourced their solution. (cm)


3. NPS Considered Harmful

As easy as they might be to measure and track, Net Promoter Scores (NPS) are harmful, argues Jared Spool. He wrote a comprehensive post in which he unpacks how NPS works, why we can’t reduce user experience to a single number, and how we can do better.

Net Promoter Score Considered Harmful

If you’re looking for a quick overview on the topic, Vitaly also summarized the main arguments that speak against tracking Net Promoter Scores, among them weak statistical properties, strange score calculation, and the fact that NPS doesn’t accurately reflect UX success. Even if you are a proponent of NPS, these two posts are a great reminder to take a step back every once in a while to reconsider if the tools and techniques you use really give you the best value. (cm)


From our sponsor

Only 3 Days Left! Make Your Voice Heard.

Netlify Survey
If you haven’t already, please take 5 minutes to share your insights on the current web development market. All participants will receive the survey report free from Netlify that will include the latest trends.


4. Complete Guide To The Kano Model

Every UX designer wants their product to satisfy their customers’ needs, while being meaningful and delightful. But how do we measure satisfaction? How do we choose what to build in order to provide it? And how do we turn satisfaction into delight? While there are no definitive answers to these questions, the Kano Model can help you see things clearer.

The Complete Guide to the Kano Model

Daniel Zacarias sifted through every online resource he could find on the Kano model and did scientific research to distill everything you need to know about it down into an in-depth, step-by-step guide. The guide not only gets you familiar with the important aspects of the Kano model but also introduces you to a practical approach and a set of tools to conduct your own Kano analysis. (cm)


5. Upcoming Workshops and Conferences

That’s right! We run online workshops on frontend and design, be it accessibility, performance, or design patterns. In fact, we have a couple of workshops coming up soon, and we thought that, you know, you might want to join in as well.

Smashing Online Events
With online workshops, we aim to give you the same experience and access to experts as in an in-person workshop from wherever you are.

As always, here’s a quick overview:


6. Feedback Scoring And Gap Analysis

“How likely would you be to recommend our product to friends, family, or colleagues?” Many companies use a question like this to analyze what customers think of their product. However, there are quite some drawbacks that come with the approach. So instead of relying on a single survey question, Anna Debenham recommends a combination of feedback scoring and gap analysis to gather user feedback.

Feedback Scoring And Gap Analysis

The idea is to compile a list of statements and ask your users to rank their agreement or disagreement on a scale. Then the response scores for each statement are averaged and plotted on a radial graph to visualize the areas in which you are performing or underperforming. Anna summarized useful tips and templates for creating your own survey, including feedback statement prompts and tips for splitting your results into cohorts to better understand how the experiences in your user base differ. (cm)


7. DesignOps KPIs

Design metrics such as heuristics and conversion rate usually focus on the outcome. Arturo Leal and the Dell Digital Design team wanted something more specific for their organization and decided to measure the day-to-day processes and interactions instead. To help them assess if they are taking the right actions towards success, they defined a set of KPIs that provide a snapshot of what’s happening at a given time.

DesignOps: What can we measure?

As Arturo explains in his post “DesignOps: What can we measure?,” the approach defines four large buckets for KPIs. The Productivity bucket measures efficiency and removes blockers in workflows and processes. The Team Health bucket is related to employee loyalty and designer growth. Team Output measures the quality of design work. And, last but not least, Team Growth helps plan resources. Interesting takeaways for your DesignOps strategy are guaranteed. (cm)


From our sponsor

Build Your Internal Tools At Lightning Speed!

ILLA Cloud
Are you tired of spending countless hours on repetitive tasks? Don’t waste any more time on manual work — ILLA Cloud can help you streamline your workflow and boost your productivity. Sign up today and start automating your processes with ease.


8. The Double Diamond Is Not Enough

Designers are often pulled off a project as soon as the prototype is done and test results came back positive. Any design work that is needed after that is usually squeezed in. In order to make sure quality doesn’t suffer, Adam Gray suggests a different approach to the design process. He recommends to replace the well-known double diamond model with a triple diamond.

Why the double diamond isn’t enough

Compared to the double diamond, the triple diamond keeps the designer involved beyond the prototyping phase, making planning, updating stakeholders on progress, and working with the development team clearer. Each of the three diamonds describes one phase in the design process — from the research phase to creating a proof of concept and, finally, a live release. A small change that has the makings to improve the quality of your products significantly. (cm)


9. News From The Smashing Library 📚

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books. Have you checked them out already?

Success At Scale
… and we’re currently working on a new book: Success At Scale, shipping in fall. Pre-order your copy or browse the complete library.


10. Recent Smashing Articles


That’s All, Folks!

Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time!


This newsletter issue was written and edited by Cosima Mielke (cm), Vitaly Friedman (vf) and Iris Lješnjanin (il).


Sent to truly smashing readers via Mailchimp.
We sincerely appreciate your kind support. You
rock.

Follow us on Twitter Join us on Facebook

unsubscribe update preferences view in your browser

Key phrases

Older messages

#409: Web Performance

Tuesday, June 13, 2023

Issue #409 • June 13, 2023 • View in the browser Smashing Newsletter Marhaba Smashing Friends, At what point do you start thinking about performance? Is it something you have a clear idea about going

#408: Design Systems

Monday, June 12, 2023

Design System ROI calculator, practical guides, tools and design system checklist. Issue #408 • June 6, 2023 • View in the browser Smashing Newsletter Kalimera ora Smashing Friends, Design systems are

#407: Web Typography

Tuesday, May 30, 2023

How to choose typefaces, type design resources, fluid typography editor and font generators. Issue #407 • May 30, 2023 • View in the browser Smashing Newsletter Masaa' Alkhayr Smashing Friends,

#406: State Of The Web 2023

Tuesday, May 23, 2023

State of CSS 2023, new JavaScript and TypeScript features, SVG, faivons, Web Components and inclusive design. Issue #406 • May 23, 2023 • View in the browser Smashing Newsletter God eftermiddag

#405: UX and Interface Design

Tuesday, May 16, 2023

UX metrics, golden rules of design research, B2B interface, guide to animation, enterprise UX and designing for attention. Issue #405 • May 16, 2023 • View in the browser Smashing Newsletter Iyi

You Might Also Like

Writing a POV Doc

Sunday, May 5, 2024

Issue 193: Share what you care about at scale ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

It's Officially Show House Season

Thursday, May 2, 2024

View in your browser | Update your preferences ADPro Showing Up, and Showing Off One of the traditions design aficionados look forward to the most each year is the return of decorator show houses. In

Zelman Meats, AI Feedback Loop, Figma Variables, CSS Masonry, Passkeys

Thursday, May 2, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 2 2024 Zelman Meats logo by Red Dot Studio logodesignlove.

Every viral brand has these 5 things in common ⚡️

Wednesday, May 1, 2024

See if your brand checks all the boxes... Branding, branding, branding. Like, PR, it's an oft-misunderstood area of business building. Many people think a logo, some colors, and a font constitute

inherit(), Polish, Picture-Superiority Effect, Music Notation, Multi-Brand Design System

Wednesday, May 1, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 1 2024 Self-Modifying Variables: the inherit() Workaround

164 / What if you could talk to Scarlett Johansson from the movie Her?

Tuesday, April 30, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 2 View in browser Welcome to Issue 164! Standing out in today's competitive market is hard, really hard. But side projects can help

#454: JavaScript

Tuesday, April 30, 2024

Front-End Engineer Handbook, JavaScript Cheatsheet, File System APIs and Invokers. Issue #454 • Apr 30, 2024 • View in the browser Smashing Newsletter Labas vakaras Smashing Friends, Let's talk

Mayer Rus on L.A.’s Great Gallery Migration

Tuesday, April 30, 2024

View in your browser | Update your preferences ADPro Image may contain: People, Person, Accessories, Bag, Handbag, Food, Meal, Adult, Clothing, Hat, Glasses, Fun, and Party For this week's edition

Head of Typography, Centering Things, 3D Badge, Alternating Style Queries, Hate Speech

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 30 2024 Detect JavaScript Support in CSS ryanmulligan.dev

JavaScript Support, AI in UI/UX, Deja Vu, Nature of Code, Clubhouse

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 29 2024 Detect JavaScript Support in CSS ryanmulligan.dev