Fallback UX
Synonyms: state-based design, offline mode, error handling
Definition
Use cases
- Zero-result search: A blank screen leaves users stranded. Suggested searches, related content, or trending results help them continue.
- Offline mobile usage: Apps without offline states become unusable during weak connectivity, especially for travel, messaging, or note-taking products.
How it's used in practice
- Define default states: Always establish a sensible default when user-specific data is absent (like a default avatar or "N/A" for empty profile fields).
- Proactive messaging: Write clear, conversational error messages that explain what happened and, more importantly, how to fix it.
- Design for offline: For mobile apps, plan a simplified "read-only" or "cached" experience for when connectivity is intermittent.
- Set expectations: If data is loading or an action is in progress, use spinners or progress bars so the user knows the system hasn't frozen.
Challenges & limitations
- Balancing workload: Creating detailed fallback screens can feel time-consuming, and it's easy to deprioritize them in tight development cycles.
- Some failures are unpredictable: Complex system outages or cascading service failures can create scenarios that are difficult to anticipate fully.
Free resources
- NN/g — Error Message Guidelines — the canonical rules for error copy and recovery
- NN/g — Empty State Interface Design — what to show when there's nothing to show

