Design Details

This week, we caught up with Joey Banks to talk about contributing to open source design. In the Sidebar, we ask Joey bonus questions about ramping up in a new job, the design advocate role, and being Twitter famous.

• Chris Barrett
• Amanda
• Liam Mews

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.

This week, we grabbed Joey Banks to help us answer a listener question. Joey is a product designer working on design systems at Twitter. Before this, he was a design advocate at Figma.

flyingjuggernaut asks on GitHub:

Why would a designer contribute to open-source design communities? What are the benefits for a designer to spend valuable time contributing to these? Do you contribute and if so, why? I can see entry-level designers contributing to gain some experience or projects for their portfolio but for designers that have been working for some time, apart from exposure or reputation, I can't make sense of it.

• Joey on Twitter
• @joey on Figma
• 110: MAMP Patient Zero ft. Joey Banks
• Apple Design Resources
• Teehan+Lax
• Facebook Tools and Resources
• Hand Mirror from Rafael Conde
• Too Beautiful to Live Podcast

• Brian shared Screen Rant Pitch Meetings, a lovely playlist of sarcastic movie pitches that pokes fun in all the right ways.
• Marshall shared Olivia Rodrigo – start with drivers license.
• Joey shared HazeOver, a helpful macOS utility to dim distracting windows on the Mac.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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.

Thank you to Around, a better way to video call. The product is designed specifically to make it easier to gather small groups to collaborate in real time, without all the distracting and frustrating interfaces that comes with most video chat software. We love the small floating heads and emphasis on making it easy to work alongside the video call, rather than constantly having to app switch.

You can get started for free by signing up at Around.co!

• Miko Castillo (not Michael)
• Dym Sohin
• Bradford Ulrich
• Skye Jones
• NLP Studio
• Reginald Curtis
• Alec Davy
• Al Power
• Liam Liu
• Axel Kheddache

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.

This week we talk about the intricacies, details, and complexities of the designer’s favorite element: the button.

• Starting points for the psychology for rounding corners:
  • How to rounded corners affect usability
  • Why rounded corners are easier on the eyes
  • The Bouba/kiki effect
• Lickable buttons

• Brian shared Godzilla vs. Kong. Monke punch lizerd.
• Marshall shared Brandon Sanderson, the author of the Mistborn Trilogy, Warbreaker, Stormlight Archive, and more.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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 designers in building software.

Thank you to Around, a better way to video call. The product is designed specifically to make it easier to gather small groups to collaborate in real time, without all the distracting and frustrating interfaces that comes with most video chat software. We love the small floating heads and emphasis on making it easy to work alongside the video call, rather than constantly having to app switch.

You can get started for free by signing up at Around.co!

• Tim Noetzel
• Collin Hadley
• Kristin Au
• Camden Gaba
• Gabriel Liberman
• Josh Houben
• Preethi Shreeya
• Edward Lake
• Nick Giordano
• Caleb Hill
• James Molyneux-Birch

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.

Nejat Seçkin Oral tweeted: I’m pretty sure I said this multiple times before but @designdetailsfm manages to answer questions that I’m seeking at that particular time. Almost every episode. I don’t know what magic it is but I’m here for it.

Jessica Tong asks on GitHub:

I work at a small startup with less than 15 people and I'm the only designer. Recently, I've had a performance review and my manager, who is the Head of Product has recognised that I am lacking in "strategy skills". I seem to mostly come up with short term ideas. eg. we have a problem regarding X, so i am able to come up with multiple solutions, etc. I've also been to a job interview where they said I was lacking high level, strategy skills. I am unsure as to how to develop this skill and think of my work more in the long term and plan for the long term. My manager has suggested a book called "Good Strategy/Bad Strategy" by Richard Rumelt but other than that, he does not know how to help - probably because he is from a product management background, and I should be developing a UX strategy skills. Do you have any advice, or resources you can point me to where I can grow in this area as a product designer?

• OKRs: Objectives and Key Results
• Spotify acquires Locker Room
• Stratechery

• Brian shared Readng, a beautiful app for tracking what you read, and following other people’s book recommendations. It’s like Letterboxd, but for books! And it’s beautifully designed, and a joy to use.
  • Design by Aziz Firat – follow!
• Marshall shared Quadeca – From Me To You, a music video. Quadeca also comes from the YouTube world, alongside his own music productions, so dive into the backlog of videos.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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.

A huge shoutout to Mailbrew for supporting the show this week! Mailbrew is a personal daily digest for all the stuff you care about on the internet. We love it for delivering the top links and top tweets shared by the people we follow on Twitter, reducing FOMO and cutting down on social media time.

Get started with a free trial, no credit card required, at https://mailbrew.com/dd. If you subscribe after the trial, you’ll save 30% on your first year’s subscription.

Thank you to Around, a better way to video call. The product is designed specifically to make it easier to gather small groups to collaborate in real time, without all the distracting and frustrating interfaces that comes with most video chat software. We love the small floating heads and emphasis on making it easy to work alongside the video call, rather than constantly having to app switch.

You can get started for free by signing up at Around.co!

• Sam Mackay
• Bryan Cesar
• Niels
• Jochem Dierx
• Destiny Williams
• Daryn Cox
• Laurens Kersbergen
• Trixy Woodhouse
• Frederik Klovborg
• Bryan Maniotakis
• Joe Graf

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.

Aloni Sanbira asks: I feel like there’s a lot of discussion around entry level design portfolios. What’s your take on senior level portfolios? What do you think a seasoned designer should pay extra attention to when presenting themselves?

• We also tweeted the question out, and received some great replies

• Brian shared Enes Yilmazer, a YouTuber who tours very fancy and very expensive homes. We enjoy watching to find the little tiny details that we’d appreciate in our own lives someday.
• Marshall shared weighted blankets, in general. Check out this article diving into the science of weighted blankets. Having trouble falling asleep? Try one!

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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 skills, how to become a better systems designer by learning outside of work, and much more.

Mailbrew

A huge shoutout to Mailbrew for supporting the show this week! Mailbrew is a personal daily digest for all the stuff you care about on the internet. We love it for delivering the top links and top tweets shared by the people we follow on Twitter, reducing FOMO and cutting down on social media time.

Get started with a free trial, no credit card required, at https://mailbrew.com/dd. If you subscribe after the trial, you’ll save 30% on your first year’s subscription.

Around

Thank you to Around, a better way to video call. The product is designed specifically to make it easier to gather small groups to collaborate in real time, without all the distracting and frustrating interfaces that comes with most video chat software. We love the small floating heads and emphasis on making it easy to work alongside the video call, rather than constantly having to app switch.

You can get started for free by signing up at Around.co!

• Nacho Allendesalazar
• Michelle Bajurny
• Monica Conrad
• Eugene Dobrovolsky
• Josh Ramires
• Pem Zhipeng Xie
• Chris Aalid
• Ryan Magalhaes
• Paige Wood
• Nicole
• Balázs Barta

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

This week, we have an interview! We caught up with Kathryn Gonzalez, the Head of Design Infrastructure at DoorDash. We talk about her experience building DoorDash’s design system from scratch, working as a technical designer, hiring for design systems roles, and much more.

• @ryngonzalez
• Kathryn’s website

• Kathryn shared March Madness, which is actually happening this year!
• Brian shared The Falcon and The Winter Soldier, the newest Disney+ series for the MCU. We’re only one episode in, but it’s off to a good start.
• Marshall shared Formula 1: Drive to Survive on Netflix. Even if you’re not into cars or racing, it’s a show that ramps you up and gets you invested in the players and teams.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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 is up with NFTs?

A huge shoutout to Mailbrew for supporting the show this week! Mailbrew is a personal daily digest for all the stuff you care about on the internet. We love it for delivering the top links and top tweets shared by the people we follow on Twitter, reducing FOMO and cutting down on social media time.

Get started with a free trial, no credit card required, at https://mailbrew.com/dd. If you subscribe after the trial, you’ll save 30% on your first year’s subscription.

• Gábor Juhász
• Kateřina Bruzlová
• Kim Røen
• Rod Blackney
• Jerel Johnson (machinic)
• Aashrey Sharma
• Raffaele Vitale ?
• Natalie Lee
• Catalina de León Belloc
• John Rim
• Ariel Chu
• Cristiano Luís
• Alvin Goh

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

This week, Clooks asks on GitHub:

• What does your design review process look like?
• What should a design review be and what shouldn't it be (what should be broken out into a different forum)?
• What are some helpful tips for remote facilitation to make design reviews fun, collaborative, and productive?

• Brian shared MusicalBasics, a YouTube channel with a ton of fun and interesting content around music composition and experimentation. In particular, the playlist about time boxed compositions is very fun to watch.
• Marshall shared two “reacting to movies” YouTube channels: Natalie Gold and Shanelle Riccio. Watching friends watch the movies we love is just so delightful.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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 overload.

A huge shoutout to Mailbrew for supporting the show this week! Mailbrew is a personal daily digest for all the stuff you care about on the internet. We love it for delivering the top links and top tweets shared by the people we follow on Twitter, reducing FOMO and cutting down on social media time.

Get started with a free trial, no credit card required, at https://mailbrew.com/dd. If you subscribe after the trial, you’ll save 30% on your first year’s subscription.

• Thuy Luong
• Eileen Wong
• Shumin Wang
• Ethelia Lung
• Flora
• Gina Lin
• Giulio Fagiolini
• Grant M Hansen
• Hidden Rayn
• Scuba Steve
• Dylan Riessen
• Christoph
• Lucas Lemonnier
• Ulli Strozynski
• Pg Gonni
• Yasmin Shibib
• Heidi Peng
• Seth Daggett
• Ho Uyen Thao
• Liu Ting Yú

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

In this week's Sidebar, we talk about how to deal with design content overload. If you live and breath design, this might be for you.

• David Luft tweeted: It would be so helpful if you made a video companion to episode 386 that shows how you set up and use your grid systems in Figma.
  • Keep an eye out, we’ll try to do something here!
• Camden Gaba tweeted: Should the vertical spacing between text elements be set by their line height or multiples of your grid interval? And thanks for another episode!
  • Generally by line height, unless you just have a text-heavy site with many columns, in which case just let the text flow and then pick up the grid in between your content blocks.
  • leading-trim: the future of digital typesetting
  • NYT on how they implemented a baseline grid using CSS
• Richard Picot tweeted: Follow up question, do you conform to a grid for padding inside a button for example or is the overall size of the component more important?
  • Vertical padding just ends up being whatever is required to make your button height a certain size (e.g. minimum tap target size). Leading and trailing padding can be some step on your grid (like 16pt or 12pt).

This week Marshall continues with part 2 of design tips and tricks! We dig into naming conventions, thinking in divs, how to structure your frames, and some Figma-only pro-tips.

• Margin considered harmful

• Brian shared Mouseless, an indie app to help you build muscle memory for keyboard shortcuts in your most-used apps.
• Marshall shared The World’s a Little Blurry, the new Apple TV+ documentary about Billie Eilish.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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 how to give design critique without having full problem or product context.

A huge shoutout to Copilot, the best app for budgeting and tracking your personal finances. It’s our favorite tool for categorizing our spending, having our net worth available at a glance, and getting monthly (and yearly!) digests of all your spending.

Get the app at copilot.money.

• Tim S
• Olivier Ifrah
• Taner Aydın
• Alisa Zhukova
• Nordy Vlasman
• Anuja Upadhye
• Kacie
• Paulina Dera
• Mirko Poloni
• Johannes
• Jason Lockwood
• Gary Moran
• Marshal Uhls
• xenolon
• Joshua Gittoes
• Zoe Lee
• Sumire Hibiya
• Cara Brashears
• Daniel Hermoso
• Lakshman Ramesh
• Simon Hua
• Ashish Negi
• Alexander Duffner

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

In this week's Sidebar, we talk about how to give design critique without having the full context on a problem or product area.

• Stevanus Satria tweeted: The next MMORPG I play my character shall be a wizard hailing from the Northland wielding a powerful electric guitar 🤣 Please do!

This week Marshall runs us through all his craft tips and tricks: little ways to use tools to make designing interfaces faster, more efficiently, with more organization, and in a way that will scale as you explore.

• Brian shared the Lift desk stand from Artifox. It’s expensive, but very pretty, and has some smart integration with magnets.
• Marshall shared Mistborn: The Final Empire, a story by Brandon Sanderson. The book is a fantasy heist kind of tale, where the magic is based on metallurgy and its interesting combinations. The audio book is 24 hours, so not too bad!

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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 to work with it, pay it down, and eventually learn to accept it.

A huge shoutout to Copilot, the best app for budgeting and tracking your personal finances. It’s our favorite tool for categorizing our spending, having our net worth available at a glance, and getting monthly (and yearly!) digests of all your spending.

Get the app at copilot.money.

• Leigh LaMon
• Edyta Niemyjska
• Jaime
• Brandon Hills
• Jonathan De Wet
• Guilherme Kaiser
• Lillian Lin
• Aris Acoba
• Kyle Stuart
• Hugo Tunius
• Kish Patel
• Michael Otto
• Denis Zastanceanu
• Kelvin O'Shea
• Scott Underwood
• Lachlan Campbell
• Lucas VanGombos
• Sam xia
• Ravi Aujla
• Brian Nelson

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

In this week's Sidebar, we answer a listener question that can be ultimately paraphrased as: How do you deal with design debt?

Joey Jungle asks on GitHub: Designing with grid systems? – and continues with many words asking why grid systems are often unintuitive, and don’t align neatly with our hardware screens. Great question!

• Brian shared the iA Quattro typeface, one of three beautiful (and free, open source!) typefaces from the iA team. It seems to be striking a happy middle ground between a sans and a mono, making it useful for adding a computer-y tone to an interface while staying readable.
  • My thread with some work in progress screenshots.
• Marshall shared Little Nightmares II, a beautiful (and scary) indie side-scroller. It looks gorgeous, and the sound design is incredible.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!

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.

A huge shoutout to Copilot, the best app for budgeting and tracking your personal finances. It’s our favorite tool for categorizing our spending, having our net worth available at a glance, and getting monthly (and yearly!) digests of all your spending.

Get the app at copilot.money.

• Marcel mcv
• Varada Gavaskar
• Anas KA
• Fede Sánchez Saorín
• Stevanus Satria
• Eugene
• Carlo Franco
• SingYu Lam
• Siegs
• Sam Withey
• Rachel Jin
• Stephen Cady
• Felix Shin
• Jon Lee
• Rafał Ziółek
• Mitchell Watts
• Remi Chu
• Nancy Zuo

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

In this week's Sidebar, we talk about things to learn and new mental models to adopt in order to transition from web to mobile design.

• Vincent van der Meulen tweeted a very nice note: Best thing I did early on was spend hours listening to @designdetailsfm interviews. It taught me how to talk about my work and reflect on it long before I had any skills. I got my first internship by answering the interview Qs like I thought a designer on Design Details would 😆
  • Thanks so much for your note! This makes it all worth it 😊

sallythat asks us on GitHub: What to do when the design team’s bar for UI is low?

We discuss some tips and strategies for communication and finding leverage in systems to raise the bar for a product’s UI.

• Brian shared CleanShot X, a fantastic alternative to the default macOS screenshot tool. Highlights: auto-copy to clipboard and place window screenshots perfectly centered on your wallpaper.
• Marshall shared r/thatsabooklight, a subreddit about props in movies or shows that were repurposed from everyday household items.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin
  • 🎙 Marshall is @marshallbock
  • 📬 Don't have Twitter? Email us at [email protected]
• 🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️
• ❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)
• ⭐️ Enjoying the show? Leave us a review on iTunes

Byeee!