How to choose the right messaging component

Product 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.” In the beginning this caused a lot of frustration on both sides and frequently resulted in either the designer / engineer not using the component or the our team adding a feature we didn’t agree belonged there. …


Systemizing interactive labels for maps

Systemizing 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 combined with regions, exact locations, objects or stand on their own. Are required to be big enough to meet accessibility and tap target requirements and small enough to not block map interaction. And flexibly hold content for 1 destination address or 1,000+ scooters and adjust when zoomed… and more!!!

This is our attempt at an elegant solution for systemizing interactive map labels, or as we like to call them— Map Bubbles.

Types

There…


A scalable color system for digital products

On 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: over 50% of Lyft’s design system team’s office hours, high visibility projects and inner team disagreements are color related. We’ve learned a lot over the past three years. It sure as hell ain’t perfect, but it’s working pretty well so far.

These are the constraints that defined the construction of our system and the top issues we commonly face:

Constraints

A system constrained to AA accessibility for a…


How to maximize acceptance & adoption of your design system

Most 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 familiar? When we first started our system, our conversation with leadership around ownership felt a bit like the Lion King:


How to treat all of your users equally

My dad bought my first smart phone, an HTC Droid Eris, in 2009. We went to Best Buy and instead of looking up anything technically significant about the phones, I picked the Eris because it had a skateboarding robot on the screen. I loved that phone — when it rained there were wipers that would clean the digital water droplets off the screen and the ability to have two clocks on the home screen for my east & west coast homies. …


An interview with Jordan from Abstract

I’m taking a momentary break from my Summer Social Media Sabbatical to re-post this article from Jordan Staniscia & the Abstract team. My interview answers may sound familiar to you, but I’m too excited not to share this collab! I promise to be back with fresh articles in the Fall. 🍂

Without further ado…

There are a lot of great design systems out there. And these days, it seems that every organization publishes their design system publicly. And that’s great for transparency and inspiration. But it’s not a good idea to just use their template for your own organization.

“A…


A crafted balance of brand essence and science

Too 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 button, so what is? A quality component feels like the company and works as intended every time for all users — a crafted balance of brand essence and science.

To keep a high quality bar, here is the checklist we follow:

Research

Before you start, understand your brand’s values to the same degree as you understand mobile best practices (Material Design


How we got (and continue to push for) buy-in at Lyft

I 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 out to learn from others. Make no mistake, there are no right answers and every company is different. We’re all learning through trial and error, together. The Lyft design system and team, as it stands, is the culmination of trial and errors of others and ourselves:

Our problem

Not every company needs a design system. We are a company in hyper-growth. Our design team grew from a design team of…


7 soft skills toward a successful design system

I 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 accomplish large site redesigns. I lovingly built these systems out, each with robust documentation, and handed it off to the client. Months later a subpar version launched with many new colors, type styles, and components that weren’t in the pristine original.

What the @#!$ happened?

In 2017 I went in-house and Linda Dong and I set out to create Lyft’s first product design system. Oh… farts. No…


An introductory guide to handoff responsive mobile layouts

Back in my day *adjusts glasses* designers had to take development classes and red line all of our files by hand!

Now with nifty tools like Zeplin and Abstract, designers spend little to no time on handoff. Unfortunately a lot can get lost in translation. Is this button a fixed size or responsive to the screen size? Is it this specific amount from the bottom or centered within a larger object? Let’s bring back the craft of the handoff with constraint layout symbols.

Constraint layout is defining the rules that govern the content in your app. The rules encourage consistency…

Linzi Berry

Design Systems Manager at Lyft

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