Does your website have a mascot that the audience isn’t responding well to or that outright hates it? Or maybe your new client has brought along a mascot that you’re unsure about? If a mascot’s design or messaging isn’t on point with an audience, there’s no sense in keeping it as is and losing business over it. Today, Suzanne Scacca is going to give you four options for turning your hated brand mascot into one the people love.
Read more…
When customers interact with your brand, they’re not aware of what’s going on backstage, and there is no reason they should. All they perceive is the play you’re presenting, the story you’re sharing, and the solution it represents for them. There is only one brand experience. At the end of the day, customers are not tasting individual ingredientz, they’re eating the entire meal. At once. In sit-downs that keep getting shorter. When the individual actors go off script, as great as they might sound solo, the brand experience breaks.
Read more…
A successful design system needs to become part of an organization’s DNA that help your team produce more consistent user experiences, and it also builds bridges between design and development, and help you improve your design process without exposing your orgchart. In this article, Nick Babich will talk about things you can do to set up your organization for long-term success with your design system.
Read more…
Communication failures are human problems, so they’re messy and hard to solve. Design systems are one kind of tool that people look to in order to solve problems that are fundamentally about failures in collaboration and alignment. In this article, Amy Thibodeau will include practical advice that will be useful to anyone who is thinking about creating a design system to enable harmonious, integrated, and fundamentally successful product development.
Read more…
13 live webinars. Four days. That’s the Design Systems Virtual Summit which our friends at UXPin are hosting from February 13th to 16th. Join free from anywhere, and learn from experienced practitioners how to build and maintain a design system efficiently. The four days will be jam-packed with first-hand insights provided by experts from companies like Atlassian, Airbnb, Linkedin, IBM, and more. To make learning as practical as possible, each speaker will share lessons learned from real projects and case studies — takeaways that you can apply to your work right away.
Read more…
Some people hate writing documentation, and others just hate writing. I happen to love writing; otherwise, you wouldn’t be reading this. It helps that I love writing because, as a design consultant offering professional guidance, writing is a big part of what I do. But I hate, hate, hate word processors.
When writing technical web documentation (read: pattern libraries), word processors are not just disobedient, but inappropriate. Ideally, I want a mode of writing that allows me to include the components I’m documenting inline, and this isn’t possible unless the documentation itself is made of HTML, CSS and JavaScript. In this article, I’ll be sharing a method for easily including code demos in Markdown, with the help of shortcodes and shadow DOM encapsulation.
Read more…
When building a pattern library, we tend to focus too much on the modules, providing a structural view of the system, rather than showing how it can be used effectively — thereby undermining its usefulness to most team members. Finding the right way to architect a lasting pattern library is difficult. This article highlights some practical techniques and strategies to establish a pattern library that will be actively and consistently used by the entire team.
Read more…
A team must be able to respond quickly to feedback on their product from clients, project managers and developers. A style guide ensures that your project doesn’t encounter serious problems when you implement the initial design. In this article, Nick Babich will review the process of creating a style guide, the process of handing off a design, and collaboration across the whole team. He’ll also walk through an example workflow, demonstrating how developers and designers can improve cross-team communication and drastically reduce iteration time.
Read more…
The benefits of UI design systems are now well known. They lead to more cohesive, consistent user experiences. They speed up your team’s workflow, allowing you to launch more stuff while saving huge amounts of time and money in the process. They establish a common vocabulary between disciplines, resulting in a more collaborative and constructive workflow.
They make browser, device, performance, and accessibility testing easier. And they serve as a solid foundation to build upon over time, helping your organization to more easily adapt to the ever-shifting web landscape. This article provides a detailed guide to building and maintaining atomic design systems with Pattern Lab 2.
Read more…
Creating a flexible UI system that is consistent and easy to customize, while also scalable and cost-efficient, depends not only on how it is built, but on how it is designed. A library of components has very little value if every new design is created independently, ignoring established standards and patterns. In this article, Adriana De La Cuadra explains the value of modularity in UI design and how it ties into the process of style guide-driven development, which improves the implementation of flexible and user-friendly applications, while helping designers and developers collaborate more productively.
Read more…
