Break the Predictable
Surprise the audience in small, meaningful ways.
Predictability breeds indifference. Small, deliberate departures from expectation create engagement and memorability. These moments make a design feel alive and intentional.
Instagram's initial interface hid subtle animations and gestures that delighted users unexpectedly, creating a sense of discovery while maintaining simplicity.
- 01Introduce subtle motion, color shifts, or micro-interactions.
- 02Break symmetry or repetition strategically.
- 03Avoid clichés and predictable layouts; question every default.
When to Apply
- When designs feel cluttered or overwhelming
- Creating premium or sophisticated positioning
- When important elements aren't getting attention
- Improving readability and comprehension
- When you need to create breathing room—literally or metaphorically
When NOT to Apply
- When density is expected or valued (data dashboards, newspapers)
- In contexts where white space signals 'unfinished'
- When space constraints are genuinely fixed
- When the medium is inherently dense (some games, tools)
Assessment Criteria — Where Are You?
You notice white space when it's pointed out. You understand it's not 'wasted' space.
Self-assess honestly — growth requires knowing where you are
Design that only meets expectations is forgettable. The work that stays with us includes moments of surprise—an unexpected color combination, an animation that delights, a layout that challenges convention. These surprises signal creativity and care.
- 01Mailchimp's high-five after sending: A moment of celebration users don't expect but love.
- 02Stripe's documentation: Code examples that actually run—surprising and delightful for developers.
- 03404 pages that entertain: Breaking the frustration expectation with humor or creativity.
- 01Identify moments of user boredom or routine—these are surprise opportunities.
- 02Add one unexpected element per project that doesn't compromise usability.
- 03Create 'Easter eggs' for engaged users to discover.
- 04Break visual patterns strategically to draw attention where you want it.
- 05Test surprises with users—ensure delight without confusion.
Lottie Animations
Add delightful micro-interactions easily
Interaction Design Libraries
Find unexpected interaction patterns
A/B Testing
Measure impact of surprising elements
User Delight Surveys
Gather feedback on unexpected features
- →"Emotional Design" by Don Norman — Why surprise creates connection
- →"Seductive Interaction Design" by Stephen Anderson — Designing for delight
- →"The Elements of Surprise" by Chip Heath — The psychology of unexpected experiences
Reflection Prompts
"What if I doubled the space around this?"
Most people underuse white space. Experiment with more than feels comfortable.
"Where in my life do I need more 'white space'?"
This law applies to schedules, relationships, and mental space—not just visual design.
"What am I trying to squeeze in that doesn't fit?"
Crowding is often a symptom of not making hard choices about what matters.
Practice Exercises
Take a current design and double all margins and padding. Does it feel better or worse? What does this teach you about your defaults?
Power Combinations
Synergies — Laws That Amplify This One
Prerequisites — Understand These First
Personalized Analysis
Sign in to get AI-powered insights on applying this law to your life.
Sign In to Continue