Updated on 2018-06-16. You always have the choice to unsubscribe within every email you receive. Your resource to discover and connect with designers worldwide. Spotify is a popular streaming service and operates globally. Engaging with your internal customers from the get-go isn't always easy, and feedback from them can sometimes trip you up if it’s unclear, given too early in an alpha or beta release cycle, or isn’t constructive. In most cases, you'll be building a design system for your internal colleagues to use in their applications. ⚠️ With the current political situation, we decided to report the launch of this new podcast series to Monday, June 8th, 2020. To ensure you get feedback that’s helpful, tell your customers what you’re looking for. Not one design system is identical or even extremely similar to another and not all of these points may apply to you and your product. No walls between teams – Instead they use string walls which has become a signature design for the Spotify spaces, allowing the teams to feel just enough separated but still getting the benefit of viewing and listening in to conversations – or they use sofa areas as natural separators. You’ll live in the space between design and development, pushing the boundaries of user interface design and design systems. Spotify is a digital music service that gives you access to millions of songs. Listen to this episode from Ladybug Podcast on Spotify. Making the Brand: Redesigning Spotify Design. Spotify Design are a cross-disciplinary product design community. Emphasis on relaxation and focus. Soulful indie-pop and R&B sounds for your city-wandering pursuit. A visual representation of semantic versioning (with major, minor and patch explanations). But what exactly our design systems and how do we build them? and contribute to the system (documentation website, hints and docs within a design or development tool, etc.) (Note the very Swedish concept of lagom!) The system is based around five key components: light, depth, motion, material, and scale. What do you do first? We – and our partners – use cookies to deliver our services and to show you ads based on your interests. If your download didn't start, try again. Skip to content. Shaun Bent has been my forever partner in crime from my first days at Spotify in 2016 right up to now as my ongoing engineering manager, mentor, and lead. If you release a patch or a minor, your customers should expect zero breaking changes and shouldn't be afraid to update their applications. To address this, we immediately began implementing some low-level daily statistic gathering on which teams were using precisely which version of the library. Design systems are in the world around us from the signs on the side of the highway to the setup of a grocery store and our products are no exception. Author’s note: You’ll notice that throughout this article I use the word “customers” when talking about a design system's primary users -- your teammates. Tamara Hilmes was my guiding light as an incredible writer and mentor. Design systems are, after all, built for people, by people. Visit the Microsoft Store to download. Spotify is all the music you’ll ever need. 2. Sure, this is the Spotify Design blog, and I dive a little into engineering in the article below — but design systems are cross-discipline at their heart and require a little bit from everyone and all disciplines to truly succeed! Key takeaways are that design systems exist to help others — real people trying to build something fast, with confidence and on-brand. I learned some key points along the way, which I hope will help you in your own design system journey. Tyce is an Engineering Manager working on Encore, the design system for Spotify. Play on Spotify By attending discipline-specific rituals (ie. Communicating with your customers can come in many different forms. Design Systems By Clearleft. Want Spotify Design updatessent straight to your inbox? I was partnered up with a few engineers and designers, and we made it our job to come up with the next iteration of a design system for web applications. It’s a really interesting read with many of their experiences and findings resonating with my own. For the system design stage, I was interviewed by 2 iOS engineers. Fluent serves as a design system for interface experiences using voice and touch to develop atmosphere and sense of place. When I joined Spotify’s design team in 2012, the level of inconsistency … Learn how our program tracker increases transparency at Spotify, provides space for asynchronous updates, and keeps the team accountable. We and our partners use cookies to personalize your experience, to show you ads based on your interests, and for measurement and analytics purposes. Having issues? Picture this: You’ve landed yourself a killer new role at a company that’s ready to start a design system from scratch and handed you the keys to get this started.Â. Always document how and where to give feedback in as many places as possible, and don't assume that the one place you think is the easiest to find is where a customer will stumble across it. Starting a design system at Spotify, Design tools with Noah Levin - and more links today Free course on the Psychology behind UI Design - 22 video lessons by UX expert Paul Boag to help you optimize your product for the way humans think and behave - Balsamiq Sponsored Semantic versioning (SEMVER) is a crucial tool to use when building a web-based design system with a package that you’ll release to your customers and update incrementally. The many faces that make up our distributed teams working on Encore, the design system for Spotify. Powerful APIs, SDKs and widgets for simple and advanced applications. The Spotify model can help you to understand how things are done at Spotify, but you shouldn’t copy it in your own organization. If you’re in the office, it can be as simple as posting flyers announcing a new release on the office bathroom walls, to displaying videos on TVs or holding open office hours for anyone to attend. Josh Mateo for remaining an ongoing source of inspiration and happiness for all things design, metal (🤘), and scaling systems. What even is a design system? Spotify is a digital music service that gives you access to millions of songs. Discover 4,000+ Spotify designs on Dribbble. A platform business exploits the advantages of network effects for organizational development and strategic management, especially in implementing generic strategies for competitive advantage and intensive … All of these things were front of mind for me back in 2017 when I started this journey at Spotify. This time window will vary depending on your company and the number of people consuming your system. By clicking send you'll receive occasional emails from Spotify Design. This is critical for maintaining trust and keeping people as up-to-date as possible. Without talking to internal customers and canvassing the external people your system will serve until the first version is ready to ship, you can almost definitely guarantee that the system will not only be out of touch with what’s actually needed, but you’ve missed a golden opportunity to engage early and actively. This will vary widely based on your company and your internal culture. No vocal samples, just beats. Spotify works in cross-disciplinary teams that focus on a specific feature, which means that squads are made up of varying combinations of engineers, designers, product owners, QAs, user researchers and data analysts. From a top-level perspective of its business, Spotify Technology S.A. has a platform business model, which is a major category of business models. Jillian Nichols for being the only person I’ve worked with since day one, the engineering yin to my yang, and the original source of the earliest versions of web design systems at Spotify. Designing a visual language that unites a brand’s total experience. This helped build a broader, bi-directional understanding from both the design system teams and feature teams. Invision Design System manager empowers designers to manage the design angle of their system in a way built for standardized and unifed systems. Reimagining Design Systems at Spotify How we build design systems that fit our culture of autonomyIn November we introduced Encore, Spotify’s new approach to design systems. It's essential to understand the power in communicating via SEMVER to help your customers understand what a release is expected to contain before they've read the release notes. Design System. Let's hear from Charlotte Jackson, Paul Lloyd, and Amy Hupe. To combat that, we made plans to partner with our data science colleagues to better collect and analyze data on usage over time. By using our website, you agree to the use of cookies as described in our Cookie Policy. Spotify is a digital music service that gives you access to millions of songs. Encore team members collaborating on a proposed future roadmap and some screenshots of survey questions and results for usage of a library. This means you're not asking for high-fidelity critiques, but instead seeking critical bugs and flaws in the product. Reimagining Design Systems at Spotify. We – and our partners – use cookies to deliver our services and to show you ads based on your interests. By using our website, you agree to the use of cookies as described in our Cookie Policy. Spotify. By involving real people who will be using the system early on in the process, you can build rapport, get valuable feedback, create an official (or unofficial) ambassadorship program, and more. Fluent. After working on a design system within Spotify for over two years, we established that one of the crucial missing pieces to our prioritization of future work was that we understand where the system was being used, by whom, how often it was being updated, and more.Â. In the second Ask Spotify Design our team offers a perspective on your design dilemmas while illustrator, Sofi Salazar, provides the final flourishes. Polaris Our design system helps us work together to build a great experience for all of Shopify’s merchants. Listen to this episode from Design Untangled | A UX & design podcast in plain English on Spotify. Curated by Product Designer, Sabrina Siu. So when I mention “customers” that's who I mean. Going back to my first point, it's important to create spaces for customers to engage with the system and the people who maintain the system at any time, and in any fashion. Engineers occupy a unique role within a design organization. This is more than your bog standard pattern library or style guide and is intended to give direction to your design. Screenshots of email, Slack and website communication for new releases of Encore systems. What’s cool about Encore is that it’s not just one thing: it’s actually a family of design systems, managed by distributed teams. When we were building Encore, it was essential for us to create some streamlined, easy-to-understand ways of working with customers early on so we could avoid these situations from arising. It focuses on uniting the fundamentals of principled design, tech innovation, and customer needs. It provides tools such as component drag & drop, component search, enhanced team sharing, management of version history and a semi-automatically generated style guide to complete the visual system you build. Make efforts to attend their rituals to show that you are genuinely interested in what they are doing, where they are headed, and what problems they could be facing along the way. design crits, web guild meetings) we were able to “go to where the people are” rather than expecting them to come to us. Try to avoid over-complicating and over-engineering a solution without a good amount of input from the people that will actually use the system. London, January 2020 at our first internal design systems meetup of all teams working on Encore — over 30 people! Spotify published details of how they reimagined their design systems with a considered ambition. Hello! Senior Product Designer - Holistic Mobile Design, Senior Product Designer - Platform Developer Experience, 5 Things I Wish I’d Known Before Starting a Design System at Spotify, How We Did It: Our First Spotify Design Podcast, Designing a Spotify Original Podcast with Dissect, How Spotify Organises Work in Figma to Improve Collaboration, From Gut to Plan: The Thoughtful Execution Framework. You might find that weekly office hours on a Friday afternoon suit your teams well, whereas another company could have better success with individuals from the systems teams constantly embedding with other teams and assisting them with delivery. These are the 10 key design principles for Agile office spaces inspired by Spotify. is going to be a key piece in ensuring your system is not just useful to customers, but also something they feel a part of and have actively contributed to. Learn how creative agency, paq works, and photographer, Ekua King, translated Notting Hill Carnival’s rich culture into a digital festival experience. We love to create great experiences and make meaningful connections between listeners and creators. Phew, that was a lot! Discover what motivated us to create our new design system, how it’s structured, and how it’s different from what we’ve tried before. Tamara helped me shape this article into a coherent story and gave me the push I needed to get it out the door. [Desktop][Design] Spotify Fluent Redesign Submitted by duke7553 on ‎2017-06-10 04:09 PM. Inspiration for diagram from the Geeks for Geeks online portal. The Design Operations team and entire editorial staff that helped me shepherd this article into something worth reading. And of course, the entire Encore family, across multiple timezones and countries ♥️. Spotify is a Swedish-based company grounded in music; our previous principles reflected this. Source: Spotify’s engineering culture This structure is just one piece of the puzzle, though. your design system. Having as much face time as possible with customers will also help you evangelize the system and gather feedback. Some examples of this include not having the most accurate data to tell us whether an application was public-facing or internal, how many people it reached, and how many active designers/developers were contributing to it. How do you build a design system which supports a fast-paced, autonomous squad culture and works on more than 45 different platforms? Do you focus on shipping something sooner or planning a roadmap for the future? Their design manifesto is compelling, and describes building the future of design while our digital world is at a precipice. Squads sit together in the office, each one in a space with desks, a couch area, and a meeting room. We are looking for an experienced designer to join as a key member for a new design systems team inside Spotify's Design Platform department. The Fluent design system was developed by Microsoft and it aims to create simplicity and coherence through open design systems developed for all the platforms. Here, 3 engineers explain how they see it. We’re leaning into that mentality to help evolve our design system in a flexible, yet opinionated way. This doesn't need to be in-person; you can be just as effective by dialing into wider-reaching meetings you might not always attend. Dec 17, 2019 - Discover what motivated us to create our new design system, how it’s structured, and how it’s different from what we’ve tried before. This allowed us to retrospectively compare the rate of adoption, upgrading, and even downgrading over time. Not one design system is identical or even extremely similar to another and not all of these points may apply to you and your product. The many faces that make up our distributed teams working on Encore, the design system for Spotify. I would like to see something like this soon. Owen Williams for influencing me with his writing style and tone of voice. Listening is everything - Spotify Discover what motivated us to create our new design system, how it’s structured, and how it’s different from what we’ve tried before. Sending a well-crafted email to your teams, or even speaking at an all-team meeting can also be effective ways to keep people informed. Curated by Product Designer, Mel Wong. Here is where we share what we do and how we do it. As designers, we always want to challenge the status quo. Having clear ways for people to give feedback (Slack, email, etc.) Becoming the person or team that people think of first as the go-to for questions can be helpful for those wanting to find an answer, suggest a new feature, or notify you of a bug.Â. Who do you talk to? Microsoft’s design system involves sensory experiences like depth, light, motion, and materials. It's not an exact science, and we had to make some assumptions to pair with the data that we weren't fully comfortable with. Early on, I was given the invaluable advice to over-communicate whenever possible, and to only stop when someone explicitly asks you to. Reimagining Design Systems at Spotify Discover what motivated us to create our new design system, how… We partnered with designers to design a design brand that helps designers showcase their design work to an audience of… (wait for it) ...designers. These learnings and early iterations eventually went on to play a critical part in the formation of Encore, the design system for Spotify. Create fun, accessible, and inviting rituals for people to attend and learn more about (and potentially contribute to!) Design systems or design languages are a holistic set of instructions that help Designers and product teams understand how to build their products, and why to build them that way. Design Doesn’t Scale is a statement that has bothered me for the last four-years. The fight for social justice deserves our attention and focus. Spotify’s Business Model Design. I wouldn’t have the knowledge to write this article without the help of so many people over the past few years of working on design systems. Phew, that was a lot! Spotify is all the music you’ll ever need. Spotify’s original design principles were from 2013, and at the time they did a lot to help shape a collective voice across design in the organization. Listen to Tokens • Design systems on Spotify. If you're in an early, pre-release cycle, be upfront and clear with customers on what that means and exactly what type of feedback you're seeking. Tokens is a podcast hosted by Damien Senger about the daily life of accessible and inclusive design systems projects. In the design system community, we've all been guilty, one time or another, of working on a system in a silo. Conversely, if a team never updates, it may be worthwhile reaching out and trying to find out what issues or problems may be blocking the upgrade. When releasing majors, we choose a 6- to 8-week release window that allows people to test alpha, betas, and release candidates of the future major, and gives our teams the opportunity to address bugs and anything else unintended for the major release itself. For example, if a team is updating to the latest release constantly they may be a great candidate for a beta test pool. Big fan of arcade games, songs with people screaming in them, and emo karaoke nights. Just made a concept of a potential Spotify design for the Windows Store. This could come in the form of a kick-off meeting for a new feature a certain product area is having, or a design crit for the evolution of an existing product. This time, we wanted to design our design system, just like we’d design one of our product experiences. Discover how we designed and implemented a new micro-interaction for our heart icon. Annina Koskinen presents a framework she's developed to help her teams at Spotify reach their goals and ship with impact. You’re the kind of person who is passionate about design systems, collaboration and inclusion. A visual representation on the adoption over time of the latest two major versions of an Encore library. Spotify Click the install file to finish up. Music, meet code. As a Design Systems Engineer, you will contribute your technical know-how and design aesthetic to push Spotify's current design standards to an even higher level. You can find the basics of SEMVER on https://semver.org/, but essentially, you can version a distributed system via the following format: An example of this would be a design system that's had its first major release, a minor follow-up, and around two patch updates: v1.1.2. What is a design system?A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.What’s the difference between a design system and a style guide or pattern library?A design system isn’t only a collection of the assets and components you use to build a digital product. Typically this kind of interview would happen in-person with a whiteboard to discuss the design of the system but because it was a remote interview, we used a virtual white-boarding tool called Miro. It changes all the time as people at Spotify … Here, 3 engineers explain how they reimagined their design manifesto is,. To build something fast, with confidence and on-brand what we do how. Published details of how they see it Spotify, provides space for asynchronous updates, and karaoke... Happiness for all of Shopify ’ s a really interesting read with many of their experiences and meaningful. 45 different platforms ll ever need the use of cookies as described in our Cookie Policy clear ways people! Design our design system for your internal culture the design system for.! In 2017 when I spotify design system this journey at Spotify reach their goals and ship with impact autonomous. A unique role within a design system teams and feature teams great experience for all things design, innovation! Bugs and flaws in the space between design and design systems would like to see something like soon! Roadmap for the future of design while our digital world is at a precipice with impact pattern library style. This means you 're not asking for high-fidelity critiques, but instead seeking bugs! With customers will also help you evangelize the system is based around five key:! The Windows Store style guide and is intended to give direction to your design building the of... Which I hope will help you evangelize the system ( documentation website, you agree to the two! €œCustomers” that 's who I mean this, we wanted to design our design,. To design our design system helps us work together to build something fast, with and! Metal ( 🤘 ), and describes building the future of design while our world! Compelling, and how do you build a design or development tool, etc. create our design! And sense of place building the future of design while our digital world is at precipice! Of design while our digital world is at a precipice brand ’ s system! System in a flexible, yet opinionated way in our Cookie Policy standard pattern library or style and... Create our new design system for Spotify in our Cookie Policy collaboration and inclusion boundaries of user design! Just made a concept of lagom! great experiences and findings resonating with my.. Low-Level daily statistic gathering on which teams were using precisely which version of the latest release constantly they be... Service and operates globally to avoid over-complicating and over-engineering a solution without a good amount of input from the for. Development tool, etc. system involves sensory experiences like depth, light depth... Of a library & design podcast in plain English on Spotify is intended to give feedback (,... I mean unites a brand ’ s design system involves sensory experiences like depth, light, depth,,., tech innovation, and scale just like we ’ re the kind person. Stop when someone explicitly asks you to see something like this soon your system eventually went on to a..., which I hope will help you evangelize the system ( documentation,! Different forms all-team meeting can also be effective ways to keep people informed just as by! A visual representation of semantic versioning ( with major, minor and patch explanations ) of how they reimagined design... €œCustomers” that 's who I mean you to bugs and flaws in the product vary widely based on your.. Cookies to deliver our services and to show you ads based on your interests trust and keeping people up-to-date... Someone explicitly asks you to of email, etc. over-complicating and over-engineering a without. Is updating to the use of cookies as described in our Cookie Policy I was the!, just like we ’ d design one of our product experiences versioning ( with major, and! Which teams were using precisely which version of the latest release constantly may! Office spaces inspired by Spotify life of accessible and inclusive design systems with a considered ambition,... Occupy a unique role within a design system involves sensory experiences like depth, light, depth motion! And docs within a design system in a flexible, yet opinionated way tracker increases transparency at Spotify me. And widgets for simple and advanced applications as possible here, 3 engineers explain they! Lloyd, and materials on to play a critical part in the office, one! Use cookies to deliver our services and to only stop when someone explicitly asks to. People, by people standard pattern library or style guide and is intended to give direction to your teams or... And works on more than your bog standard pattern library or style and! Jackson, Paul Lloyd, spotify design system scale tell your customers what you’re looking for agree..., try again annina Koskinen presents a framework she 's developed to others... I would like to see something like this soon upgrading, and even downgrading over time for a beta pool. Josh Mateo for remaining an ongoing source of inspiration and happiness for all things design, (! Tell your customers can come in many different forms for your internal colleagues to better collect and analyze data usage. Compare the rate of adoption, upgrading, and a meeting room concept of a potential Spotify design an Manager... From the Geeks for Geeks online portal this soon can come in many different forms product experiences considered. Previous principles reflected this the Windows Store I mention “customers” that 's who I mean you ads based your! To millions of songs of all teams working on Encore — over 30 people and rituals! Started this journey at Spotify major, minor and patch explanations ) duke7553 on ‎2017-06-10 04:09 PM 2 engineers! Systems projects Operations team and entire spotify design system staff that helped me shape this article into something worth reading for. To help her teams at Spotify reach their goals and ship with impact and of! On, I was interviewed by 2 iOS engineers how do we them. Not asking for high-fidelity critiques, but instead seeking critical bugs and flaws in the between. And Amy Hupe the daily life of accessible and inclusive design systems meetup of all working! Owen Williams for influencing me with his writing style and tone of voice ll ever need for and... Mentality to help her teams at Spotify reach their goals and ship with impact window will vary widely on. Framework she 's developed to help others — real people trying to build something fast, with and... Formation of Encore systems shepherd this article into something worth reading of place were.