We scan new podcasts and send you the top 5 insights daily.
The design for Retro's onboarding wasn't pre-conceived. It started with simple elements (a slideshow with haptics), which led to the motif of 'slowing down.' Once this central idea was established, it streamlined all other creative choices, from soundtrack to visual pacing.
Large product teams have already hyper-optimized utilitarian flows like onboarding. Designers should leverage this existing knowledge rather than starting from scratch. The crucial skill is knowing when to follow established patterns versus when to break them for innovation.
Instead of a complex design system, a single, delightful element—like Zenly's bouncy logo or Amo's animated avatars—acted as a central "atom." This created a "halo effect," organically dictating the feel of the entire UI, from animations to overall product personality, ensuring a cohesive DNA.
To avoid getting lost in endless options, establish a clear vision using descriptive adjectives like "techie," "classical," or "sharp and crisp." This high-level direction acts as a filter, helping you confidently accept or reject ideas and maintain consistency throughout the design process.
To create a distinctive retro UI, Cursor's designer researched historical UI patterns and assets—a process he calls "UI archeology." This provided specific constraints to the AI, preventing it from generating generic designs and allowing him to "paint" a unique style over standard components.
Replit's product design mimics video game mechanics: no manual, a quick dopamine hit by creating something immediately, and a safe 'save/load' environment for experimentation. This 'unfolding experience' of complexity hooks users faster than traditional software onboarding.
Before starting a project, define its intended feel with key adjectives (e.g., "techie," "classical," "sharp"). This vision becomes a powerful filter, helping you make consistent decisions and resist the temptation to chase trends or get discouraged by other designers' work.
To make the onboarding feel special, the designer moved beyond typical product flows. She commissioned a custom music track (titled "Waking Up Before Everyone Else at the Sleepover and the Wii is still on") and designed logo reveals inspired by video game startup screens to evoke nostalgia and create an emotional connection.
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.
A project's most defining element can grow from a seemingly small, playful exploration. The complex mosaic interaction on the Shift Nudge site began with MDS simply designing pixel icons for fun, demonstrating how following small sparks of curiosity can lead to major innovations.
Reverse the traditional design process by focusing on the "liveliness" of a site from the outset. While visuals and copy can remain low-fidelity placeholders, investing in high-fidelity transitions and motion early on establishes the core interactive feel, which is often the most crucial part of the user experience.