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
444: Writing Effective Self-Reviews [not-audio_url] [/not-audio_url]

Duration: 28:03
This week, we share our tips for writing better self-reviews during performance review season.The Sidebar:The Sidebar is an exclusive weekly segment for our Patreon supporters. You can subscribe starting at $1 per month…
443: Design Systems Interviews [not-audio_url] [/not-audio_url]

Duration: 36:00
This week, we talk about interviewing for roles in design systems, what to prepare, and how many different kinds of skills are relevant in the field.The Sidebar:The Sidebar is an exclusive weekly segment for our Patreon…
442: It Doesn't Have to Be Right [not-audio_url] [/not-audio_url]

Duration: 31:00
This week, we share stories and lessons from some of our most memorable mentors.The Sidebar:The Sidebar is an exclusive weekly segment for our Patreon supporters. You can subscribe starting at $1 per month for access to…
441: WWDC 2022 [not-audio_url] [/not-audio_url]

Duration: 54:12
This week, we recap all of our favorite...design details...announced at this week's WWDC.The Sidebar:The Sidebar is an exclusive weekly segment for our Patreon supporters. You can subscribe starting at $1 per month for a…
440: Don’t Call It a Design Critique [not-audio_url] [/not-audio_url]

Duration: 28:47
This week, we talk about how to make design critiques more fun, and how to encourage teams to share their work-in-progress more often.Supported by:Play — Play is the first native iOS design tool built for creating mobile…
439: Config 2022 [not-audio_url] [/not-audio_url]

Duration: 55:59
This week, we cover all of the exciting new releases from Config 2022, and do a deep dive into the new version of Auto Layout.Supported by:Clay — Clay is the beautiful and private home for all your relationships. Populat…
438: Dissecting Substack’s Podcast Player [not-audio_url] [/not-audio_url]

Duration: 39:18
This week, we dissect Substack’s new podcast player design, talking about both the pixels and the strategic advantage of sharing craft-specific content on Twitter. In the Sidebar, we talk about the nature and risks of cr…
437: Scaling Design Critique [not-audio_url] [/not-audio_url]

Duration: 29:34
This week, we talk about methods to scale design critiques with a growing team. In the Sidebar, we dig into the...details...of Figma's latest UI changes which added file type icons to file tabs.Golden Ratio Supporters:Ze…
436: Reclaiming Your Focus [not-audio_url] [/not-audio_url]

Duration: 23:25
This week, we share our tips and strategies for reclaiming our focus to do deep design work. In the Sidebar, we revisit last week's conversation about the value of ideas and finding the right time to share an idea with t…
435: New Feature Launch Checklist [not-audio_url] [/not-audio_url]

Duration: 28:40
This week, we share the checklist that we use when launching new features to make sure we’re not missing certain states, flows, or edge cases. In the Sidebar, we talk about working in public and the risk of people steali…