Skip to content
Index730 resources
Saving changes

Saving changes

The edit-to-persisted cycle that makes it obvious whether the user's changes are stored.

Forms & Interaction Flows · 5 checks · 16 resources

Before you ship

5
  1. 01Show action that enables change — an action to make information editable, since always-editable is riskier for some software
  2. 02Disable save action until changes are made — the save button starts disabled
  3. 03State changes to active once a change is made — the save action becomes enabled when a field is edited
  4. 04Action changes to loading state when pressed — show that saving is in progress
  5. 05Notify changes have been saved — after the page updates, inform the user their changes were saved

Resources that help you build this

16