Typography for Data
Sep 7, 2021, 11:01 AM
How to Systematize Internal Products: Part 2All the data | Photo by Anna NText makes up a large majority of the content in internal, operational products. Between the many labels, values, and other helpful information crammed into charts,...
User-centered Design System Resources
Aug 9, 2021, 1:57 PM
How to go beyond asset libraries and build systems for people.Update: Check out our talk at Figma’s Schema conferencehttps://medium.com/media/19a8d56d8d120ed2ac53317c0ea25fbc/hrefDesign systems often start as a way for product...
Growing (and Shrinking) Pains
Jul 12, 2021, 11:17 AM
How to fix a broken spacing systemA recurring refrain in our conversations with operational product designers was that all our design system components were just too darn big for internal tools. Many of these tools feature full screen data...
How to Systematize Internal Products
Jul 12, 2021, 11:16 AM
We designed the Lyft Product Language mobile first. All of our design system attributes and components were crafted with small screens, unreliable internet connections, and touch inputs in mind. When we later expanded the system to support...
A better segmented control
May 18, 2021, 11:09 AM
How we embraced a growth mindset and ended up with a more robust ecosystem of selection patternsOld segmented control does not spark joyA few years ago, we built a segmented control component for the Lyft Product Language (LPL) design...
Informative & Decisional
Oct 26, 2020, 11:53 AM
How to choose the right messaging componentProduct designers and engineers frequently ask our team to add features to our messaging components. They say something like: “I want to use this component, but I need you to add a button to it.”...
Tap to Navigate
Oct 15, 2020, 11:37 AM
Systemizing interactive labels for mapsSystemizing a map component has remarkably more constraints than your average button. These seemingly simple interactive labels must stand out against all terrains, densities and fixed buttons. Can...
Color within Constraints
Sep 14, 2020, 12:02 AM
A scalable color system for digital productsOn the surface color seems simple, but getting 100+ designers and engineers to follow guidelines that are a part of literally everything they make is a huge undertaking. To put it in perspective:...
Building a Design System Library
Aug 10, 2020, 12:58 PM
How we created the Lyft Product Language attributes and component librariesAt the end of 2019, I helped move all of Lyft’s design system from Sketch to Figma. Ironically, this was one of the last projects I worked on prior to leaving...
Jul 6, 2020, 1:26 PM
How to maximize acceptance & adoption of your design systemMost design systems teams are lean and the expectations placed upon them are disproportionately large. Does improve the quality of all of the company’s 70+ products sound...
A System Built on Parity
Sep 27, 2019, 11:31 AM
How to treat all of your users equallyContinue reading on Tap to Dismiss »
Design Quality Components
Mar 12, 2019, 11:31 AM
A crafted balance of brand essence and scienceToo often digital designers are required to move fast and details are forgotten. Hopefully we can all agree that handing off a text box centered within a rounded rectangle is not quality...
A Design System’s Impact
Feb 22, 2019, 10:59 AM
How we got (and continue to push for) buy-in at LyftI fell into this role following my passion to learn, create, and educate. You can’t exactly study design systems in school, so to be successful in this field you are constantly reaching...
Art of Diplomacy
Feb 15, 2019, 11:01 AM
7 soft skills toward a successful design systemI began developing design systems on the agency side at the beginning of responsive web. The work tripled, while our resources and time didn’t. A templated, modular system was the only way to...
Constraint Layout (for Designers)
Feb 1, 2019, 11:01 AM
An introductory guide to handoff responsive mobile layoutsContinue reading on Tap to Dismiss »
Select to Proceed
Jan 24, 2019, 11:01 AM
A guide to designing and using selection controlsWhether it’s to personalize content, rate an experience or meet legal requirements, forms play a starring role in our products. Choosing the right selection control for a particular question...
Jan 10, 2019, 11:01 AM
Establishing content hierarchy with divider linesDividers are used throughout all types of design to establish content hierarchy and separate themes. Deceptively simple, they are one of the main contributors to your brand’s...
Tap to Dismiss
Jan 3, 2019, 11:01 AM
Designing accessible escape hatches for modalsLet’s talk great escapes. Not magical like Houdini’s handcuffs or Thor’s bifrost, instead very commonplace — an interactive icon to remove pesky pop-ups away from your desired content. If...