207 Followers
·
Follow

How we delivered our design system with detailed documentation and comprehensive communication

Image for post
Image for post
Illustrations by Danielle Pignatelli

This is the third and final article outlining how we delivered our design system, Connect. Previously, I discussed how we started the design system by selling the idea and building a small team. Then we went through our process building the design system through phases and validation. In this article, we will cover how we delivered our design system internally and most importantly, externally.

Why Connect?

Early on we did a brand exploration to discuss guiding principles and a vision for the product. The word connect continued to appear in our discussions, how we connect the “why” to a user’s actions and eventually how we would connect the product experience with one unifying design system. …


How we built our design system with precise phases and vast validation

Image for post
Image for post
Illustration by Manjia Zhao

In the previous article, we talked about how we started our design system through a small, nimble, part-time team. We also went over some ways we sold the vision of a design system to our partners in other departments. This article will go over how we built Connect through phases and validation.

Why Connect?

Early on we did a brand exploration to discuss guiding principles and a vision for the product. …


How we started our design system with strong selling points and a tactical team

Image for post
Image for post
Illustration by Amy Li

A brief history

UserTesting — started in 2007 — has always been focused on helping companies create great experiences. For over a decade, UserTesting has been the market leader in usability testing and the de facto tool for researchers around the world. A lot has changed in the past 10+ years but the look and feel of the core application have stayed the same.

Image for post
Image for post

In 2007, a lot of companies looked like this.

Image for post
Image for post

I vividly recall our Senior Vice President, Mark Towfiq, presenting customer feedback where a customer was praising our product’s capabilities but calling it’s design, “like reading the nutritional label on the back of a box of cereal.”

About

Darren Wong

Design @UserTesting

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store