Retour

Explorez tous les épisodes du podcast Design Details

Plongez dans la liste complète des épisodes de Design Details. Chaque épisode est catalogué accompagné de descriptions détaillées, ce qui facilite la recherche et l'exploration de sujets spécifiques. Suivez tous les épisodes de votre podcast préféré et ne manquez aucun contenu pertinent.

Rows per page:

1–50 of 464

TitreDateDurée
464: AI Grab Bag28 Nov 202300:34:27

This week, we talk about Open AI's GPTs-as-apps strategy, FigJam's AI tools, and our dreams for a future Jarvis-like experience.

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:
  • Matt Kubota
  • Eugene Kim
  • Bjarki Steinn Birgisson
  • Jin Kim
  • Sheny
  • Amy Shih
  • Cory Slaught
  • Evie
  • Torye Cooke
  • Hilary Hampton
  • Toby Brown
  • Zach Albright
  • Carl Thompson
  • LFC
  • Yanal Tayyem
  • Ryan Sims
  • Sam Bazalo
  • Sarrah Vesselov
  • Wenhui Yao
Main Topic:

This week, we talk about Open AI's GPTs-as-apps strategy, FigJam's AI tools, and our dreams for a future Jarvis-like experience.

Cool Things:Design Details on the Web:

Byeee!

463: Design Medley, Vol. 118 Oct 202300:34:13

This week, we talk about the delicate art of using animation in interface design, how to use button sizes, and managing margins in type styles.

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:
  • Ethelia Lung
  • Lio
  • Uhl Albert
  • Mark Guill
  • Brighten
  • Rich Beckett
  • Tibor
  • David Mills
  • Ava Liao
  • Shannon Ma
Main Topic:

This week, we talk about the delicate art of using animation in interface design, how to use button sizes, and managing margins in type styles.

Cool Things:
  • Brian shared Foundation on Apple TV+ — deep sci-fi that takes a little while to ramp up, but worth sticking out.
  • Marshall shared the Monos Kiyo UVC water bottle — purified drinking water, wherever you go.
Design Details on the Web:

Byeee!

454: Is UI Design Actually That Important?26 Jan 202300:29:48

This week, we answer a crucial question: is UI design actually that important? Our answer may shock you 🫢

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.

Golden Ratio Supporter:

Catch:

Why did you become a freelancer? Was it for freedom? Flexibility? It probably wasn't because you wanted to manage your own health insurance, taxes, and retirement.

Did you know Catch can do all of that for you? Catch offers benefits and personal payroll for the self-employed.

Make sure you're covered for 2023 and go to catch.co to renew your coverage or find a better plan.

Latest VIP Patrons:
  • M
  • Randy Oest
  • Erik Nielsen
  • Paddel
  • Jakub Kośla
  • Anika Aggarwal
  • This guy
Main Topic:

This week, we answer a crucial question: is UI design actually that important? Our answer may shock you 🫢

Cool Things:Design Details on the Web:

Byeee!

364: How to Design Better Settings16 Sep 202000:35:32

This week, we deep dive into tips and strategies for building a better settings experience in your product. In The Sidebar, we discuss the efficacy of paginating onboarding screens.

Golden Ratio Patrons:

Float
Float has been a lifeline for teams working remotely in 2020. It lets you keep track of who's working on what and plan your team's time, from anywhere! Float gives you an accurate view of your team's availability and capacity., allowing you to set custom work days and hours and schedule a status to let your team know where you're working from. Learn more at float.com/designdetails.

Hover
Hover has over 300 domain name extensions to choose from when building your brand online. No matter what area of the creative space you are in, there’s a domain name waiting for it - from .DESIGN, .ART to .INK, .PHOTO and so much more. Get 10% off your first purchase when you sign up at hover.com/designdetails.

Sponsors:

This week we're supported by Webflow! Webflow gives designers the power of code in a visual interface, allowing them to directly build whatever they have in mind without engineers.

Webflow is perfect for prototyping and user testing. It allows you to embed interactive details like hover animations, responsive layout changes, and anything else that the real product might have.

Webflow lets you create standards-compliant HTML, CSS, and JS with familiar, visual tools. Because of this, you can give your developers something more than static mocks: start building fully responsive, interactive websites. You can even use real data and structured content, providing for more accurate user research sessions and more realistic flows.

When you’re done prototyping, Webflow writes clean, production-ready code for you. Hand it off to a developer for implementation — or just publish straight to your custom domain.

Learn more at http://wfl.io/designdetails for 10% off annual plans on any new account.

Latest VIP Patrons:
  • Walter Kimaro
  • RayBizarre
The Sidebar:

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 the efficacy of paginated onboarding screens, and suggest alternative onboarding patterns that we've learned about through experience.

Follow up:
  • Brian is testing Marshall's work journaling strategy. One week in, so far so good! Marshall also put together a sample outline for anyone curious about seeing how this might work in practice.
Main Topic:

This week's listener question comes from Priscilla Then, who asks:

  1. What's the difference between "Settings", "Configuration", and "System" (would it be appropriate to have all 3)?
  2. How should "Settings" be used?
  3. Should Settings be displayed visually "apart" from the rest of the first-level navigation options, like how Shopify does it (putting all things in the left sidebar from the top, but the settings at the bottom)?
  4. What do you think of companies that have multiple, tiered settings (like Zoom)? Do you think that they executed it well?
Cool Things:
  • Brian shared Poolside.fm, a magical website that now has an accompanying iOS app. You should download it right now and experience it in all its beauty.
  • Marshall re-shared Copilot, a fantastic app that will change the way you use money. The team has been making a ton of improvements in the past few months, including better recurring transactions support, rules-based transaction categorization, budget rollover, and new account types.
    • Use Marshall's code B7NG7A when you're signing up for some bonuses all around!
Design Details on the Web:

Goodbye!

363: How to Talk to Users09 Sep 202000:29:21

This week, we dive into the details of having effective user research sessions, sharing tips and strategies to get more value out of customer conversations. In The Sidebar, Marshall explains his work journaling process to capture better day-to-day notes.

Golden Ratio Patrons:

Float
Float gives you the most accurate view of your team's availability and work schedule. You can set custom work hours, add public holidays and time off, and schedule a status to let your team know where you’re working fromーthe home office (dining table), or the lake house! Learn more at float.com/designdetails.

Hover
You’re a designer. That means you need a portfolio. That means you need a website. And if you don’t have a website, today’s the day: Hover is the best way to register a domain for your portfolio site. Get 10% off your first purchase when you sign up at hover.com/designdetails.

Sponsors:

This week we're supported by Webflow! Webflow gives designers the power of code in a visual interface, allowing them to directly build whatever they have in mind without engineers.

Webflow’s rich interactions and animations toolset allows you to bring your designs to life with advanced features like parallax scrolling, mouse/cursor-based motion triggers, custom keyframe and After Effects-based animations. You can transform element sizes, styling, and position based on scroll progress over a specific element or the entire page. This allows you to bring expressive animations to your sites that build as users move down the page.

You can even create multi-step, timeline based animations that’s as easy to set up as PowerPoint or Keynote, but of course with clean, generated working code. Webflow even integrates with After Effects and Lottie, so that you don’t need to write super complex javascript to accomplish beautiful animations.

Learn more at http://wfl.io/designdetails for 10% off annual plans on any new account.

Latest VIP Patrons:
  • Hannah Cunningham
  • Patrick Morgan
  • Monica Howe
  • Ramil Azucena
  • Chloe Xie
  • Ugo Cireddu
The Sidebar:

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 we talk about work journaling, a process that Marshall follows to keep track of everything happening day to day. We share tips for creating your own work journal and what tools are useful for this process.

Follow up:
  • Kelli Novotny on Twitter: “Wanted to pass on something we do as a product team that helps us prioritize our days. We set 3-5 priorities each day, usually, we plan them the night before - send out in our slack channel and at days end we report in on how we did (ie: 2/3 for today. Tomorrow will be x, y, and z.) I cannot tell you how much this has helped focus our time and also has taught us to break down tasks into digestible, achievable bits! Highly recommend it.”
    • Brian uses Geekbot at GitHub to hold asynchronous team standups on Slack.
Main Topic:

Joseph Cooper asks:

Forgive me if you have already done an episode like this (all though from memory I can't remember one). I thought of this question in response to Episode 362 "What do designers do all day?" and noticed neither of you really touched on the research side of product design!

Anyway... I've moved into a new company recently and have luckily had the opportunity to have a lot more customer interaction than in previous companies and I'm loving it. After chatting to several other designers though it made me realise that a lot of other designers and teams tend to really under look the value this can add to building a product. I would love to hear more about in your day jobs you incorporate user feedback, testing and research into building your products. Is this something you do? When do you do it? How often do you do it? etc. I'd also love to know more about how you structure these sessions and ask the right questions to make sure you're extracting the most value possible out of them!

Cool Things:
  • Brian shared Public, a new investing app that makes the stock market more social.
  • Marshall shared Recursive Sans and Mono, a variable typeface from Google. The landing page with interactive examples is fantastic, you should check it out.
Design Details on the Web:

I'm meeeellltttinnnggg!

362: What Do Designers Even Do All Day?02 Sep 202000:31:40

This week, we try to answer one very simple question: what do designers even do all day? In The Sidebar, we discuss when and where to use system defaults versus creating a custom UI.

Golden Ratio Patrons:

Keep track of who's working on what and plan your team's time, from anywhere! Get an accurate view of your team's availability and capacity, set custom work days and hours, schedule a status to let your team know where you're working from, and so much more. Learn more at float.com/designdetails.

Sponsors:

This week we're supported by Webflow! Webflow gives designers the power of code in a visual interface, allowing them to directly build whatever they have in mind without engineers. Webflow’s whole thesis is that designers are used to learning complex visual software like Photoshop, Sketch, Figma, etc., but none of those tools actually output production code.

From creative agencies like IDEO and Ramotion to design-led startups like Lattice and Petal — Webflow gives designers the power to build whatever they have in mind. Learn more at http://wfl.io/designdetails for 10% off annual plans on any new account.

Latest VIP Patrons:

🦗🦗🦗

The Sidebar:

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 the tradeoffs of using system defaults in your designs. Are defaults boring? Practical? It depends?

Follow up:Main Topic:

Luke Seeley asks: What do full time designers actually do all day?

Cool Things:
  • Brian shared Cocoon, an app for small group messaging that is just wonderful.
  • Marshall shared Rage Against the Machine, some music to accompany those of you who are raging...against the machine.
Design Details on the Web:

Gwodbye!

361: Building Things You Use27 Aug 202000:28:25

This week, we weigh the pros and cons of working on a product that you love to use every day. Is it really so bad to be your own power user? In The Sidebar, we discuss steps to take when exploring vague problem areas.

Golden Ratio Patrons:

Float is a resource management software for planning your team’s time across multiple projects. Companies like Buzzfeed and MetaLab both use Float to plan and track hundreds of projects more effectively. You can learn more about how they use Float at https://www.float.com/who-uses-float or learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Jayden Tran
  • Jordan Jennings
  • Brandon Hite
  • Drew Rosier
  • Tal Cohen
The Sidebar:

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 begin exploring broad-space problem areas. How do you A/B test when the problem is too vague? What is the value of intuition and past experience? This, plus more!

Tweets:Main Topic:

What are the pros and cons of working on a product you love?

  • Pros
    • It's fun and easy to get excited about the work.
    • You can feel like a user and encounter user problems.
    • It's easier to find bugs and inconsistencies.
    • Becoming a power user happens naturally over time.
    • It's often easier to stay at a company due to higher quality “work time” - there is potential for a higher quality of life overall. Work doesn’t feel like work, it’s play!
    • It becomes highly motivating to solve your own problems, or the problems of people you work with each day.
  • Cons
    • It can be easier to lose sight of problem areas, confusing flows, new user experience issues, and positioning/branding problems.
    • Power users can memorize and get used to awkward flows that would otherwise suck - it’s hard to identify and fix these.
    • It can make you stop liking the thing itself - it blends work and pleasure so that there’s less of a clear boundary.
    • Navel gazing: it's harder to see opportunities for order-of-magnitude improvements or innovations. It can be hard to kill the things you love using.
    • Potentially: slower skill development.
    • Potentially: easier to feel "trapped" - the golden handcuffs keep you at the place for longer than you would have otherwise stayed.
Cool Things:
  • Brian shared The Last Dance on Netflix, a 10 episode documentary about the Chicago Bulls and Michael Jordan's epic career. Even for non-sports people, like us, this is inspiring.
  • Marshall shared Robert Parker, a musician creating really wonderful 80's-synth, perfect for putting on in the background while working.
Design Details on the Web:

Bahhh byye!

360: Measuring Success in Interface Design19 Aug 202000:28:29

This week, we answer two listener questions – bonus question in The Sidebar! In the first, we discuss text contrast, accessibility, and winning arguments. In the second, we work out what it means to measure success in interface design.

Golden Ratio Patrons:

We’re supported by Float.com, a resource scheduling tool that is visual, flexible, fast, and reliable. In the last two months, they’ve launched integrations with the top four project management tools: Jira, Asana, Teamwork, and Trello. The integration features a sidebar that imports your tasks or issues into Float, so you can drag and drop them onto your team member's schedules. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Ashley Hopkins
  • Andy Weir
  • Crystal Ellis
  • Hana Feriancova
  • Chelsea Bishop
  • Nick Humphreys
The Sidebar:

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 bonus listener question about how to argue with the CEO about design decisions. We talk about text hierarchy, contrast, accessibility, and how to win arguments.

Tweets:
  • Vinsg says it's painful to listen to other podcasts after having our show notes and chapters - we're so happy you notice and appreciate these!
  • Ying Yao says, regarding last week's episode, "To me, creating a single source of truth library of components and patterns frees designers to exercise their creativity in tackling interesting product challenges."
Listener Question:Cool Things:
  • Brian shared that Tesla is offering touch-free test drives. If you are bored at home, and want to experience the fun of an electric call, go in for a test drive! It was a blast and the people were not pushy at all to see if we were even interested in buying.
  • Marshall shared Survive the Hunt, a YouTube series by FailRace, in which teams play virtual tag inside of Grand Theft Auto V. Rules and regulations apply, tensions run high, and you'll have a blast watching.
Design Details on the Web:

Goodbye!

359: Design Systems and Creativity12 Aug 202000:26:40

This week, we discuss a listener question about the tension between design systems and creativity. Do design systems destroy creativity, or simply get the boring parts of our work out of the way? In The Sidebar, we discuss the challenges in sharing North Star design visions across teams.

Golden Ratio Patrons:

Did you know that teams in more than 150 countries around the world use Float for the resource planning? Float is the #1 rated resource management software on G2. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Thomas Eckert
  • Sören Gröbke
  • Sveta Goldstein
  • Juliana S
  • Farfama Hargaaya
  • Christopher Woodside
  • Danni Hu
  • Jatin
  • Sanket Pathak
  • Tin Kadoic
  • Christopher Drakeford
  • Agnese
  • David Luft
  • Jeremie Michaels Lim
  • Matt Harney
The Sidebar:

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 discuss the process of creating and distributing North Star vision work across teams and organizations.

Follow up:
  • It's now possible to disable wallpaper tinting in macOS dark mode (in the latest Big Sur beta). To do this go to System Preferences → General → Allow Wallpaper Tinting in Windows
  • Last week's episode was edited using Descript, a pretty awesome audio editing tool.
  • Pawel Sysiak pointed out that the method for getting the Patreon audio stream into your podcast player isn't super obvious. But it's possible! If you are currently listening to episodes on Patreon, ya goofed - go to patreon.com/designdetails and follow the instructions to get the special audio link imported into your favorite podcast player.
Listener Question:
  • Katarina Blind asks: I know that especially for bigger companies with several people working on a project, it can really help to create one unified UI. But I’m curious about whether they can impact creativity. If the design elements are already established, it seems like that takes away quite a bit of the design process. There’s a lot of talk about pixel-pushing and getting the typography, color, alignment, etc. just right. So if that’s taken care of by a design system it appears as if what’s left to design is the combination of elements..._
Cool Things:
  • Brian shared Palm Springs, a new movie on Hulu that's kind of a like a new modern day Groundhog's Day.
  • Marshall shared I'll Be Gone in the Dark, a six-part documentary series based on a book investigating the Golden State Killer.
Design Details on the Web:

Bye!

358: Design and Venture Capital05 Aug 202000:53:22

This week, we caught up with Bobby Goodlatte and Josh Williams, two designers-turned-investors who recently announced Form Capital, an early-stage venture fund. In this episode we talk about the path to starting a fund, whether founders should live in the Bay Area, and share advice to designers who are interested in starting their own company someday.

Golden Ratio Patrons:

Float is a resource management tool for planning your team’s time across multiple projects. Built by creatives, for creatives, Float makes resource planning simple — like it should be! Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • AxeRaider
  • Swapnil Kosarabe
  • Vuokko Aro
  • Conor O'Hollaren
  • Adam Dipper
  • Adam Miles
  • Jack Brind
  • Raymond Bessemer
  • Emily Kane
  • Elliott Roche
  • Matt
  • Robert Orf
The Sidebar:

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 ask bonus questions at the end of the interview:

  • What is the most under-rated skill for founders?
  • What is the most over-rated skill for founders?
Follow up:
  • Marshall has recently crossed 100 episodes and two years of co-hosting this podcast! Boy, oh boy, how time flies - thank you Marshall, it's been a fun two years!
Interview:Cool Things:Design Details on the Web:

Bye!

357: GPT-3 and the Future of Design29 Jul 202000:27:09

This week, we talk about the recently-unveiled GPT-3 AI tool and the implications of AI for design. In The Sidebar, we discuss HUD design in video games, nerding out on diegesis, skeuomorphism, and more.

Golden Ratio Patrons:

Float is an easy to use resource management tool for planning your projects and scheduling your team's time. Access your schedule from anywhere with a mobile app for on the go. Float makes resource management fast, visual and simple. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Brian Christ
  • Rafael Pereira
  • Amy Zhen
  • Pawel Szymankiewicz
  • Mia Suresh
The Sidebar:

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 discuss the evolution and impact of the HUD UI in video games. We dive into diegesis, skeuomorphism, and more.

Follow up:Listener Question:

Fabio Giolito states: How not to talk about GPT-3? Hot takes only.

Cool Things:
  • Brian shared Roam Research, a note-taking tool for networked thought. It's a bit more complex than your average note-taking tool, but it's wildly powerful.
  • Marshall shared his new role at YouTube, working on the Design Systems team defining the future evolution of YouTube's design language.
Design Details on the Web:

Good bye.

356: Becoming a Product Manager ft. Cemre Güngör22 Jul 202000:54:59

This week, we caught up with Cemre Güngör to talk about transitioning from design to product management, the tension between the roles of PD and PM, why products fail, and so much more. In The Sidebar, we discuss the most over- and under-rated skills for PMs.

Golden Ratio Patrons:

More than 3,000 of the world's top design teams, including BuzzFeed, Ogilvy, MetaLab and Hulu use Float to plan their projects and schedule their team’s time. Float is the most accurate tool for planning your project resources and scheduling your team's time. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Zack Aronson
  • Ezra Everhart
  • Bob Wassermann
  • Ruben Alexander Dreymann
  • Harley Thomas
  • Sebastian Winther
  • Jan Haaland
  • Qin Bian
  • YUJING CUI
  • Nicholas Dauchot
  • Emily
The Sidebar:

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 ask Cemre some bonus questions at the end of the interview:

  • What is the most under-rated skill for product managers?
  • What is the most over-rated skill for product managers?
  • Do you find that your success thus far is mostly the result of luck or hard work?
Interview:

This week we caught up with Cemre Güngör, a product designer turned product manager, currently working on AR and Camera at Instagram.

Cool Things:
  • Brian shared Hamilton (again), now streaming on Disney+. If you've been sitting on the sidelines, sit no more - this is a masterpiece.
  • Marshall shared the Mac Candle No. 2 by Twelve South, in case you need an Apple-inspired candle.
  • Cemre shared Waking Up, a guide to understanding the mind – in app form – by Sam Harris.
Design Details on the Web:

Byeee!

355: Should I Be a Product Manager?15 Jul 202000:22:28

This week, we attempt to answer the age-old question every designer will someday face: should I be a product manager? In this week's Sidebar, we share our first impressions of macOS Big Sur, covering our favorite changes and what we hope to see updated before public release.

Golden Ratio Patrons:

Are you still using spreadsheets to plan your projects? Float is a resource management software built for creative teams. Add your team’s roles, departments and work hours, schedule time-off, public holidays and remote work days, so you always have the truest view of your team's availability. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Hannah
  • Tristan Scaglia
  • Kelli Novotny
  • Niko Lazaris
  • Eric Stahl
  • Adam Ho
  • Chip
The Sidebar:

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 dig into our first impressions of macOS Big Sur. We dissect our favorite parts, and the things we hope will change by the time things go public.

Follow up:
  • Hugo Tunius did a deep dive into how the new iOS 14 pasteboard alert works behind the scenes.
  • Keep tweeting at Yitong if you enjoyed last week's episode!
Listener Question:

Rachee Jacobs asks:

I am a product designer and I work with very talented designers on my team. I constantly find myself trying very hard to push myself up into higher level product discussions and decisions with the product managers since I feel it is part of my job to not just get product requirements handed down and design then, but to be part of the definition. But it seems like no one else on the design team really cares as much and are happy to get very specific requirements and flows.

So I wonder, is it just my company who doesn’t value product designers role or is it the state of the industry? Would I be happier as a product manager?

Cool Things:
  • Brian shared Folklore.org, shoutout to Gabriel Valdivia for the recommendation! Folklore "is a web site devoted to collective historical storytelling. It captures and presents sets of related stories that describe interesting events from multiple perspectives, allowing groups of people to recount their shared history in the form of interlinked anecdotes."
  • Marshall shared Cult Favorite, a high-quality source of pantry essentials, created by our friends Bryn Jackson and Sarah Marie. Buy the first batch, we promise it's good!
Design Details on the Web:

Bye bye!

453: Building a Type Stack12 Jan 202300:29:25

This week, we discuss strategies for building an excellent type stack in your designs.

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.

In this week's Sidebar, we discuss the tradeoffs of adding view counts to tweets and the implications of paid community resources coming to Figma.

Golden Ratio Supporter:

Catch:

Why did you become a freelancer? Was it for freedom? Flexibility? It probably wasn't because you wanted to manage your own health insurance, taxes, and retirement.

Did you know Catch can do all of that for you? Catch offers benefits and personal payroll for the self-employed.

Make sure you're covered for 2023 and go to catch.co to renew your coverage or find a better plan.

Latest VIP Patrons:
  • Ankur Roy
  • Mikk Lemberg
  • Ken Grier
  • Davida Pitts
  • Mauro Fernández
  • Sheny
  • S Cameron
  • Michel van Heest
Main Topic:

This week, we discuss strategies for building an excellent type stack in your designs.

Cool Things:
  • Brian shared Janum Trivedi, one of the most fun interaction designers to follow on Twitter.
  • Marshall shared Kaleidoscope. Recommended order: yellow, violet, orange, green, blue, red, pink, white.
Design Details on the Web:

Byeee!

The Sidebar:

In the Sidebar, we discuss the tradeoffs of adding view counts to tweets and the implications of paid community resources coming to Figma.

354: Designing on a Visa ft. Yitong Zhang08 Jul 202000:40:57

This week, we caught up with Yitong Zhang to talk about what it's like to navigate the visa process in the US. We dig into the details of different work visas, the constraints they impose on designers, and what is changing in the current processes. This, plus bonus questions and cool things as always!

Golden Ratio Patrons:

Float is a resource management software for planning your team’s time across multiple projects. Float saves your team time, so you can get back to doing what you love! Learn more about how teams in more than 150 countries around the world use Float for the resource planning at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Hugo
  • Simon Eriksson
  • Sungpil Seo
  • Max Rudberg
  • Jose
  • Ada Z
The Sidebar:

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 ask Yitong some bonus questions at the end of the interview:

  • What is the most under-rated skill for designers?
  • What is the most over-rated skill for designers?
  • Do you find that your success thus far is mostly the result of luck or hard work?
Interview with Yitong Zhang:

Notes from Yitong
21:18 It's only easy to change jobs as an H-1B holder if you are transferring to a company that already does H-1Bs and you're doing the same job. For example, if you're an engineer transitioning into design, that would be difficult.

21:46 You can only change jobs in the while in the green card queue if your job is not changing by more than a certain amount. This is especially difficult for people in the 10 year queue because it's not really possible to have same job for that long. So what you have to do is to re-prove to the government that your new job is not gonna take an American's opportunity (which is a year long process).

23:10 To be more specific, in most scenarios you get 60 days to find a new job.

33:05 & 20:20 Employment-based green cards require extensive proof that an immigrant's presence will not compete with American jobs, while visas require some proof, but less of it.

36:10 I think this points system only exists in Canada for permanent residencies aka Canadian green cards. Work visas Canada are even more straight forward.

Cool Things:Design Details on the Web:

Bye!

353: WWDC 202001 Jul 202001:00:45

This week, we go deep down the WWDC rabbit hole to dissect the latest design details coming from Apple HQ. We also share our spicy takes on the new macOS icons in this week's sidebar.

Golden Ratio Patrons:

The world’s top creative teams use Float to plan their projects and schedule their team’s time, all in one place. Schedule tasks with an easy drag-and-drop interface, make changes on the fly with a variety of editing tools, and stay up to date on the go using the mobile app. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Nika Zhang
  • Robin Rundkvist
The Sidebar:

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 share our hot takes on the latest macOS Big Sur icons, digging into the visual style, what this means for the platform, and what parts we expect to change before the final release.

Follow-up:Tweets:WWDC 2020:Cool Things:Design Details on the Web:

/GOODBYE

352: Building a Better Design Industry ft. Maurice Cherry24 Jun 202001:22:41

This week, we caught up with Maurice Cherry to talk about design podcasting, building an agency from scratch, and the current state of diversity in design. Maurice is a designer, podcaster, creative strategist, agency founder, writer, speaker, and much more.

Golden Ratio Patrons:

Float is an easy to use resource management tool for planning your projects and scheduling your team's time. Get a high-level view of who’s working on what, so you can plan your team’s time based on their real availability. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • jo⁺
  • Harish Shivaraman
  • Nayeli Perez
  • Ping
The Sidebar:

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 ask Maurice some bonus questions at the end of the interview:

  • What is the most under-rated skill for designers?
  • What is the most over-rated skill for designers?
  • Do you find that your success thus far is mostly the result of luck or hard work?
Follow-up:
  • Manny asked if we've seen the accessibility settings for The Last of Us Part 2. Marshall has, and these settings are truly incredible.
Interview:

Maurice Cherry is a designer, podcaster, creative strategist, agency founder, writer, speaker, and so much more. He most recently worked as a Senior Creative Strategist at Glitch. Follow Maurice on Twitter, Tumblr, and LinkedIn.

Links from the interview:

Cool Things:Design Details on the Web:

BYEEE!

351: Accessibility Gut Checks17 Jun 202000:35:16

This week, we share some accessibility gut checks that designers should think through before moving into high fidelity mocks. We also talk about industrial design and video game hardware in this week's Sidebar, plus we share our cool things as always!

Golden Ratio Patrons:

More than 3,000 of the world's top design teams, including BuzzFeed, Ogilvy, MetaLab and Hulu use Float to plan their projects and schedule their team’s time. Float is the most accurate tool for planning your project resources and scheduling your team's time. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Shefali Netke
  • Darwin Witt
  • laoTzu
  • Jason Wu
  • Christian Lunde
The Sidebar:

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 video game console design, how controllers have changed, the evolution of gameplay sensors, and our hot takes on which console we are likely to buy.

Follow-up:Listener Question:Cool Things:
  • Brian shared Children of Time, a fun (but long) world-building sci-fi story. Marshall also read this, and we both love it. The sequel, Children of Ruin is on deck.
  • Marshall shared an interview with the Dwarf Fortress creator with a very fun bug hunting story.
    • Kruggsmash is a video creator who creates adventures within Dwarf Fortress' infinite worlds.
Design Details on the Web:

BYEEE!

350: Designing Misused Features10 Jun 202000:21:27

This week, we talk about weaponizing hashtags, co-opting social media movements, and solving hard problems in product design. Spoiler: hard problems are hard. This, plus The Sidebar, some follow up, and cool things as always.

Golden Ratio Patrons:

Visualize who’s working on what and when, and drag and drop to assign tasks in a click. With Float you can plan your projects and schedule your team’s time with confidence. Learn more at float.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Douglas Hill
  • Gabe de la Mora
  • James Jackson
  • Cassidy Cheang
  • Cameron Deardorff
  • Jessica Tong
  • Bailey Jennings
  • Kris
  • Ola Drachal
  • Nate Kehdactra-Chong
  • Mathias Kluge
  • Ben
  • Maggie Manville
  • Andy Ngo
  • Matt Cool
The Sidebar:

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 weaponizing hashtags, co-opting social media movements, and solving hard problems in product design.

Follow-up:

Keep donating:

Keep reading:

Industry Talk:Cool Things:Design Details on the Web:

Stay safe, see you next week, goodbye!

349: Black Lives Matter03 Jun 202000:04:55
348: Getting Unstuck27 May 202000:36:16

This week, we share some tips for getting unstuck when working on complicated design problems. We also share our home screen organization philosophies in The Sidebar, catch up on Tweets, and share our cool things as always.

Golden Ratio Patrons:

Float saves your team time, so you can get back to doing what you love! The world’s top creative teams use Float to plan their projects and schedule their team’s time, all in one place. Learn more at float.com/designdetails.

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Stacy H
  • Tim Dyson
  • Ludens Tam Tran
  • John Meguerian
  • Jasmine Jones
  • Paul Truong
  • Caro Lukins
  • Gareth Field
  • Arick Conley
The Sidebar:

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, Marshall and Brian explain their philosophy for home screen app organization. We nerd out on structuring columns, rows, and home screen peace-of-mind.

Follow-up:
  • Ali Angco wants a Designer Bingo card. We've started an outline, this could be fun.
  • Joe Willmott shared some early work, the very beautiful and glorious omglaswerpewpew.com.
  • Bailey Jennings asked if we could get full show notes in Spotify's podcast player. Sadly: no. Spotify, step it up!
  • Kate Niendorf started to pick up some of Marshall's audio panning 👂
Tweets:
  • Rowan Adams shared a story of asking a Design Details question in a design interview, and the candidate was the original question asker. This is buck wild, ya'll.
  • Andy Ingram gave us a shout out for speaking normally – we try!
Listener Question:
  • Jessica Perelman asks: "What are some strategies that less experienced designers can use to get unstuck when working on complex problems?"
    • Things to watch out for:
      • Are the right stakeholders in the meeting?
      • Is the meeting focused too much on generation and not enough on constraints?
    • Tips to try:
      • Change fidelity
      • Embrace constraints
      • Revisit with the team right after the meeting
      • Find the best parts of discarded brainstorm outcomes
      • Do your homework, start the brainstorm with a strong opinion (weekly held)
Cool Things:
  • Brian shared his latest weekend tinker project, a personal Hacker News client that is more readable, supports dark mode, and is blazing fast.
  • Marshall shared a video from Ten Hundred with a very cool illustration technique: the doodle grid. The whole video is worth a watch, for the art, music, and technique!
Design Details on the Web:

BYEEE!

347: Overcoming Skill Gaps20 May 202000:29:05

This week, we talk about how to overcome skill gaps. What should you do if you are bad at visual design? What if you can't make icons? Should you play into strengths or develop upon your weaknesses? We explore these topics, and more! 

Golden Ratio Patrons:

Are you still using spreadsheets to plan your projects? Float is a resource management software built for creative teams. Add your team’s roles, departments and work hours, schedule time-off, public holidays and remote work days, so you always have the truest view of your team's availability. Learn more at float.com/designdetails.

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Sabine
  • Yi He
  • Mo Cups
  • Nicole Tallon
  • Shelley Huang
  • Omid
  • Liz Chen
The Sidebar:

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 discuss digital gardening, personal knowledge management, and learning in public.

Follow-up:
  • Divya Tak added another point of wastage in low quality software: wastage through over-processing.
  • Yuyang Luo shared their first app design that shows how safe your local area is.
  • Jordan Koschei shared his college startup / side project, Shadoodle. See the pixels.
  • We turned last week's episode into a blog post: Quality Software.
  • Marshall has been tinkering with our audio balance – so far, nobody has noticed...until now?
Tweets:
  • Vincent van der Meulen built a very neat recommendation engine on top of the Design Details website – this is so cool!
Listener Question:
  • Fabio Giolito wanted us to talk about something we said on a recent episode, "I'm not a great graphic designer."
    • Design is a visual medium but there's a misconception that all designers should be good at making pretty things (marketing pages, illustrations, icons, logos…)
    • I love systems and flows, solving problems and designing interfaces. When I try to make a marketing page or logo I feel frustrated and impostor syndrome kicks in.
    • I guess I'm not comfortable with the subjectiveness of visual stuff. You know when something is bad, but the gray area of taste and trends is way too big. While in UX there are more rules and logic involved.
Cool Things:Design Details on the Web:

BYEEE!

346: Quality Software13 May 202000:36:40

This week, we discuss the characteristics of high quality software. We do our best to organize and outline things to pay attention to that will help you ship better software. This, plus a Sidebar discussing how to handle negative feedback from customers, and cool things as always! 

Golden Ratio Patrons:

More than 3,000 of the world's top design teams, including BuzzFeed, MetaLab and Hulu use Float to plan their projects and schedule their team’s time. Learn more about how to help your team plan better at float.com/designdetails.

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels – we crossed 200 this week!

  • Anne Chang
  • Kelsy Michael Gagnebin
  • Fabio Giolito
  • Ker Ning
  • David Pehrson
  • James Lyons
  • Will Hsu
  • Davida Pitts
  • Justyna Papiernik
  • YO Chiyun
  • Jörn Zander
  • Nathan Gross
The Sidebar:

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 discuss four strategies for handling negative feedback from your customers.

Follow-up:Tweets:
  • Hilary agrees: Brain prototypes > wireframes, 99% of the time.
  • Will Hsu isn't a podcast person, but for some reason Design Details stuck. Welcome to the clan!
Listener Question:
  • Kevin Gutowski dropped a question bomb on us this week, digging into the deep and subjective subject: what are the qualities of great design?
    • The Qualities of Great Design is a good video from the 2018 WWDC on this topic that we watched before recording.
    • Corridor Crew made a great vide reacting to bad and great CGi where they point out the details that us mere mortals won't notice, but have an impact on the final product.
    • /r/notmyjob is one of those anti-design details subreddits, and worthy of a skim.
    • Computers are like a bicycle for our minds.
    • The Aesthetic-Usability Effect tells us that "users are more tolerant of minor usability issues when they find an interface visually appealing."
    • Postel's Law tells us to "Be liberal in what you accept, and conservative in what you send."
    • We tweeted a poll asking what comes to mind when you hear the phrase "quality software." Your answers were great, and thematically centered around: Fast, predictable, reliable, consistent, performant, well-crafted, delightful, hospitable, familiar, and thoughtful.
    • Defining what exactly makes software high quality is hard, but we know it when we see it.
Cool Things:
  • Brian shared Listening Together, a side project from the folks at Spotify the illuminates when two people in the world start playing the same song at the same time. Serendipity!
  • Marshall shared Songland Season 2, his Tuesday evening good-feels after recording the podcast. It's available on NBC/Hulu, if you want to watch along.
Design Details on the Web:

SO LONG!

345: Developing Taste06 May 202000:38:34

This week, we discuss what it means to have and develop taste. From software to fashion, styles change, trends come and go, so what does it mean to be tasteful? In The Sidebar, we discuss the hacker mindset and building for an audience of one. This, plus cool things like a handy iPhone app and a killer new VR game!

Golden Ratio Patrons:

Float is an easy to use resource management tool for planning your projects and scheduling your team's time. Built by creatives, for creatives, Float makes resource planning simple. Learn more at float.com/designdetails.

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels – we crossed 200 this week!

  • Divya Tak
  • Ugochukwu Ifezue
  • Sara Zhang
  • Joey Banks
  • Nejat Seçkin Oral
  • Kyler Phillips
  • Jaimin Desai
  • Sophia Pang
  • Q
  • ESC
  • Steve Clark
  • Suzy Cui
  • Simon Taranto
The Sidebar:

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

In this week's Sidebar we discuss the hacker mentality, and building things for an audience of one.

Follow-up:
  • Sam Bazalo wrote a case study about removing usability frustrations in Tradify: "A mini case study detailing my mission to make Tradify a better product by identifying and fixing high touch moments of frustration."
  • Divya Tak agrees that putting opinions on a scale of how much you care can help to quickly resolve disagreements.
  • Followup-pup from Karl, last week's question asker: "Thanks for answering my question boys! @brian_lovin’s final point was super helpful because it perfectly represents the situation I think I’m in. Startup land with minimal resource. I have a habit of fighting every fight so I better run down some of those hills fast..."
  • Jacob Lindström shared his early blog, very late-2000's – thanks for sharing!
Tweets:
  • Jared Lodwick shared a nice photo of his Design Details tee shirt, getting retired after four years of weekly wear.
Listener Question:
  • Tiffany Yu says: "Hey there! Wanted to thank you for this podcast. It's been super helpful. I also wanted to share that doing a talk on developing taste would be great."
  • With that in mind, let's talk about developing taste!
Cool Things:
  • Brian shared Beat Saber and Half-Life Alyx, two incredible VR games that are redefining his impressions of what is possible in VR. If you have a headset, these are must-plays.
    • Marshall is waiting until his Valve Index to arrive before diving in.
    • Rafa, of Layout fame, is fearless in VR, apparently.
  • Marshall shared RoboKiller, a handy iOS app to block spam calls and filter your spammy text messages. It's a few bucks a month, but worth the peace of mind.
Design Details on the Web:

BYEEEEE!

452: Design Trends for 202321 Dec 202200:43:51

This week, we discuss current visual design trends and how the web will look in 2023.

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.

Golden Ratio Supporter:

Catch:

Why did you become a freelancer? Was it for freedom? Flexibility? It probably wasn't because you wanted to manage your own health insurance, taxes, and retirement.

Did you know Catch can do all of that for you? Catch offers benefits and personal payroll for the self-employed.

Make sure you're covered for 2023 and go to catch.co to renew your coverage or find a better plan.

Latest VIP Patrons:
  • Nilomee Jesrani
  • Phoebe Buffay
  • Matt Plays
  • Annika Ganson
  • Rochelle Pennington
  • Sheny
  • Jon Fackrell
  • Yixin Duan
  • Tishia Que
  • Stacy Lee
  • John Casey
  • Billy Purdy
Main Topic:

This week, we discuss current visual design trends and how the web will look in 2023.

Cool Things:Design Details on the Web:

Byeee!

The Sidebar:

In the Sidebar, we catch up on Marshall's AI adventures before digging into design lessons from the gaming and automotive industries.

344: Knowing When to Give Up a Fight29 Apr 202000:29:18

This week, we try to figure out the right time to give up on a fight when collaborating with stakeholders who have different opinions and priorities. We also cover a lot of feedback this week, discuss new design resources in The Sidebar, and share our cool things of the week.

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Udoka Chima
  • Achal Srinivasan
  • Priyanka Kodikal
  • Sean Kennedy
  • Lucas Morales
  • Sam Bazalo
  • Luciano Infanti
  • Pavel Fomchenkov
The Sidebar:

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

In this week's Sidebar we share a neat CSS library and a pro tip for customizing your personal websites.

Follow-up:
  • Some of ya'll finally shared your shameful early work - thank you! We love it.
    • Patrick Marx shared some relatively new work from 2014.
    • Katarina Blind shared an early stage mock for a "pirate Uber" to request a ride from her brother. Smart.
    • Zain Khoja shared his first Medium case study.
    • Keaton Taylor shared a live URL for some early work and, boy oh boy, is it fun.
    • Lucas Morales also shared a live URL for some earlier work, complete with a splash page!
  • Kevin Bennett agreed with our thoughts on paper prototypes - there's a time and a place, and for this type of work, it's exceedingly rare.
  • Keaton Taylor also agreed with our thoughts on the overvalue placed on pixel perfection and originality - glad to hear it resonated!
Listener Question:
  • Karl asks:
    • Sometimes, and we’ve all been there, you know what you’re doing is right. Let’s say, fighting for a darker blue to pass accessibility requirements or visualising data in a simplified graphic rather than a complex multi-dimensional graph, to appeal to a wider audience. You’ve presented this with justification and examples or clear guideline recommendations (say a design system) but it’s ignored. How do you guys generally know when to back down and stop fighting for what you know to be right based your design experience, and bow to the Product Manager/Owner’s opinion even if it’s not steeped in fact?
    • Cap Watkins' Sliding Scale of Giving a Fuck is a wonderful framework for picking battles.
Cool Things:
  • Brian shared a very fun 12-minute "single cut" action sequence from the latest Netflix movie, Extraction.
    • You can read more about how this scene was created here.
    • This reminded Marshall of the [crazy mirror sequence](https://www.youtube.com/watch?v=ZD0_5HFMPIg from Contact.
  • Marshall shared his ongoing journey to beat the Juul addiction. Quarantine as a forcing function for positive habit development - win!
Design Details on the Web:

BYEEEEE!

343: Over and Undervalued Design Skills22 Apr 202000:36:17

This week, we introduce a new supporter-only show segment, The Sidebar. Each week we'll be sharing a story, pro-tip, shortcut, or design-related cool thing. Supporters on Patreon will hear the first story today!

We also discuss the most over and undervalued design skills, including feedback from folks on Twitter.

And, of course, we share our cool finds of the week!

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Ritu Maghera
  • Jacob Lindström
  • Dave Epstein
  • Dan
  • Omar Hassan
  • Marco
  • Lars Anttila
The Sidebar:

We've been behind on Bonusland, and it's been a challenge for us to catch up. Additionally, we felt like bonus episodes were too infrequent and not compelling enough as a Patreon reward.

This week we're starting a new experiment to make the patron rewards much better. It's a new segment of every episode called The Sidebar. In The Sidebar we will be sharing a story, pro-tip, shortcut, or design-related tidbit.

In today's Sidebar, we talk about Marshall's 8-year anniversary at Google, and what it means to play the long game.

Read more about how we ended up here + the inspiration by way of Michael Knepprath.

Follow-up:
  • Elvin was the only listener who shared screenshots of early work with us - and it was good work!
  • Second call to action: send us your early portfolio work that you're ashamed of!
Listener Question:
  • Paweł Sysiak asks a hat-trick listener question:
  • "What are the most valuable (and overlooked) skills for the entry-level designer and senior designer? The flip side of this question is also interesting. What skills are overvalued for junior and senior designers?"
    • The Mom Test is a great primer on how to ask better research questions.
    • We asked Twitter for ideas, too:
    • T says: "Most valuable for entry: Taste, attention to details, ready to listen, motivation. Senior: ready to learn, adapt, question past experience and delegate"
    • Nathan Lindhal says: "Learning to communicate with stakeholders, peers, etc is an extremely valuable skill. But it would be unfair to expect this from entry level position. But knowing the fundamentals (can this person do the work) and a commitment to improvement are underrated."
    • Ollie hit us with a thread:
      - "I think foundational design skills like typography hierarchy are underrated, whilst beautiful portfolios are overrated."
      - "I think it would be unfair to expect such strong communication skills from all entry-level designers, I think it is perhaps the most valuable skill."
      - "Communication as a skill can be a 'buzz word-y' so i'll specify. I think an entry-level designer that can join a team and comfortably question the status quo and speak out when they are unsure is a highly valuable trait."
      - "In my (limited) experience it takes the weight off of their supporting mid/senior designers. It's also an important component to entry-level designers learning on the job."
    • Emma Gilbert says: "Most valuable: resourcefulness. There are unknowns at some point of every project. If a person can find momentum on their own by seeking out and not waiting for answers, that’s someone I want to work with."
    • Jordan Koschei says: "The ability to communicate clearly verbally, through writing, and through visuals. And the ability to understand and translate between design, engineering, and business concerns. The best designers have some product management DNA too!"
Cool Things:
  • Brian shared The Matrix, one of those rare films that holds the fuck up. If you have somehow not seen this, now is the time. What a ride!
  • Marshall shared the return of Apple's Build Your Collection promo, featuring awesome films at steep discounts. If you're a movie-buyer, now's the time to strike!
Design Details on the Web:

BYEEEEE!

342: Critiquing Our Early Work15 Apr 202000:34:10

This week, we dig into the dregs of our portfolios to critique some of earliest design work. We try to look for indicators of taste and fundamentals, but ultimately have a good laugh about our early mocks. We'd love to see your early work too, so share it with us on Twitter this week!

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Gediminas Saulis
  • Joshua Overbye
  • Catherine Gui
  • Andrew Cianci
  • Hao Le
  • Nathan Dorney
  • Luigi Chelli
  • Azmy Hanifa
Follow-up: Tweets:
  • Michael Knepprath wants to see our files. Unfortunately we can't share our real-world files, but we'll try to think of something we could do...
  • Eric Chen is back in the past listening to episode 264. Luckily a designer is never late, they arrive exactly when they intend to.
Sharing our shame:
  • Last week Brian tweeted his earliest web design work, found in the dregs of pixel hell. We learn that Brian had no taste, eyes, or sense of spacing in his early years. Ouch.
  • Marshall digs into his portfolio on Dribbble, almost 10 years old now! And we don't hate everything here, it's clear that there was taste and an eye for the fundamentals.
  • Brian's Dribbble started 5 years after the screenshots in the tweet, so they are marginally better.
Cool Things:
  • Brian shared Dave, a show created by Lil Dicky. Think: Curb Your Enthusiasm meets a 20-something rapper.
  • Marshall shared Hue Lighststrips, which when combined with motion detectors, can provide a great night-time user experience. And in general, they look awesome.
Design Details on the Web:

Otherwise, bye!

341: Counterintuitive User Experiences08 Apr 202000:43:29

This week, we talk about counterintuitive user experiences that designers regularly design for in our day to day work. Let us know what we missed! As always, we catch up on feedback, tweets, and share our cool things of the week: a blog post explaining how to polish an interface, and a YouTube series about first-time reactions.

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Rodrigo Antonio DeLima
  • Arkadiusz Bartnik
  • Hello Hill
  • Steffie
  • Elvin Hu
  • Daniel
  • Mark McEwan
Follow-up: Tweets:
  • Thijs Bremeesch thinks our podcast is GOLD. We like gooooold.
  • Elvin says we're contributing to ongoing sanity – glad we can help a tiny bit!
  • Ben Dunn is a new fan from New Zealand - welcome to the pod!
  • Katarina Blind says last week's episode made her day. Katarina also bumped us up to $1.28 on the Patreon – you're the best!
News:
  • Apple accidentally leaked AirTags, hopefully coming soon!
Listener Question: Cool Things:
  • Brian shared Cleaning up form UI, a blog post by @nikitonsky which describes step by step how to polish an interface using grids, spacing, typographic hierarchy, and color.
  • Marshall shared Holden Hardman's YouTube series, My Friend Watches. In this series of video, Holden introduces a friend to new movies and captures the reactions for the internet to enjoy.
Design Details on the Web:

WASH YA HANDS!

340: Versioning and Handoff in Figma01 Apr 202000:27:44

This week, we share our tips and tricks for staying organized in Figma, simplifying the engineering handoff, and not getting bogged down in pages hell. This, plus some follow up, cool things, and a little social distancing check-in.

Sponsor:

Fathom Analytics – we love it, we use it, we can't recommend it enough. Fathom is a privacy-first analytics tool that provides all the right information about traffic to your websites. Some of our favorite features:

  • Fathom doesn't use cookies, which means you can skip the GDPR notice
  • The data it collects is simple and straightforward, meaning that it can load your analytics dashboard incredibly quickly and gets you straight to the most important information
  • Fathom is a small two-person team that charges money for the service. Your data is not sold or leveraged in another way. Simple, straightforward pricing makes the world go 'round.
  • And so much more.

Learn more at designdetails.fm/fathom and if you sign up using that URL you will save $20 off your first invoice!

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Roberto Beitia
  • Gavrilo
  • Le Franck
  • Paul Hanaoka
  • Adam Brace
  • Terry Bernadino
  • Piero
  • Katarina Blind
Follow-up:
  • Marshall is still enjoying The Good Place and the slight twist near the end of Season 1. Intrigued?
Tweets:
  • Nathan Lindahl wonders if there are broader applications to the iPadOS cursor, thinking about Fitt's law. Marshall agrees!
  • Lena Sesardic built HippoKite to help automate the process of logging your accomplishments and challenges each week.
Listener Question:
  • Dennis Cortés asks: "Without Abstract, how can I pass off a file to a developer and be able to work on the next iteration of something in that same file? I've run into issues where I'll give a developer a link to a file but by the time it gets on their plate we may have worked on an iteration that is out of scope for that sprint...Any ideas or experience here on how you manage your files in terms of versioning and iteration you can share that works for PMs, developers, designers, etc?"
    • Figma has versioning built in
      • You can name specific versions
    • For manual versioning, create a new page
      • Consider having a line between final, working, and exploratory
    • When dealing with a design system, you may want to duplicate to a different file to preserve component states
    • Tom Lowry from Figma made a handy plugin to add status annotations to frames.
Cool Things:
  • Brian shared Westworld Season 3, along with a companion YouTube channel, Alt Shift X. So far, we're digging S3!
  • Marshall shared Hand Mirror, a small utility app made by our pal Rafael Conde. It's a macOS app that lives in your menu bar which gives you a quick view from your computer's webcam.
Design Details on the Web:

BUUHHHYYYY!

339: The New iPadOS Cursor25 Mar 202000:31:57

This week, we dissect the newest iPad Pro and its new adaptive cursor, speculating on the future of cursor-touch hybrid interactions. Marshall also shares early feedback on a new prototyping tool and we find escapism in our cool things.

Sponsor:

Fathom Analytics – we love it, we use it, we can't recommend it enough. Fathom is a privacy-first analytics tool that provides all the right information about traffic to your websites. Some of our favorite features:

  • Fathom doesn't use cookies, which means you can skip the GDPR notice
  • The data it collects is simple and straightforward, meaning that it can load your analytics dashboard incredibly quickly and gets you straight to the most important information
  • Fathom is a small two-person team that charges money for the service. Your data is not sold or leveraged in another way. Simple, straightforward pricing makes the world go 'round.
  • And so much more.

Learn more at designdetails.fm/fathom and if you sign up using that URL you will save $20 off your first invoice!

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Chris Royer
Follow-up:
  • Marshall got into the Play beta. It's promising, so far!
Tweets:
  • James Brookes has been tweeting little micro-summaries of the last few episodes - thank you!
New Products:
  • A new iPad Pro is out, and it has cursor support!
    • The adaptive cursor is beautiful, here's a video showcasing some of the neat details.
    • Craig recorded a lovely video showing off the cursor, too.
    • Ryan Morrison made a web prototype to demo the cursor interaction with a mouse.
    • The new Magic Keyboard looks fantastic, but very expensive.
    • We've previously asked ourselves if AR is a gimmick.
Cool Things:
  • Brian shared Devs, a new thriller series on Hulu.
    • "A young software engineer, Lily Chan, investigates the secret development division of her employer, a cutting-edge tech company based in Silicon Valley, which she believes is behind the murder of her boyfriend."
    • Shoutout to @gabrielvaldivia for the recommendation.
  • Marshall shared The Good Place, a "comedy about what makes a good person."
Design Details on the Web:

BYEE!

338: Passive Income and How To Give Advice (feat. Meg Lewis)18 Mar 202001:14:15

This week, we catch up with Meg Lewis, a designer, coach, writer, speaker, business-owner, podcaster, and all-around fun human being. We talk about building passive income streams, how to give advice, having strong opinions, and facing public criticism – among many other things. And as always, we share our cool things of the week included a very timely hygiene product, new mobile apps, and a YouTube playlist.

Sponsor:

Fathom Analytics – we love it, we use it, we can't recommend it enough. Fathom is a privacy-first analytics tool that provides all the right information about traffic to your websites. Some of our favorite features:

  • Fathom doesn't use cookies, which means you can skip the GDPR notice
  • The data it collects is simple and straightforward, meaning that it can load your analytics dashboard incredibly quickly and gets you straight to the most important information
  • Fathom is a small two-person team that charges money for the service. Your data is not sold or leveraged in another way. Simple, straightforward pricing makes the world go 'round.
  • And so much more.

Learn more at designdetails.fm/fathom and if you sign up using that URL you will save $20 off your first invoice!

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Kristian Hjelle
  • He Hexi
  • Rachel Murawski
  • Rafly Nurfallah
  • Tanveer Singh Mahendra
Follow-up:
  • We have a Gmail account – designdetailsfm@gmail.com. We won't check this email that much, but we're now going to start exploring cross-posting our episodes to YouTube. Check out our channel and subscribe, if that's your thing.
  • We're also reviving our Instagram profile – give us a follow and we'll start sharing more!
Interview:
  • Today we caught up with Meg Lewis, a writer, designer, podcaster, business-owner, comedian, and so much more. Seriously, Meg is prolific.
    • We catch up on how we're faring working from home during the corona virus pandemic and share tips for newly-remote workers.
      • Loom is a useful app to share your screen with a little extra personality.
    • We talk about managing many projects, building a stream of passive income, the tradeoffs of building an audience, the merits of giving advice, and much more.
    • Meg now hosts Overtime by Dribbble, where she's been able to explore the idea of having strong opinions.
  • Follow Meg on Twitter, Instagram, and Dribbble.
  • Meg's other projects are Ghostly Ferns, Full Time You, Sit There & Do Nothing, The Overtime Podcast by Dribbble, Fool Proof. She also speaks and writes.
Cool Things: Design Details on the Web:

SO LONG!

337: The Metagame of Design11 Mar 202000:55:52

This week, we discuss the metagame of product design, thinking out loud about the skills we do in between the craft work that help us to be more effective, have more impact, and grow faster in our careers. As always, we dig into followup, talk about some fleeting news, and share our cool things of the week!

Sponsor:

Fathom Analytics – we love it, we use it, we can't recommend it enough. Fathom is a privacy-first analytics tool that provides all the right information about traffic to your websites. Some of our favorite features:

  • Fathom doesn't use cookies, which means you can skip the GDPR notice
  • The data it collects is simple and straightforward, meaning that it can load your analytics dashboard incredibly quickly and gets you straight to the most important information
  • Fathom is a small two-person team that charges money for the service. Your data is not sold or leveraged in another way. Simple, straightforward pricing makes the world go 'round.
  • And so much more.

Learn more at designdetails.fm/fathom and if you sign up using that URL you will save $20 off your first invoice!

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Vinnie
  • Matthew Atkinson
  • Adam Fuhrer
  • Mathias Arlund
  • Keaton Taylor
  • Ethan
Follow-up: Tweets: News:
  • Fleets have arrived: short ephemeral tweets that can't be retweeted, liked or replied to. It's Twitter's interpretation of Stories, and we are intrigued.
Listener Question: Cool Things:
  • Brian shared Jojo Rabbit, a satire by Taika Waititi. It's about a young boy in Hitler's army who finds out his mother is hiding a Jewish girl in their home.
  • Marshall shared Locke and Key, a new drama on Netflix, based on a comic book series of the same name by Joe Hill and Gabriel Rodríguez.
Design Details on the Web:

Auf wiedersehen!

336: Learning by Doing04 Mar 202000:33:29

This week, we discuss practical tips to level up your visual interface design skills, including tracing and focusing on a "learning by doing" mindset. And as always, we share our cool finds of the week including a new notes application and a creative TV show.

Golden Ratio Patrons:

We're looking for partners to work with. If your team is hiring, launching a new product, or wants us to get the word out about a new initiative, please get in touch!

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • zeneosjun
  • Neesha
  • Chris Northcutt
Follow-up:
  • Last week Marshall shared a macOS tip to hide your menu bar. Brian tried it for 2 days but failed to keep it hidden.
  • New Layer just wrapped up a great two-part episode about giving feedback on a design team.
  • Manny says about giving upwards feedback: "Agree with talking to them after the meeting in a more private environment setting, it worked for me multiple times, also they are the people who will assign you work and decide your performance level."
Listener Question:
  • An anonymous listener asked: "I have been trying hard to learn UI but every time I sit in front of the screens - there are so many unknowns like what’s the best grey colour to use for disabled elements, how to even use the colours in the right way, what’s the best margin to take, why some interfaces looks so amazing while others don’t...how to do I go about learning these design details in detail?"
    • PSDTuts (now tuts+) was early inspiration for web design, and Brian traced it to learn about visual design.
    • Learning by doing can be helpful for absorbing more information. Tracing is a great way to figure out how someone created an interface that you find visually pleasing.
    • Ira Glass has a great video about taste.
    • Malcolm Gladwell gave a TED talk about choice, happiness, and spaghetti sauce.
    • Don Norman popularized the idea of Norman doors, which when noticed, will make you frustrated for the rest of your life.
    • The more you learn, the more sad you will become. Welcome to our misery.
Cool Things:
  • Brian shared Noto, a modern note-taking app with some great design details. It's particularly interesting because it's oriented for bottom navigation and one-handed use.
    • Marshall primarily uses Bear for taking notes. Brian uses iA Writer.
  • Marshall shared LEGO Masters, a new series that puts teams of LEGO builders in a battle to build wild creations.
Design Details on the Web:

BUHYYEEE

335: Giving Better Upward Feedback26 Feb 202000:43:02

This week, we discuss strategies for giving better upward feedback to senior designers. We also share our thoughts on how to name your spacing components, list our favorite design podcasts, and as always, share this week's cool things for your eyes and computer.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Pathrise is an online mentorship program that you land a great UX job. Previous fellows have been placed at Google, IBM, Atlassian and other exciting companies. You can learn more at pathrise.com/details

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Guarang Alat
  • Dennis Cortes
  • Grovkillen & TD-er
  • Connelly Rader
Follow-up:
  • Elias Julian floated a very compelling idea for new merch...
  • Erik Bro brought up a great question about how to name spacing constants in a design system.
Tweets: News: Listener Question:
  • kelle-yess asks about giving upward feedback to senior designers, and how to deal with resulting pushback. Good questions abound. A tl;dl of our advice:
    • Consider a matrix of the following
      • The person giving the feedback and receiving the feedback
      • The type of feedback, stage of product, fidelity of feedback, location of feedback
    • The Socratic method is a useful way to approach a conversation with good intent and having the intention to learn along the way.
    • Compromise and pick your battles. Losing in public gives you social capital. Figure out where you rank on the sliding scale of giving a fuck.
    • It's possible that you don't know everything about the situation, or the person you're giving feedback to is shielding you from unnecessary context.
    • Sometimes egos get in the way. But they're worth considering. Giving feedback in private, or in a way that lets your senior save-face, might be a better strategy and strengthen your relationship.
    • Also, sometimes people suck. Peer feedback and manager escalation are valid paths in particularly sticky situations.
Cool Things:
  • Brian shared EnChroma, after seeing a tweet from Kurt Varner. EnChroma are glasses that can help people with certain types of color blindness to see colors – pretty incredible!
  • Marshall shared a macOS tip about how to hide your menu bar – and enumerates all of the tradeoffs for doing so. Proceed at your own risk, but let us know if it sticks!
Design Details on the Web:

BYEEEE?

451: The Whole Twitter Thing03 Dec 202200:41:49

This week, we talk about the whole Twitter thing, and how we'd handle the verified badge design debacle.

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.

Golden Ratio Supporter:

Catch:

Why did you become a freelancer? Was it for freedom? Flexibility? It probably wasn't because you wanted to manage your own health insurance, taxes, and retirement.

Did you know Catch can do all of that for you? Catch offers benefits and personal payroll for the self-employed.

Shop for health insurance the same way you shop for a flight. Compare across carriers. Find the best price. Catch makes it easy to renew your current plan, find a better one, or enroll for the first time. Every plan is ACA compliant, and Catch works on your behalf to get you tax credits that can save hundreds of dollars on your monthly premium. Average savings are $350/mo.

Make sure you're covered for 2023 and go to catch.co to renew your coverage or find a better plan.

Latest VIP Patrons:
  • Meara Young
  • Tom Miciak
  • James Carthew
  • Mike Moss
  • Connor Lindsey
  • Pavel Maček
Main Topic:

This week, we talk about the whole Twitter thing, and how we'd handle the verified badge design debacle.

Cool Things:Design Details on the Web:

Byeee!

334: Keylines and Scannable Designs19 Feb 202000:39:52

This week, we discuss key lines, design tokens, and how to make your designs look consistent across all devices. We also discuss a compelling new design tool, add some listener follow-up to last week's discussion on self reviews, and discuss the pros and cons of using Sign in with Apple. As always, we share our cool things of the week, this time featuring a retroactive cooking show and a delightful way to enjoy movies a second time through.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Pathrise is an online mentorship program that you land a great UX job. Previous fellows have been placed at Google, IBM, Atlassian and other exciting companies. You can learn more at pathrise.com/details

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Elias
  • Peter Reaper-Reynolds
  • Will Vaughan
  • Sean Kushi
  • Robert Weisbecker
  • Dan Wu
  • Chen Li
Follow-up:
  • Michael Knepprath left us a new edit on his iTunes review. We love it.
  • Cody Iddings mentioned the importance of being transparent in self reviews.
  • Emma Gilbert reminded us that listing your accomplishments is not the same as bragging!
    • Emma also disagrees about whether or not you can call yourself funny – what's your take?
Tweets:
  • Ankur Parihar discovered a usability no-no in Apple's podcasts app for iOS.
  • Lily confirmed our theory that creating a meetup in your area is a great way to meet designers! If you're in SF, check out this meetup for product designers.
  • Long Long, (a VIP), has been listening for a long time. Thank you!
News:
  • Play is a new kind of design tool, in beta, that helps you to design iOS apps on your phone. Nuts.
    • Read the Medium post that describes more of the features and principles behind the tool.
Listener Question:
  • Sanketh asks "In the recent Design Details episode, you had answered a question about how to make sure a design looks the same on all screen sizes. You mentioned about having a uniform padding from the screen ends. Can you elaborate on this a bit?"
    • What are design tokens?
      • "Design tokens are an agnostic way to store variables such as typography, color, and spacing so that your design system can be shared across platforms like iOS, Android, and regular ol’ websites."
  • Alec Sukoski asks "What are your thoughts on #SigninwithApple? Specifically the fact that users can mask their email address."
Cool Things:
  • After watching Knives Out with Marshall, Brian shared the concept of director commentaries. Yes.
    • Rian Johnson creates Theater Commentaries so that you can re-watch a movie in theaters and get his insider notes.
  • Marshall shared Good Eats: Reloaded, a show in which its original creator, Alton Brown, revises and updates old episodes in the series.
    • Alton was also on Hot Ones and holds his own.
Design Details on the Web:

BYEEEEEE! (The Classic)

333: Writing an Effective Self Review12 Feb 202000:36:24

This week, we discuss the ins-and-outs of writing an effective self review: What should you talk about? How important is it? What does a bad self review look like? As always, we share our cool things of the week, this time including a new provider for Marshall's favorite esport, and a movie that is "cool" or...something.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Pathrise is an online mentorship program that you land a great UX job. Previous fellows have been placed at Google, IBM, Atlassian and other exciting companies. You can learn more at pathrise.com/details

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Loukas Papantoniou
  • Wan Jung Hung
  • Ryan Koble
  • Billy Purdy
  • Michael Fitzgerald
Follow-up:
  • We don't hate XD, we just don't know how to use it!
  • Cal Rowston shared a very bad side effect of using the internet: every tiny thing you do has the potential to turn up in a background check.
Tweets: News:
  • Figma Auto Layout added certain constraint support. It's a big win, but still not perfect. Either way, we're happy!
    • Marshall also has a challenge for you!
  • Figma's first conference, Config (aka figCon Copyright© 2020 Marshall Bock) was a lot of fun. If you have a chance to go in the future, we recommend it.
Listener Question:
  • Kevin Gutowski asks: "What do you think of self assessments? Do you do them at your current job? How often do you do them? What do they look like? What are some of the questions that you answer? Are they a part of how you can get a raise? What makes a good assessment experience or a bad one? I wanna know the deets so I can compare notes."
Cool Things:
  • Brian shared 6 Underground, a not-that-great movie that he lasted 20 minutes watching. How far will you make it?
  • Marshall shared that Overwatch League is headed to YouTube Gaming! The new season has started, and YouTube's live features allow for DVR-like rewind and pause, making it much easier to keep up with the games.
Design Details on the Web:

BYE BYE, BRIAN

332: Creating layouts: Design vs Implementation05 Feb 202001:17:43

This week, we get deep into the weeds on creating layouts with Sketch's Smart Layout and Figma's Auto Layout, and compare the experience with implementing layouts in CSS and SwiftUI. This is a detailed exploration at the pros and cons of each toolset, and we try to find takeaways that can help us reconcile the wildly different mental models for each. As always, we share our cool things of this week including a content-blocking Safari extension and a novel about a cyberpunk future in which a trailer park girl and her cat decide the fate of humankind.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Pathrise is an online mentorship program that you land a great UX job. Previous fellows have been placed at Google, IBM, Atlassian and other exciting companies.You can learn more at pathrise.com/details

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Kati Presley
  • Jan Früchtl
  • Ying Yao
  • Ruby Chen
  • Kevin Haag
  • Austin Robinson
  • Scott Foltz
  • Elise Alix
  • Danielle Shepherd
  • Mike Jongbloet
  • Joseph Flynn
  • Priscilla Then
Follow-up:
  • We reached our Patreon milestone of 128 supporters! This means we're kicking off the process of making Design Details merchandise. We need to figure out what we should make first, but we're leaning towards a torso-covering device of some kind, or perhaps a mug.
  • Ya'll helped us discover a great solitaire app, Solitaere. It's about 95% of what Marshall needs, but still might not be enough to stop Marshall from building his own.
  • Something seems to have happened recently where we suddenly feel inundated with tweets and DMs from everyone – it's so fun! We are reading everything, and will do our best to reply to as much as possible.
Tweets:
  • Kayla Brianne mentioned that our intros and followup sections can drag on a bit. We're going to be splitting up our chapters so that Tweets and Followup are discrete chapters.
  • Austin Robinson is baffled at how natural the show sounds, despite how much editing we do.
  • Andrew Mason recommend that we use Descript for future editing – we've both given it a brief try, but will continue exploring if it can make our editing process better.
  • Michael MacLeod also knows what an "um" looks like.
  • Udie Chima agreed about the anxiety that can often come up when last minute changes come in while building a problem. It's not just you!
  • Kevin Haag came in hot as our 128th Patreon supporter. Ruby Chen was 127! Jason Jun was number 100 – a round number for normal people, but not for us!
Industry Talk:

Sketch and Figma

  • Sketch Smart Layout is powerful and flexible, but comes with tradeoffs of high setup time, and requires the use of symbols to add smart layout.
  • Figma Auto Layout feels underpowered, but is a step in the right direction. The biggest miss is the lack of constraints support, but the flexibility of being able to add auto layout to any frame, not just components, makes it very fast to create lockups.
  • Both tools are relatively new, and have come a long way. We're ultimately happy with the few sets of use cases where Smart Layout and Auto Layout can save a designer a lot of time creating mocks. But we're concerned that both tools are built with entirely different mental models than code, making it challenging to move between design and development.

CSS and SwiftUI

  • CSS is ridiculously flexible. This flexibility, unfortunately, means that developers get very few things for free. It takes a lot of built-up knowledge to understand the many ways to wrangle CSS into making something that is visually pleasing, accessible, and fast.
  • SwiftUI is brand new and unfinished, leaving a lot of gaps in the toolset and documentation. That said, the primitives and opinionated defaults are incredibly simple, but allow for the creation of wildly complex application layouts.
  • Ultimately, both SwiftUI and CSS are designed to provide designers and developers with a structured set of primitives that will allow for the creation of complex and dynamic user interfaces. These primitives come with a mental model is is dramatically different from what is given to designers in Figma and Sketch.
Cool Things:
  • Marshall shared Futuristic Violence and Fancy Suits by David Wong (who also wrote John Dies at the End), is a book about a girl who lives in a trailer park gets caught up in a whirlwind of trouble when her billionaire relative dies and leaves her with all of the money.
  • Brian shared Better, a content blocker for Safari that works on both Mac and iOS. It's a browser extension that prevents ads and malicious tracking from being active on the websites you visit.
Design Details on the Web:

BYE BYE.

331: The Designer-Developer Handoff29 Jan 202000:35:41

This week, we answer two listener questions about designer-developer handoff. We dig into questions like: What does a good developer handoff look like? What information should it contain? What are systems to make the handoff more efficient for everyone involved? As always, we share our cool finds of the week, this time including a return of the 6-second video format and a useful language learning app.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Pathrise is an online mentorship program that you land a great UX job. Previous fellows have been placed at Google, IBM, Atlassian and other exciting companies.You can learn more at pathrise.com/details

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Rex Shi
  • Joe Thomas
  • Seth Richardson, with a tweet, too!
  • James Morgan
  • Alisa B
  • Sergio Rovira
  • Geetha Kardahally
Follow-up:
  • We are very close to 128 patrons on our Patreon, the milestone needed for us to start making march!
  • Evangeline Ng shared that our last episode on Twitter Tips was useful, and has been surprised at how welcoming the community is. We agree!
  • Craig Van Wiechen tweeted about the Twitter Tips episode, noting the importance of positivity as well.
  • Michael Woodruff is holding our chapter marker naming standards to the highest level.
  • We heard back from Carly Batson, the question asker from episode 330: "I'm still trying to get comfortable with contributing, as I'm more of an observer... but your tips about positivity and consistency were great. Thanks again!"
  • Marshall shared some behind the scenes of just how much work goes into editing this podcast. Spoiler: it's a lot!
Listener Questions:
  • Michelle Lamond asks: Could you go over the details of design documentation and developer hand-off?
  • Eric Gendreau asks, similarly: "What are some best practices for handing off interaction design specs to developers?"
  • Our notes on developer handoff:
    • We're both over manual redlining. Instead, we give our teams access to source files (usually Figma), and teach engineers the right ways to measure distances, get variable names, and navigate the file.
    • Educating engineers about the underlying design systems and its core rules (measurement system, color naming patterns, etc.) is a high-leverage use of your time as a designer.
    • Have thorough specs for individual components, covering all of their variants and states. With the individual building blocks implemented properly, composed UIs will be much faster to communicate and build.
    • Don't be afraid to say "I don't know, but I'll find out" when posed with a question from your cross functional peers.
    • Do your best to meet your engineering team halfway: learn the tools, vocabulary, and constraints.
Cool Things:
  • Marshall is very excited about Vine 2.0, aka byte. This is the reincarnation of the 6-second looping video mechanic, with a wonderful design and clear interface.
  • Brian has been ramping up on learning Chinese with Hello Chinese, as part of his 2020 goals. The app has been super intuitive, and provides several useful exercise types to make learning easier.
Design Details on the Web:

BYEEEEE!

330: Twitter Tips for Designers22 Jan 202000:46:24

This week, we talk about how to be meaningfully involved with the design community on Twitter. We share tips for finding people to follow, what to tweet about, and we dig into the value of building online connections with other designers. As always, we share our cool things for the week, including some futuristic-yet-spooky technology emerging in China, and a top-notch film production company.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Pathrise is an online mentorship program that you land a great UX job. Previous fellows have been placed at Google, IBM, Atlassian and other exciting companies.You can learn more at pathrise.com/details

Latest VIP Patrons:

Huge shoutouts to our latest Very Important Pixels!

  • Arjun Mahesh
  • Ankur Priyadarshi Chauhan
  • Martin M.
  • Thiago Valadares Noleto Damasceno
  • Julius
  • Guilherme Nogales
  • Carly Batson
  • Grace Lee
  • Dániel Góré
  • George Thayamkery
  • Shogo Tsuruda
  • Claire Jardin
Follow-up:
  • We are getting close to 128 Patreon supporters, at which point we'll start getting back into the Design Details merch game!
  • Ladies That UX ATL gave us a shoutout as one of their favorite things from 2019 ❤️
  • Michael Woodruff gave us some feedback about chapter markers on the show, inspired by the great organization on the Layout podcast.
  • Manny has a pro-tip for staying on top of your goals: spend that $$$.
  • Adam Carroll is also a huge fan of Mr. Robot. This is the correct opinion.
  • Sam Mason is excited for Design Details crewnecks! So are we 🙃
Listener Questions:

Carly Batson asks:

Hi Marshall & Brian! I love the podcast and finally today after listening to one of the episodes I caved and set up a Twitter. Two questions I’d love for you to answer:

  1. How is the best way to get involved with the UX community on Twitter and
  2. I’m a remote designer and have a hard time leveraging connections because I don’t have any designers nearby. How can I use social media to connect with other designers?

Some of our notes:

  • Reply earnestly and engage in conversations consistently
  • Don't automate your tweets – stay authentic
  • Stay positive – the negative conversations and hot takes are so fun, but are ultimately counter-productive
  • Use a consistent and friendly profile photo
  • Learn in public, share openly, ask questions
  • Organize a community in your city
Cool Things:Design Details on the Web:

BYEEEEE!

329: Web vs Product Design15 Jan 202000:44:39

This week, we dig into a three-part listener question about the difference between web and product design, collaborating with print designers, and what it takes to become a unicorn in 2020. As always, we share our cool things of the week, like a subreddit that will make you cry and a website that lets you edit its design.

Golden Ratio Patrons:

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Pathrise is an online mentorship program that you land a great UX job. Previous fellows have been placed at Google, IBM, Atlassian and other exciting companies.You can learn more at pathrise.com/details

Latest VIP Patrons:

Huge shoutouts to our latest members!

  • Kevin Gutowski
  • Michael Powers
  • Ollie Taylor
  • Jason Jun
  • Gunnar Gray
  • Damien Menard-Oxman
  • Jonathan Prozzi
  • Patrick Marx
Follow-up:
  • We are moving all show production in-house, meaning Marshall and Brian will be mastering, editing, and publishing all episodes going forward. Thank you so much to Drew Luper and Sarah Marie for making us sound smarter than we are for so many years of collaboration!
  • Last week we neglected to mention any 2020 goals for Design Details. Here are a few key goals:
    • Cross 128 patrons on Patreon and make custom merch.
    • Experiment with written posts as a companion to the podcast.
    • Release a monthly Bonusland episode.
    • Continue to move more content and show infrastructure to https://designdetails.fm.
  • Brian announced his plans to learn Chinese in 2020, and some of you recommend the following resources:
  • Michelle Lu shouted out Inter and Copilot!
    • Brian and Marshall each have an early access code for Copilot! DM us on Twitter, and the first person will get the code.
  • Just a reminder, if you have any questions or feedback for us to discuss in future episodes, open an issue on our Design Details repository!
Listener Question:

Drew Clements asks:

  1. I’ve been working as a designer for a few years. I’ve done some web design projects but never any true product design. Is there a separation between a web and product designer and if so, what are those separations and what would I need to study up on to transition to product design?

  2. I work with a team of traditionally print designers and, while they’re good at what they’re trained in, their ideas don’t always transfer to the web very well. What’s the best way to have them drop some of their print antics for web projects?

  3. I’m a designer first whose learning to code. How competent do I have to be at each before I become the coveted unicorn? 🦄 Or, should I just pick one and stick to it?

Cool Things:
  • Marshall shared /r/happycryingdads, a subreddit sharing wholesome videos of dads happy-crying. Seeing dads cry makes Marshall cry, so this is a goldmine of tear-jerkers.
  • Brian shared cloudflare.design, a neat website that allows you to customize the layout and design, and then publish those changes back to the live website for the rest of the world to see.
Design Details on the Web:

GOODBYEEEEE!

328: Thinking About 202008 Jan 202000:46:08

In this first episode of the new decade, we look ahead to 2020 and enumerate some personal and professional goals for the year to come. And as always, we share some cool things (this week, with the help of a listener!), including an IRL magazine, a couple grumpy websites, and the final season of a show.

Golden Ratio Patrons:

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Pathrise is an online mentorship program that you land a great UX job. Previous fellows have been placed at Google, IBM, Atlassian and other exciting companies.You can learn more at pathrise.com/details

Latest VIP Patrons:

Huge shoutouts to our latest members!

  • Simon Madsen
  • Daniel Maniés
  • Sam Chang
  • Julia Purcell
  • Kyle Kochanek
  • Isa Simó
  • Richard Sison
  • Jack Reis
Follow-up:
  • Marshall chilled this break, and watched a bunch of shows and read some books:
    • [Watchmen](https://en.wikipedia.org/wiki/Watchmen_(TV_series)
    • [The Boys](https://en.wikipedia.org/wiki/The_Boys_(2019_TV_series)
    • Mr. Robot
    • [Unbelievable](https://en.wikipedia.org/wiki/Unbelievable_(miniseries)
    • [Alone](https://en.wikipedia.org/wiki/Alone_(TV_series)
    • Once Upon a Time... in Hollywood
    • [Mission Impossible series](https://en.wikipedia.org/wiki/Mission:Impossible(film_series)
    • Expeditionary Force
  • PocketCasts shipped some great new features, highlighting the deletion of Design Details – oop!
  • The Mishalorian is a vacuum cleaner for design files. Us, too!
  • Paweł Ludwiczak asked about keeping design systems separated by platform.
Listener Question:
  • Zack Aronson asks: "Thinking about my 2020:Q1 career goals and not sure where to start. I have 9 years of professional experience as a product designer and currently an IC at Venmo. Any thoughts? Inspiration? Words of wisdom? I thought you gents could help!"
  • Marshall set some goals for this year:
    • Ship an app with SwiftUI
    • Update my personal site
    • Make good progress on my screenplay
    • Get a promotion at work
    • Return to Tokyo
    • Overhaul my wardrobe and shoes
    • Stop biting my nails
    • Work out more
  • Brian also set some goals (and also wrote more details about them, here):
    • Visit new country
    • Learn conversational Chinese
    • Software side project that generates revenue
    • Learn a new programming language - Brian already started with a small personal utility app for bookmarking favorite links! See the thread of the app getting built.
    • Write monthly on the new https://brianlovin.com/overthought
    • Gain 14lbs
Cool Things: Design Details on the Web:

HAPPY NEW YEAR!

327: Organizing Component Systems18 Dec 201900:49:57

In this week's episode, we follow up on a bunch of your tweets, and then we get super semantic about naming conventions and component organization. And as always, we share a couple cool things like a vehicle upgrade and a feed reader.

Golden Ratio Patrons:

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Latest VIP Patrons:

Huge shoutouts to our latest members!

  • Aaron Heine
  • Chris Martin
  • Greg Wilkinson
  • Lauren Chilcote
  • Lauren Mosenthal
  • Tt_55
Follow-up: Industry Talk:

We get deep in the weeds talking about naming conventions and component organization for your design files.

Cool Things:
  • Marshall shared an after-market CarPlay setup that has made his commuting experience all the better. Check out the top-rated CarPlay stereos on Wirecutter.
  • Brian shared NetNewsWire, a free and open-source RSS reader for the Mac. Brian also gathered a bunch of self-hosted blogs that you can check out on the Twitters.
Design Details on the Web:

BUH-BYEEEEE!

326: Design Tools Today11 Dec 201900:41:24

In this week's episode, we discuss the state of our industry's current design tools—especially in comparison to the tools available to other disciplines—and we speculate about what those tools could look like in the years to come. In News, we compare notes on Figma's newly released Auto Layout feature. And as always, we share a couple cool things like a flashcard app and a peek behind the park.

Golden Ratio Patrons:

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Latest VIP Patrons:

Huge shoutouts to our latest members!

  • Filipa Amado
  • George Tsolpakis
  • Luke Seeley
  • Paweł Sysiak
  • Cal Rowston
  • Callum Cussen
  • David Afolayan
News:
  • Sketch previewed some of their plans for features in 2020, including many already present in Figma
    • When Sketch announced Smart Layout, Figma assured users that their own Auto Layout would be coming soon
Industry Talk: One Cool Thing:
  • Brian shared Mouseless, is a flashcard-style app for keyboard shortcuts that helps you "unleash your keyboard’s superpower"
  • Marshall shared The Imagineering Story on Disney+, a "journey behind the curtains... to discover what it takes to create and build Disney theme parks around the world"
    • General Magic is a documentary about "the untold tale of how a great vision and epic failure changed the world"
Design Details on the Web:

BUH-BYEEEEE!

325: Changing Roles in a Growing Company04 Dec 201900:43:24

In this week's episode, we go to our patrons for a couple listener questions: one about adapting to shifting roles as a company rapidly grows, and one about the balance between creativity and meeting business needs. And as always, we share a couple cool things like a Star Wars series and privacy-based analytics.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest members!

  • Amy Geddes
  • Amy G (?)
  • Tt_55
  • Breno Baldrati
Follow-up:

And we got some tweets:

Listener Questions:

We asked our patrons if they had any questions for us, and we got a few:

Will Newton asks, "Can you talk about the ways in which the role of a product designer can change at a rapidly growing company, and some strategies for navigating those changes?"

Michael Knepprath asks, "At large companies, are designers and subject matter experts typically different people? Does it depend on the project? How does one effectively work with a subject matter expert and glean the info needed to create a good design for a domain that one wasn’t previously familiar with?"

And Kevin Bennett adds, "How do designers and design leads have to be more aware and sympathetic to the business needs when in a larger organisation? And do people stop that from effecting their creativity?"

  • Facebook Paper was "a standalone mobile app created by Facebook, only for iOS, that intended to serve as a phone-based equivalent of a newspaper or magazine"
One Cool Thing:
  • Marshall shared The Mandalorian, a new series on Disney+ that follows "the travails of a lone gunfighter in the outer reaches of the galaxy, far from the authority of the New Republic"
    • Nando v Movies is one of our favorite YouTubers and a frequent reference on the show
  • Brian shared Fathom (affiliate link that saves you $10), a "simple and private website analytics platform that lets you focus on what's important: your business"
    • Security Checklist is "an open-source checklist of resources designed to improve your online privacy and security"
Design Details on the Web:

BUH-BYEEEEE!

450: Designing Hefty Interfaces10 Nov 202200:28:18

This week, we talk about what gives software the feeling of heft and the effect of that feeling on how customers perceive the value of a tool.

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.

Golden Ratio Supporter:

Catch:

Why did you become a freelancer? Was it for freedom? Flexibility? It probably wasn't because you wanted to manage your own health insurance, taxes, and retirement. Did you know Catch can do all of that for you? Catch offers benefits and personal payroll for the self-employed.

With Catch, you can shop for health insurance the same way you shop for a flight. Compare across carriers. Find the best price. Catch makes it easy to renew your current plan, find a better one, or enroll for the first time. Even better, all plans are ACA compliant and Catch works on your behalf to get you tax credits that can save hundreds of dollars on your monthly premium.

Open enrollment started on November 1, 2022. To get covered for 2023, go to catch.co/health to renew your coverage or find a better plan.

Latest VIP Patrons:
  • Emilie Waldelof
  • Olivier
  • Neel
  • Diana Tam
  • Karthik Rajendran
  • Filip Pižl
Main Topic:

This week, we talk about what gives software the feeling of heft and the effect of that feeling on how customers perceive the value of a tool.

Cool Things:Design Details on the Web:

Byeee!

324: Interface Design and the Physical World27 Nov 201900:56:13

In this week's episode, we riff on a listener question about the influence of the physical world on digital interfaces, and we end up covering everything from video game controllers to sliders and shiny buttons. And as always, we share a couple cool things like a fun dramedy and another sci-fi novel.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Latest VIP Patrons:

Huge shoutouts to our latest members!

  • William Goi
  • Tobias Treppmann
  • Richard
  • Ed Johnson-Williams
  • Jacqueline Nguyen
  • Charlie Van Meter
  • Shaun Whitworth
  • Ali Salem
Follow-up: News:

The stuff we were excited about this week was decidedly design-tangential, so we'll talk about the following topics in the next episode of Bonusland:

Join us on Patreon to get access to all episodes of Bonusland!

Listener Question:

nosam7 asks, "What, if any, design choices have you been able to incorporate into a digital platform, that you learned from interacting with something IRL?"

One Cool Thing: Design Details on the Web:

GOBBLE GOBBLEEEEE!

323: Designing Social Proof20 Nov 201900:46:03

In this week's episode we dive into the murky waters of designing social proof in social networks. From upvotes to view counts, reputation to badges, there are a wide array of tools and patterns at a designer's disposal to communicate quality and popularity. But these patterns each have their own drawbacks, tradeoffs, and vectors for abuse. We dig into these, and more. Plus, as always, we share our cool finds for the week, this time featuring a Figma plugin and a beautiful indie video game.

Golden Ratio Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Follow-up:

New supporters! Thank you to everyone who has joined our Patreon this week:

  • Timothy Pui-Fai Li
  • 明勳 李
  • Meena Balasubramaniam
  • Darren Soulsby
  • Sahil Chaturvedi
  • Will
  • Ronald Huynh
  • Kryston Schwarze
  • Coard Miller
  • Michael Goliver
  • Kevin Bennett

Ya'll also tweeted sweet nothings at us:

  • Paweł Szymankiewicz says "This type of @designdetailsfm episode is my favorite one" about episode 322.
  • Nathan Lindahl says "Definitely recommend @designdetailsfm. More focused on product/career than brand/creativity… but for sure insightful conversations."
  • Manny says "Thank you guys for answering my question again. And Jesus Christ, there are so much I need to take note for!!! It's like dark mode episode all over again. In a very good way 😍" after we dug into onboarding design in episode 322.
  • Adam Carroll says "Really enjoyed this episode" - thanks Adam!
  • Sahil Chaturvedi says "@designdetailsfm FINALLY I'm a Patreon supporter! Thanks for all the great content and genuinely useful information! Always just feels like I'm chatting with a couple buddies about design" - and we say: Thank you so much for your support!
  • Friend of the pod, Michael Knepprath says "@designdetailsfm
    the tier change feels very good imo - simple and welcoming" - super glad to hear!
  • And last but not least, Mingshun Li says "Just become a patron of @designdetailsfm! The show was my mentor when I was the only designer at my first two jobs. Great to contribute a little bit to the show!" - thank you for supporting the show, it means a lot!

Additionally, last week Brian was able to share what he's been working on for the past few months: GitHub for mobile! Rafa and Kevin over at Layout also discussed the app on their most recent episode.

Industry talk:

This week we dive into the murky waters of designing for social proof: the inputs, signifiers, and patterns that help people determine what is "popular" online.

One Cool Thing:
  • Brian shared the Vectary Figma Plugin which helps you apply your designs to 3-dimensional product mockups. Its very cool.
  • Marshall shared Hollow Knight, a beautiful and outstanding indie game that everyone should play. It's very challenging, but offers a simple onboarding experience which helps people ramp up as they go.
Design Details on the Web:

Aloha!

322: Designing App Onboarding Experiences13 Nov 201901:01:36

This week, we dive deep into the perils and triumphs of designing an onboarding experience for mobile. Strap in for a big brain dump as we discuss everything from App Store screenshots to sign-in methods to device permissions to user education. And as always, we share a couple cool things like a privacy-minded daily read and a post-post-apocalyptic streaming series.

Sponsor:

Flatiron School: Learn UX/UI design in 24 weeks and discover our global community on campus or online and go back to school with Flatiron School!

Change careers with confidence with 1:1 support from our dedicated Career Coaches and a money back guarantee. Complete details at flatironschool.com/terms.

See you in class!

Golden Microphone Patrons:

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Follow-up:
  • Shoutouts and much appreciation to our newest patrons!
    • Roy Stanfield
    • Eden Wulf
    • Joan Disho
    • Damian Bilski
  • We released the first episode of Bonusland, our extra content just for subscribers!
    • For the inaugural Bonusland, we review Airpods Pro, Apple's latest new-fangled ear speakers
    • And we're simplifying our Patreon tiers; basically, you get access to all of our perks for just a buck (or more) a month!
  • We got some nice replies about our last two episodes on illustration with Pablo and with Meg and Ryan
  • Brian plans to go through all of our past episodes that have crazy titles and rename them to be a bit more obvious and searchable. For you :)
Listener Question:
  • Q: Mannnny asks, "What's the best onboarding experience?"
    • A: "Before you even get to onboarding, you should think about your marketing site and your App/Play Store video and screenshots, because that's how a lot of users will first learn about your app. For the video, pack the first few seconds with a good hook, and make sure it works without sound, since these videos are muted by default. Once the user is in your app, consider the barrier to entry that any sign-in flow will present; using Oauth or a phone number is a great way to streamline sign-in, but you may want to allow users to play around in a signed-out state until they try to do something that actually requires signing in. Please don't ask for device permissions without priming the user for which permissions you'll need to access, why you need to access them, and what the user needs to do to enable them. Once you're ready to do some real user education, the easy (and probably wrong) thing to do is to have a paginated series of feature explanations, but you should never expect anyone to read those. No one reads. Instead, we prefer onboarding experiences that either 1) abstract the interface in a way that allows users to learn without the risk of experimenting on their own data, or 2) use their own interface to teach you how to use the interface. So meta. The most important thing to remember is that you only get one shot at a first impression, so make sure you're putting in the work to make that first run experience as grokkable as possible."
  • Here are some examples:
    • Todoist utilizes app previews that that span multiple screenshots
    • Reddit prompts you for permissions immediately, but you can still use the app signed out
    • Clear Todos (despite having a paginated onboarding flow) starts users with a sample list full of tasks that describe all the gestures in the app
    • Mailbox used abstraction and task-completion to educate users without the risk of experimenting on their own data
    • Notion provides users with a pre-populated document that itself shows user how to start documenting
    • Descript includes a sample podcast project that, using a podcast format and its own interface, walks users through how to navigate and edit the sample project
    • Superhuman has a white glove service where a human on the phone personally walks you through how to use the app
  • User Onboard is an outstanding resource for thoroughly detailed analyses of onboarding flows in many different apps and services
One Cool Thing: Design Details on the Web:

CATCH YA ON THE FLIPPITY-FLOP!

© My Podcast Data