Evgeniia Sorokina

Following up on my recent post about design systems vs style guides, I've realized that understanding how these two relate makes their similarities and differences clearer for me. I like to think about the relationship of these two as a parent-child dynamic. The design system is the parent. Style guides (along with pattern and component libraries) are the children. If you missed my other post, you can check out the article on Nielsen Norman Group: https://lnkd.in/eRazWE2j #ux #designsystems #uxdesign

860

23 Comments

The second part of my article on the value of explicit design rules is here. In it I dive head first into example in layout, position, ordering padding and margins with examples from various design tools. In the end of this part there's also a treasure trove of links to other insightful people writing on adjacent subjects. Hope you find it interesting and be swayed to try tools that allow for more expressive explicit design rules. https://lnkd.in/dmGpUHU6

12

3 Comments

GitHub makes collaboration and communication easy when it comes to design systems. We use issues and discussions to track bugs and questions, it helps us build a knowledge base. These tools are surprisingly absent in our design tools, and this needs to change. I am going to change that. #ux #designsystems #equalityintools

4

Etsy was recently seen A/B testing AND eventually shipping a more visible search with the help of a higher contrast orange background button color (instead of a ghost-like icon only approach). Full screenshots: https://lnkd.in/gVJThW3W Now I don't work for Etsy (as much as I'd love to design some experiments for/with them) so we can't see the actual numbers beyond this feint probabilistic residue from the public domain. However, the amazing Andrey Andreev who runs experiments at Metro recently ran a very similar one and shared a solid result on GoodUI - with a positive impact to sales and searches. N = 896,009 SRM Check = Pass p-val on Increased Sales = 0.0139 (I know some people might like this to be even lower for a primary metric; but there is also reinforcing evidence on increased searches with an even lower p value at "ultra stat-sig" levels using Ron Kohavi's language; p < 0.00000001). I inverted the a/b test and categorized it under the Filled Vs Ghost Button pattern - further weakening the ghosts and strengthening the high contrast filled button styles on multiple metrics. https://lnkd.in/gmD8Exvc Thanks Andrey for a somewhat of an unintended replication, as I know your source of inspiration came from somewhere else on this one. :) Have you tested anything similar or different. If so, what did you discover? I'd be super curious to see more examples where increases to search have either ❌ failed or ✅ succeeded. Please share independent of outcome. ps. We also have a handful of similar "visible search" experiments where companies tested adding or hiding search: https://lnkd.in/gvWqzrK5 - further supporting this direction. [EDIT]: Note the additional confounders / variables in the Metro test - a stronger border, a change in background color of the search box as per Jakob Nielsen comment. They may be similar along the lines of the increased visibility theme - but possible additional variables nevertheless. #experimentation #ecommerce #replication #optimization #ui #ux

381

28 Comments

How do design system teams prove their value? Finding hard metrics around the impact of design system teams has historically been a challenge. A year ago, I met the design system team at Eventbrite who could confidently say that they saved 534 days of engineering effort with their design system. Here's their calculation: Time spent to develop a component pre-design system - time spent to install the design system component = Time saved In order to extrapolate this number, though, you need to know how many times a component has been used. And, that used to require a savvy dev on the team to build something custom. That's no longer the case. We built something at zeroheight that will allow you to track component use in a single repo or across all of your repos. This should help teams show how valuable they are, plus do things like: see which components to prioritize based on use see which product teams are adopting As an added bonus, anyone using the new feature set can also monitor design system packages, allowing them to quickly see which teams are using outdated packages. On a personal note, I'm hoping with data like this, more teams can confidently quantify their impact. And along the way, we'll get better as design system practitioners at identifying the right things to work on. This new feature set is in beta and totally free. Even if you aren't using zeroheight to document your design system, you can use it. Takes like 15 minutes and you've got rich data. Here's the sign up:

7

4 Comments

Great reminder on looking out for more valuable folks when it comes to UX. There are so many great UX folks that are not just talking but also walking the walk and created more meaningful methods and frameworks. Which UX pros are you following or get inspiration from? https://lnkd.in/ggwcSgrJ

12

2 Comments

If we're not talking about design maturity, agile process, or craft, then us designers are probably talking about ✨quality.✨ I certainly see my interviewer's eyes light up when I mention this magical word. "Design is the one that has to hold the quality bar," I tell them. But what if that didn't have to be true? For a truly high-quality product, I don't think it should be design holding the line. It has to be something baked into the organization - everyone holds the quality bar. Even though "quality" is a slippery thing to define, if we can define it and hold ourselves to it, we can reduce the tension in the org and start to think less about the mere baseline quality for the product and more about raising that bar - delighting the user. I very much enjoyed Luke Anthony Firth's take on how they folded quality into their product building process. Have a read! https://lnkd.in/g4SenmYZ #designleadership #productprocess #productdesign #productquality #designquality #opentowork

4

I don't know when or how it happened, but Config has become one of the major yearly conferences in our industry. Given how much Figma plays a role in the practice, it's common for design system teams to watch with anticipation/excitement/dread for what's coming. In our latest episode, Davy Fung and I discuss the reveals from Config and what that may mean for folks in the design systems practice moving forward. Listen here: https://lnkd.in/gRMBzfbJ #designsystems #figma #congfig #podcast

57

1 Comment

Product designers are busy people. They've got endless folks asking for endless things... endlessly. And then the design systems team is all up in their joint asking them to use components... It's not a surprise that people can get a little fatigued. It seems quite reasonable if you ask me. In our latest episode, Davy Fung and I discuss fatigue, its causes and ways to either avoid or blunt it. Listen here: https://lnkd.in/g7TZWiqv #design #designsystems #fatigue

58

3 Comments

Today might just be the day to brush up on some of your visual design skills. Check out these mini-guides for UX designers - available today in a bundle of all 4 mini-guides. https://lnkd.in/gG9K64nz #visualDesign #UXdesign

22

🌟The Power of Sketching in UX Design: Elevating Concepts to Solutions 🌟 Exciting read about the importance of sketching in the UX design process! Here are the key takeaways from the article "Real Designers Sketch" by Nate Schloesser: 🚀 Idea Exploration: Rapidly explore multiple concepts to reach innovative solutions. 📚 Communication: Use sketches as a universal language to convey complex ideas effectively. 💡 Concept Over Visuals: Focus on the concept, encouraging open discussions and reducing tension. 🔄 Agility: Enable quick iterations for rapid design evolution based on feedback. 🤝 Collaboration: Foster a collaborative environment by democratizing the design process. 🔍 Problem-Solving: Visualize pain points and solutions with powerful sketching tools. It's time to debunk the misconceptions around sketching and embrace it as a versatile and essential practice in UX design. Remember, sketching is not just for artists - it's a tool for all designers to transform initial ideas into clear and innovative solutions. Let's elevate our design work from pixel-pushing to true design thinking by incorporating sketching into our process! Share your thoughts on how sketching has impacted your design work and let's start a conversation on the power of sketching in UX design. Keep sketching, keep innovating! 💭💡 💬 Share your thoughts on how sketching has influenced your design process! #uxdesign #productdesign #sketching #designthinking --- Incorporate sketching into your design process today! 🎨💡 #designthinking #uxdesign #productdesign https://lnkd.in/eSVHDCJB

9

Hey Designers, Just a quick reminder: your NDA isn’t just a piece of paper—it’s a legal obligation. Sharing password-protected portfolios without permission isn’t just risky, it’s illegal. Here's a hypothetical but all-too-real scenario: what if your competitor needed some insights? They reached out to designers at rival companies under the guise of potential job opportunities. As UX designers, we work on ideas and projects that may not be implemented today but in years to come. Imagine your company’s long-term strategies being exposed, some user research data shared, and performance and accessibility KPIs revealed. Sketchy, right? For Recruiters: If a candidate says their portfolio is under NDA, respect that. It shows they value confidentiality and will protect your info too. If they’re willing to break an NDA for you, what’s stopping them from doing the same to you down the line? Remember, many designers work on projects that are never meant to be displayed publicly. Let’s keep things above board and respect each other’s legal boundaries. Remember the Golden Rule: treat others as you would want to be treated. Thanks for understanding!

12

I get asked pretty often what resources are out there that help people break into the UX field. Ryan's great and could offer some really good well informed insights. if you're curious about some interview prep, give this a look

15

3 Comments

Design Technologists, such a good topic, PJ Onori and I wanted to bring on friend Donnie D'Amato BFA., MA. for the convo. Back when we all started, it was a skill set I had dabbled with, but only with HTML/CSS. Donnie and PJ go head-to-head to talk about their roles as different types of design technologist/ux engineer and how this role is essential for product design and XFN growth, specifically if they can sit with design systems teams. #designsystems #podcast #designengineer #designtechnologist #productdesign #react #html #css

25

5 Comments

🎨 Color is hard. As our team leverages variables to apply themes across a design system, things break. Maintaining accessible color contrast across multiple components with various states is a beast of task. - Brand colors can vary from light to dark affecting foreground contrast. - State changes across various components require independent contrast checks for foreground text. - Yellow. (Do I need to say more? Whether its a brand or system color, yellow and orange demand special attention) 🌈 Color for brand designers working with product teams by Katie Cooper I dig everything Katie Cooper writes about color for design systems. The approach outlined offers a great perspective on how to evaluate brand color viability. It includes considerations for secondary colors and color ramps as you develop proper contrast ratios. https://lnkd.in/gna4CGCV 💛 The dark yellow problem by Lodestar Design via UX Collective I know a lot of folks have touched on this, but I like how succinctly this writeup spells out the problems when designing with yellow while trying to maintain some form or brand consistency. Mustard anyone? https://lnkd.in/gsA4FZgQ 👏 Color in design systems by Nathan Curtis A classic write up on color in design systems and considerations for theming. Big takeaways for our team included limiting how themes cascade through various components like links and buttons, as well as ensuring any “changes” to brand colors to meet the needs of the UI get approval first. If you haven’t read everything by Nathan on Medium on design systems you’re missing out! https://lnkd.in/gYXVCY2e ✨ So grateful for all the resources out there and hope some of this can be useful to your team. From our research, the team has established a few best practices: - Start by auditing color contrast options across all brand colors through color ramps and component states - Ensure a consistent lightness ramp across all steps of each color in the palette to help with predictable contrast - Pay special attention to your yellows to balance brand consistency with accessibility - Limit how brand colors cascade into critical elements such as forms, buttons and links to ensure usability - Continue to use plugins and manual review to check color contrast ratios across the system, components and patterns as you go #ui #design #designsystems #color #branding #theming #accessibility

306

3 Comments

As Senior Designers, we have to assert our importance in business decisions to show that we are just as crucial to their organizations as any other senior role. It first starts on a personal level. We have to realize we're not just here to make great design; we're not just here to be the voice of the user; we're here to provide intentionality in every aspect of organizational thinking. "And, while the compensation looked quite good relative to what designers were earning even in senior roles at established design firms, it did not necessarily match senior finance, sales, or engineering jobs." This quote from the Article is what really hits home with me. https://lnkd.in/epemebmx

3

Nick Hahn and I are going to be cohosting a webinar on May 22, at 1PM ET / 10AM PT called How to Craft a Business Case for Design System Investment. The title is a bit of a mouthful but we promise to be succinct in our discussion. We all know that design systems have tremendous potential to drive innovation, competitive advantage, deliver ROI in terms of time and costs, and generate revenue for organizations, but how do you get executive buy-in to build a design system that can live up to its potential? We'll cover topics like... - Measuring value with metrics that actually matter - All the ways design systems add value and drive ROI - and, of course, how to build a business case for investment in your design system. Registration link in the comments (because, you know LinkedIn)...

9

3 Comments