Get your free personalized podcast brief

We scan new podcasts and send you the top 5 insights daily.

When designing ambiguous systems, resist creating visual mockups immediately. First, establish alignment on the fundamental concepts or "primitives." At Paradigm, this meant defining the core objects of a 'workflow' to ensure the team shared a mental model before exploring any UI.

Related Insights

Many users blame AI tools for generic designs when the real issue is a poorly defined initial prompt. Using a preparatory GPT to outline user goals, needs, and flows ensures a strong starting point, preventing the costly and circular revisions that stem from a vague beginning.

Build products on simple, foundational concepts rather than complex, rigid features. These core building blocks can then be combined and layered, leading to emergent complexity that allows the product to scale and serve diverse needs without being overwhelming by default.

When a non-designer provides a polished mockup, designers often feel constrained to only refine it. Presenting intentionally rough sketches signals you're communicating an idea's intent, not a proposed execution, freeing designers to reimagine the solution and collaborate more creatively.

Even for back-end or infrastructure tools, rely on UI mockups during customer discovery. Discussing abstract concepts leads to misunderstandings. Visuals force users to project themselves into the workflow, which generates much higher quality and more concrete feedback.

For complex systems with diverse use cases (like EDI), building a comprehensive UI upfront is a failure path because you can't possibly anticipate all needs. The better approach is to first build a robust set of developer-focused APIs—like Lego blocks—that handle core functions. This allows you (and customers) to later assemble solutions without being trapped by premature UI decisions.

Contrary to the 'prototype is the new PRD' trend, early prototypes can prematurely focus feedback on visual details. A written document is a more effective tool for getting buy-in on the core idea and strategy from stakeholders before investing in high-fidelity design.

Instead of providing a vague functional description, feed prototyping AIs a detailed JSON data model first. This separates data from UI generation, forcing the AI to build a more realistic and higher-quality experience around concrete data, avoiding ambiguity and poor assumptions.

Technical tools are secondary to building a successful design system. The primary barrier is a lack of shared vision. Success requires designers to think about engineering constraints and engineers to understand UX intent, creating an empathetic, symbiotic relationship that underpins the entire system.

Visual frameworks do more than illustrate; they create a structured language for teams to discuss and organize complex issues. By breaking a problem into visual stages, like the 'four stages to a pickup' at Uber, everyone can slot their specific concerns and ideas into a commonly understood structure, creating alignment.

Instead of starting in Figma, prototype complex web animations using "gray boxing," a technique from game development. By using basic shapes and code (like HTML/CSS/3JS) to define the core flow and feel, you can validate the interaction's energy before investing in detailed visuals.