A working guide to resilient web experiences.
Explore resilient web experiences, with practical workflows, a working example and checks for common mistakes.
Explore the guide ↗Progressive Web Experiences is a focused resource for web application designers, exploring resilient web experiences through the work people actually need to perform. For this topic, the workflow is to start with an accessible core task, add supported enhancements, and handle interrupted conditions. This guide uses a progressive enhancement plan to hold the decisions together and examines fallback behaviour, state recovery and capability detection as distinct quality concerns.
The example involves a user returning to an application with an unreliable connection; it is an illustrative exercise for this subject, rather than a reported client result. Progressive enhancement should preserve the essential task. Start with an accessible baseline and add capabilities deliberately, checking interrupted conditions and recovery rather than making optional technology a hidden prerequisite for basic use.
Ideas into action
WEB / 10 SECTIONSWhere resilient web experiences begins
Start by describing the task that makes resilient web experiences relevant now. Use the situation of a user returning to an application with an unreliable connection to identify the practical question before choosing a method. A concern involving fallback behaviour may require different evidence from a concern involving state recovery.
Keep those questions visible in a progressive enhancement plan, alongside the intended outcome. The scope of resilient web experiences becomes easier to discuss when an agreed requirement is clearly distinguished from an idea that still needs investigation. Before proceeding with resilient web experiences, decide whether the current state of capability detection creates a dependency that needs another person's input.
A progressive enhancement plan
Use a progressive enhancement plan as a shared reference for this piece of resilient web experiences. The record is especially useful when web application designers need to explain why a particular route was chosen. Connect the entry about fallback behaviour to the relevant evidence for resilient web experiences, rather than copying information without its source context.
Review a progressive enhancement plan after a meaningful change; an abandoned reference can mislead the next person working on resilient web experiences.
The first working stage is to start with an accessible core task. In the example involving a user returning to an application with an unreliable connection, identify which input is needed before this action can produce a dependable result. Consider how questions about fallback behaviour affect the starting conditions for the action to start with an accessible core task, including information that has not been confirmed.
Record the outcome in a progressive enhancement plan and explain any limitation before asking somebody to add supported enhancements. This creates a traceable starting point for resilient web experiences, making an incomplete input easier to recognise before it influences the rest of the work.
Add supported enhancements
Continue by deciding how to add supported enhancements under the agreed conditions. The handoff from the first stage of resilient web experiences should contain the information this action actually requires. Before you add supported enhancements, inspect state recovery and identify any assumption that has become doubtful.
If the situation involving a user returning to an application with an unreliable connection reveals a different requirement, update a progressive enhancement plan before expanding the work. A visible change decision keeps resilient web experiences coherent and helps the next participant understand whether the original scope still applies.
Handle interrupted conditions
05 / 10The third stage is to handle interrupted conditions, bringing the current piece of resilient web experiences to an understandable state. Check capability detection against the agreed purpose of resilient web experiences, not merely against a list of completed activities. Use a progressive enhancement plan to identify follow-up responsibilities and relevant limits.
In the example of a user returning to an application with an unreliable connection, ask what the receiving person would need before relying on the output. Closing this stage of resilient web experiences clearly prevents an unfinished dependency from being mistaken for an accepted result.
Avoid making the essential task depend on an optional enhancement
A specific failure pattern in resilient web experiences is making the essential task depend on an optional enhancement. It can create a gap between the appearance of progress and the actual outcome needed by web application designers. Check whether fallback behaviour was understood before the action began and whether state recovery was examined by somebody with the relevant context.
Capture the correction in a progressive enhancement plan, including its effect on capability detection. The aim is to reduce the opportunity for making the essential task depend on an optional enhancement to recur, while keeping the process proportionate to the work.
Work through a realistic situation
07 / 10Consider a user returning to an application with an unreliable connection as a small rehearsal of resilient web experiences. Write down the request and expected result, then identify who performs the action to start with an accessible core task. Before moving to the instruction to add supported enhancements, ask which information the next participant needs.
Use a progressive enhancement plan to preserve any question the example exposes, especially where fallback behaviour is uncertain. Then decide how to handle interrupted conditions without hiding a concern about capability detection.
Check capability detection
08 / 10The review criteria for this guide are fallback behaviour, state recovery and capability detection. Examine each criterion separately in the context of resilient web experiences, because a positive finding in one area does not settle the other questions. For web application designers, a useful review records what was examined and how the finding affects the next action.
Connect the evidence to a progressive enhancement plan, including any limitation in the material available. In the situation involving a user returning to an application with an unreliable connection, identify which finding would prevent a responsible handover. This approach makes the review of resilient web experiences explainable, rather than treating an unexplained approval label as evidence that the task is ready.
Keep the guidance useful after the first pass
Maintenance of resilient web experiences should respond to changes in the task, its inputs and its responsible people. Assign an owner to a progressive enhancement plan and explain which events should trigger another review. A changed assumption about fallback behaviour may affect the earlier decision to start with an accessible core task; a concern about capability detection may require a new closing check.
Remove obsolete directions from a progressive enhancement plan deliberately so that earlier versions do not compete with approved guidance. When state recovery changes, explain whether the instruction to add supported enhancements needs different inputs or a revised decision.
Choose a practical next step
Begin with one bounded task involving resilient web experiences rather than a complete redesign of the surrounding operation. Prepare a progressive enhancement plan, work through the three actions and inspect the result using the criteria for fallback behaviour, state recovery and capability detection. Ask someone from the intended audience of web application designers to identify a point that still needs clarification.
Compare that observation with the example of a user returning to an application with an unreliable connection, then choose a specific change worth testing.