Skip to main contentSkip to navigationSkip to footer
185+ Principles LibraryResearch-backed UX/UI guidelines with citationsAI Design ValidatorValidate AI designs with research-backed principlesAI Prompts600+ research-backed prompts with citationsFlow ChecklistsPre-flight & post-flight validation for 5 flowsUX Smells & FixesDiagnose interface problems in 2-5 minutes
View All Tools
Part 1FoundationsPart 2Core PrinciplesPart 3Design SystemsPart 4Interface PatternsPart 5Specialized DomainsPart 6Human-Centered
View All Parts
About
Sign in

Get the 6 "Must-Have" UX Laws

The principles that fix 80% of interface problems. Free breakdown + real examples to your inbox.

PrinciplesAboutDevelopersGlossaryTermsPrivacyCookiesRefunds

© 2026 UXUI Principles. All rights reserved. Designed & built with ❤️ by UXUIprinciples.com

ToolsFramework
Home/Framework
Part 4 / 6

Interface Patterns

Navigation, forms, feedback, errors. Battle-tested solutions you can ship today.

23 principles·6 chapters·~11 min each

Explore the 23 principles

Practical Application

Navigation that users understand instantly. Forms that convert. Error messages that help instead of frustrate. Feedback that builds trust. These battle-tested patterns have been validated across thousands of products—now you can ship them today. No more reinventing solutions to problems that have already been solved.

For Designers

Stop guessing why forms fail. These battle-tested patterns have been validated across thousands of products—from checkout flows to mobile navigation. Apply them and watch form completion rates climb while support tickets drop. No more reinventing solutions that already exist.

For Developers

"Make the form better" isn't a spec. These patterns give you concrete implementation details: exact touch target sizes, validation timing, error message placement, loading state behavior. Build interfaces that match user expectations on the first deploy.

For Product Managers

Every friction point in your interface costs conversions. These patterns quantify the impact: a 44px touch target vs. 48px, inline validation vs. submit-time. Make data-driven decisions about which patterns to prioritize based on proven results, not opinions.

Inside this part

The 23 principles

Interaction Design Patterns

4
  • Form Flow Optimization Law→
  • Input Validation Timing Law→
  • Error Prevention in Forms Law→
  • Form Completion Motivation Law→

Interaction Design Patterns

3
  • Chart Type Selection Law→
  • Dashboard Information Density Law→
  • Data Storytelling Law→

Interface Elements

4
  • Affordances Law→
  • Signifier Clarity Law→
  • Interface Metaphor Law→
  • Interface State Communication Law→

Mobile Design Patterns

5
  • Touch Target Sizing Law→
  • Thumb Zone Optimization Law→
  • Gesture Design Consistency Law→
  • Mobile Navigation Hierarchy Law→
  • Responsive Breakpoint Law→

Performance & Technical UX

3
  • Doherty Threshold→
  • Fitts''s Law→
  • Response Time Limits→

AI Interaction Patterns

4
  • Conversational Turn-Taking→
  • Optimal Suggestion Quantity→
  • Confidence Indicator Display→
  • Progressive AI Assistance Scaling→

In practice

Real-world applications

Fix Today's Problems

  • Checkout abandonment → Form validation timing + error message patterns
  • Mobile bounce rates → Touch targets + thumb zone optimization
  • Dashboard confusion → Data visualization selection + density balance
  • Slow perceived performance → Loading states + optimistic updates

Build Tomorrow's Features

  • Multi-step flows that don't lose users
  • Mobile navigation that works one-handed
  • Responsive layouts that adapt without breaking
  • Performance patterns that work on 3G connections

Recommended first: Part I, Part II, Part III

Master Interface Patterns

23 principles, ready to apply.

Explore the 23 principles