425: Overengineering Variants

425: Overengineering Variants

Author: Brian Lovin, Marshall Bock January 20, 2022 Duration: 24:41

This week, we share tips for crafting component variants to avoid the dreaded variant-explosion problem. In the Sidebar, we talk about Tesla’s latest UI refresh, where we see auto interfaces going in the future, and share some of our favorite car dashboard design details.

Golden Ratio Supporters:

Play — Play is the first native iOS design tool made for teams creating mobile products. Design, prototype, and collaborate, directly from your phone. With Play you can experience your design as you create it while taking full advantage of native iOS features not found in other design and prototyping tools. Full access invites available for the first 25 people here!

The Sidebar:

The Sidebar is an exclusive weekly segment for our Patreon supporters. You can subscribe starting at $1 per month for access to bonus content going forward! Sign up at patreon.com/designdetails.

Latest VIP Patrons:

  • Aneliya Kyurkchiyska
  • Lucia
  • Matthew Achariam
  • Alan Mills
  • Jordan
  • Mejji Le
  • Taylor Vogel
  • Filip Szafirowski

Main Topic:

This week, we share tips for crafting component variants to avoid the dreaded variant-explosion problem.

  • Bryan Maniotakis asks about Figma variants on GitHub: Based on your experience, is this method sustainable? Is forcing the user to hide/show layers a better option to reduce complexity? Should I break out the component into more subcomponents to create fewer variants, but which causes more clicking around?

Cool Things:

  • Brian shared the August Wi-Fi Smart Lock as a nice upgrade to your home’s deadbolts. Auto-locking and unlocking are great features, and the ability to share access with a partner or friends is awesome, too.
  • Marshall shared Lian-Li UNI Fans, a modular, daisy-chainable fan module for your custom PC build.

Design Details on the Web:

Byeee!


Every week, Brian Lovin and Marshall Bock settle in for a thoughtful, often meandering chat that pulls back the curtain on how things are made. Their Design Details podcast lives in the rich space where technology and the arts intersect, focusing less on polished case studies and more on the real, sometimes messy, work of design. You’ll hear them dissect the nuances of product decisions, debate the evolving culture of creative teams, and share personal stories from their own experiences in the industry. It feels less like a lecture and more like eavesdropping on a conversation between two deeply knowledgeable friends. The discussions regularly venture into the philosophical side of craft, examining why certain choices resonate and how design shapes our daily interactions with the world. For anyone curious about the thinking behind the pixels and interfaces, this show offers a consistent, grounded perspective. Tuning in provides a sense of community and a candid look at the process, making it a staple for designers and creators who appreciate substance over flash.
Author: Language: English Episodes: 100

Design Details
Podcast Episodes
393: The Not-So-Humble Button [not-audio_url] [/not-audio_url]

Duration: 31:21
This week, we talk about the hidden complexities of a designer’s favorite element: the button. In the Sidebar, we examine interfaces that defer moderation responsibilities onto the end user.Golden Ratio Supporter:AroundT…
392: Becoming a Strategic Designer [not-audio_url] [/not-audio_url]

Duration: 28:06
This week, we talk about how to become a more strategic designer: what should you be doing day to day, or thinking about more often? In The Sidebar, we talk about the downsides of using metaphors to describe the role of…
391: Portfolio Review Tips for Senior Designers [not-audio_url] [/not-audio_url]

Duration: 29:50
This week, we share tips and best practices for senior designers who are presenting their work in a portfolio review. In The Sidebar, we break down the qualities of great typographic hierarchy in interface design.Golden…
390: Building Design Infrastructure ft. Kathryn Gonzalez [not-audio_url] [/not-audio_url]

Duration: 41:39
This week, we catch up with Kathryn Gonzalez, the Head of Design Infrastructure at DoorDash. We talk about building DoorDash’s first design system, how to scale a design systems team, balancing technical and design skill…
389: Better Design Reviews [not-audio_url] [/not-audio_url]

Duration: 34:47
This week, we talk about how to have better design reviews. Who, what, where, and when? We share our experiences, and frustrations, with certain formats and processes. In The Sidebar, we try to answer the question: WTF i…
388: Design Tips and Tricks, Part 2 [not-audio_url] [/not-audio_url]

Duration: 38:34
This week, we cover part two of our design tips and tricks series. We talk about naming conventions, thinking in divs, structuring frames, and share a few Figma pro-tips. In The Sidebar, we talk about design content over…
387: Design Craft Tips & Tricks [not-audio_url] [/not-audio_url]

Duration: 28:59
This week, we dig into specific tips and tricks to level up your craft game: how to leverage tools to make faster iterations, stay organized, and allow your mocks to easily scale over time. In The Sidebar, we dig into ho…
386: Designing with Grid Systems [not-audio_url] [/not-audio_url]

Duration: 24:52
This week, we talk about designing with grid systems. In particular: when grid systems break, and what to do when they don’t align with our hardware screens perfectly. In The Sidebar, we talk all about design debt: how t…
385: Raising Your Team’s UI Bar [not-audio_url] [/not-audio_url]

Duration: 29:32
This week, we talk about strategies and tactical tips for elevating a team’s bar to design high quality interfaces. In The Sidebar, we talk about how to transition from web to mobile design.Golden Ratio Supporter:A huge…
384: Finding Time for North Star Design [not-audio_url] [/not-audio_url]

Duration: 29:38
This week, we talk about the real struggle of finding the time to do North Star design. It’s complicated! In The Sidebar, we try to find the digital equivalent of a Norman Door.Golden Ratio Supporter:A huge shoutout to C…