Dive Club 🤿
Episode Summary: Josh Puckett – Crafting Interfaces with Uncommon Care
Host: Ridd | Guest: Josh Puckett
Date: March 12, 2026
Episode Overview
In this episode of Dive Club, host Ridd sits down with Josh Puckett, a seasoned digital product designer known for his work at Wealthfront, Dropbox, and various startups. Fresh off launching "Interface Craft" — his comprehensive library on meticulous interface design — Josh offers an in-depth, practical walkthrough of how to imbue software with “uncommon care.” The conversation explores onboarding flow, interface details, generative graphics, AI-driven collaboration, and the balance between maximalism and restraint in design.
Key Discussion Points & Insights
1. Defining “Uncommon Care” in Design
-
Craft as Communication:
“All of these details communicate to you. Josh really cares, like, about design or about this experience and that builds trust, that builds, like, perceived value. Your affinity to this product increases because it works just a little bit better or differently than you expect it to.”
— Josh [00:06] -
Going the Extra Mile:
Thoughtful attention to detail is a powerful way to show users you value their time and experience.
2. Collaborating with AI for Finer Craft
-
Scope vs. Depth:
“Now that we have tools that help us go further and we can get there faster and we can explore more surface area... Instead of creating more scope, right, how do we take the limited amount of scope that is really essential and just execute it to a bar that folks maybe haven't ever seen before?”
— Josh [00:32], [24:05] -
AI tooling should be used to deepen execution, not just expand feature lists.
3. Designing Onboarding as an Expression of Care
-
The Library Card Metaphor:
Josh walks through the onboarding flow for Interface Craft, inspired by tangible metaphors like library cards to foster personal connection and nostalgia.
“It was important that onboarding feels special, right? So then that’s where I came up with this idea of library cards. What if I gave everyone a library card that they could customize or sign, take away for themselves?” — Josh [01:31] -
Personalization and Play:
Josh sent personalized notes to early users and prioritized fidgetable, tactile affordances in UI — users could even draw unique signatures or small artworks on their digital cards. -
Iteration and Fidgetability:
The onboarding went through many prototypes, always seeking to create an interface that encourages exploration and tactile play.
4. Generative Graphics and AI Tooling
-
Rapid Prototyping through Custom Playground Tools:
Josh built custom tools for generating graphics (e.g., wave function–driven cards), enabling quick iteration and endless variety.
“You could just say probably something as simple as, like, create a graphic that is a series of rows where each item within that row has a different opacity that is controlled by a sine wave. Give me sliders…” — Josh [09:25] -
AI-Driven Discovery:
The intent can be as simple as describing what you want; AI often infers the technical implementation.
5. Metaphor, Hospitality, and Craft in UX
-
Metaphor Consistency:
The “library” concept informed not only onboarding, but the broader product architecture—cards, collections, gift cards, even a check-in experience. -
Hospitality as Inspiration:
Josh likens great digital design to hospitality or fine dining (e.g., chef Thomas Keller):
“They are solving a problem… but wrapping it in an experience that makes it feel so unique and so differentiated.” — Josh [14:13]
6. Inventive Interaction & Control Models
-
Lisa Jupe (Lissajous) Curve Slider:
Instead of overwhelming users with three separate sliders (frequency, phase, amplitude for wave-driven graphics), Josh implemented a single “infinity” slider that controls all three.
“It gives you all three of the things that we want a user to change ... with a single slider. That whole idea is: how do I give a user just one thing to fidget with that has a really dynamic result?” — Josh [19:43] -
Mystery, Fidgetability, and Delight:
“There’s almost an element of mystery. You’re like, what is it going to do when I drag that? … That goes back to your fidgetability, which is totally the new measuring stick…” — Host [23:45]
7. Principles: Restraint and Reduction
-
Less but Better:
Drawing from D[ieter] Rams, Bruce Lee, and the Shaker furniture movement, Josh describes design as a process of editing, distillation, and “hacking away at the inessential.”
“It’s not the daily increase, but the daily decrease. Hack away at the inessential.” — Josh [25:45] -
The Challenge of Restraint in an Era of Infinite Possibility:
With new tools, it’s tempting to do more; the real artistry is knowing where to stop.
8. Morphing Interfaces and Micro-Interactions
-
Morphing Over Modals:
Buttons and controls should transition smoothly; editing a name is done “directly on the card,” not with a modal dialog.
“Everything you need on it is already on it. When you need to edit it, you’re directly editing it itself.” — Josh [28:09] -
Sound Design:
Collaborated with sound designer Josh Dunsterville to create nuanced custom sounds that respond dynamically to user input (e.g., scratch-off effects, drag thresholds).
9. Maximalism When It Counts
-
Contrast to Restraint:
The scratch-off gift card is an example of pushing beyond simple delight to “maximalist” detail — custom SVG brushes for realistic scratching, holographic effects, varied sounds. -
Depth Over Breadth:
“Conceptual range is what are all the ways… Then, once you have one that feels like it works, if what your goal is is to demonstrate … a world class level of execution, you just have to go deep. I probably spent as much time on this gift card as the whole of onboarding.” — Josh [39:46]
10. AI as a Design Superpower
-
Raising the Bar with AI:
“The technical ability to create … was there before AI. However, I don’t even know how long it would have taken me… it becomes irrational to at some point… But now all that implementation work can be done instantly or relatively quickly. So those crazy ideas you had — that’s an idea that five years ago, unless you’re equally competent as a true front end engineer, you can’t take that idea past …here’s the shape of it. Versus now …you can just try it.” — Josh [41:27] -
Designers as the “Ones Who Care Most”:
AI lets designers show their care and creativity at production level, not just mockup level.
11. Fast-Tracking Design Reps and Conceptual Reach
-
How to Get Better Faster:
“There’s a great old Kanye lyric that I really love… I made five beats a day for three summers. Quantity is a quality of its own… Just take a lot of shots on goal.” — Josh [46:46] -
Low-Fidelity Iteration:
Even very crude Figma sketches or storyboards can be handed off to AI tools for implementation; perfection isn't needed at the idea stage. -
“Reps” are Now Cheaper:
“That type of rep when we were dealing with Illustrator and hand coding things would take hours. Now somebody can get that in five minutes.” — Host [51:39] -
Iterative Exploration:
Josh encourages exploring 30+ versions of a UI to hone in on the best — barriers to iteration have dramatically lowered.
Notable Quotes & Memorable Moments
-
On Uncommon Care & Trust:
“Just going the extra mile is communicating to your user like, I value you, your time and I care about you.” — Josh [00:06], [31:58] -
On Fidgetability as a Design Value:
“Fidgetability is one attribute that I've tried to imbue in the whole product.” — Josh [01:31]
“That goes back to your fidgetability, which is totally the new measuring stick that I'm going to have for stuff like this.” — Host [23:45] -
On Taking Concepts Further:
“What is the best thing I can imagine that nobody has seen before?” — Josh [37:40] -
On Distilling Design:
“It would be hard for you as a designer to edit your work too much. It's like you're cooking a sauce, right? ... I'm not sure that you can [take it too far in design].” — Josh [25:45] -
On Practicing & Reps:
“Quantity is a quality of its own... take a lot of shots on goal, right? That is how you start to build your intuition for what works great, what doesn't work great.” — Josh [46:46]
“Make a hundred videos, and then I'll answer any question you want. And by the time you've made a hundred videos, you don't have any more questions.” — Host, quoting Mr. Beast [51:08]
Timestamps for Important Segments
- 00:06 – What is “Uncommon Care” in interface design?
- 01:31 – Onboarding flow and the library card metaphor
- 09:25 – Creating generative graphics with AI
- 14:13 – Using metaphor and hospitality in user experience
- 19:43 – Innovative control schemes: The Lisa Jupe/infinity slider
- 25:45 – Design principle: “Less but better,” reduction, restraint
- 28:09 – Morphing interfaces and micro-interaction details
- 31:58 – Building trust and adding delight with small details
- 37:40 – Maximalism: Scratch-off gift cards, custom interaction, and sound
- 39:46 – Measuring conceptual range and depth in design
- 41:27 – How AI raises the bar for craft and execution
- 46:46 – Advice for early-career designers: reps, quantity, whiteboarding
- 49:40 – Using lo-fi Figma sketches as AI input
- 51:39 – Lowering the cost and time of getting “reps”/iterations
Conclusion
This episode is a deep dive into what happens when an experienced designer, empowered with modern AI tools, turns his focus to executing digital products with rare care and craft. Josh demonstrates that with the lowering of effort required for iteration and experimentation, designers can—and should—push for more original, delightful, and deeply considered experiences, using analog inspiration, metaphor, and reductionist philosophy. Listeners leave with practical inspiration, technical frameworks, and a sense of why (and how) design with “uncommon care” stands out.
For resources, replays, and bonus content: Dive.club
