How We Designed the New Salesforce at Scale

Craig Villamor
Aug 25, 2015 · 5 min read

Lightning Experience is Salesforce’s most beautiful product. But being beautiful isn’t enough. We’re an enterprise company that recognizes the world has changed, and good design isn’t just for consumer companies. That’s why this new desktop user experience is also the best design work we’ve ever done.

Image for post
Image for post

When Apple released the first iPhone in 2007, the enterprise world was skeptical and cautious. Blackberry was the gold standard in enterprise mobility, with robust security and admin tools that gave corporations tremendous control. Yet whether or not Apple was gunning for enterprise adoption in the early days, it got it in droves.

That’s because people really enjoyed using their iPhones. They started to bring them to the office to get real work done. They started demanding more from their IT departments. No longer were employees, customers, and partners going to tolerate subpar experiences.

At the same time, Salesforce went into hyper-growth mode, and we wanted to scale across the entire organization in an effective way. We needed our product teams to not only optimize for each local feature area, but to also think about the bigger picture.

To build Lightning Experience, we had to think about the UX holistically, so we took our solutions and best practices and created a living design system. The Salesforce Lightning Design System is a collection of design patterns, components, and guidelines for creating unified UI in the Salesforce ecosystem. It’s open source and free to everyone.

This has been a long journey — and we’re still learning. For now, here is our ever-improving process:

1. Frame the work

Once we agreed the focus was on making sales reps more productive, we were able to make genuine progress on a new UX. Aligning around this goal allowed us to make decisions and agree on what success would look like.

Image for post
Image for post

2. Agree on the principles

At one point, while designing Lightning Experience, there was a big debate over how we should label a feature. Hours and hours were spent discussing the merits of one label versus another. Sleep was lost. Then we decided that to figure it out, we needed to go back to basics and back to our design principles.

Our question came down to whether we were comfortable with some inconsistency in the naming convention of two similar features, or if the inconsistent label’s clarity for users in that particular context outweighed the negatives of an inconsistent name. Clarity is design principle #1, consistency is #3. Decision made.

Image for post
Image for post

3. Invest in communication

  • Get it on the walls. Teams need to see the end goal in order to keep marching toward it effectively. We printed out all of the key screens and put them everywhere there were product teams; multiple floors, kitchens, and meeting rooms. We even thought about putting them in the elevators.
  • Have more than a static style guide. The Salesforce Lightning Design System is our living style guide that makes doing the right thing also the easiest thing. We define our styles using code. They are flexible. The intent is for them to evolve to our needs, quickly.
  • When in doubt, talk it out. A natural distance and resistance can set in once you get to a certain size and can’t see everyone’s face. Be a collaboration zealot and seek out people to settle misunderstandings and disagreements in real time.
  • Remember, leaders are repeaters. Just when you think you have repeated the message one too many times, and you’re tired of hearing yourself talk, you’ve just gotten started.
Image for post
Image for post

4. Eliminate decision debt

My boss likes to say that projects are like big ships, nearly impossible to turn in the right direction if they are not moving. So get moving. When you do need to course correct — and at some point you will — you’ll be glad you put all these processes in place for easing communication and improving collaboration.


Follow us at @SalesforceUX.
Want to work with us? Contact
uxcareers@salesforce.com
Check out the
Salesforce Lightning Design System

Salesforce Experience and Design

A collection of stories, case studies, and ideas from…

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

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