Art, design & a little curiosity
Interaction design ↗

Design undo for reversible creative work

Use deleting a reference as an example to distinguish immediate undo, recoverable trash, permanent deletion, time limits, and confirmation choices without making false recovery promises.

An original studio notebook study exploring undo interaction design.
Studio notebook / Original digital study

Recover without predicting every consequence

Undo lets someone recover from an action without having to predict every consequence beforehand. In a creative reference board, removing an item is often routine and reversible. A repeated confirmation can interrupt exploration; an undo route can preserve momentum. The choice depends on what the underlying system can actually restore.

Define exactly what undo restores

Define what is restored: the item, its notes, its position, and any collection membership. Explain when an action is permanent rather than implying universal reversibility. If undo appears in a temporary message, consider an additional durable recovery route for people who miss it. A disappearing control should not be the sole design consideration. Draw the smallest complete version that still communicates the important distinction. Removing every label may reduce visual density while increasing mental effort; adding every explanation can bury the next action. Work from the information needed at the decision point. Keep optional explanation nearby, but make the essential consequence available without another interaction. The resulting hierarchy should survive changes in screen width and content length.

Remove references from Surface Studies

Prototype removing a reference from a board named Surface Studies. Show immediate removal, the undo action, restored placement, and a later visit to trash if the product supports it. Try removing two references in succession. Specify whether the message restores the last item, both items, or a named item. Build two versions with the same content and one meaningful difference. Keep that difference narrow enough that you could explain why a person might choose differently. Walk through both versions using the same task and record the points requiring hesitation, recovery, or repeated reading. This is a design exercise, so observations from your own walkthrough are hypotheses to examine with participants rather than claims about real users.

Keep repeated actions unambiguous

An ambiguous Undo can restore the wrong action when several changes occur quickly. A successful-looking message can also conceal a failed restoration request. Identify the affected item and update the collection only when the resulting state is clear. If recovery is unavailable, a confirmation must state the actual irreversible consequence. Treat a stalled task as an unfinished design state. Specify what stays visible, what the person can change, and how they can tell whether another attempt is safe. Ambiguous retry controls can create duplicate work or leave people uncertain about completion. Write the recovery route beside the successful route so that implementation and review consider both as part of the same feature.

Review recovery across a sequence

Review undo through a sequence of actions rather than one isolated click. Check rapid changes, a return visit, keyboard access, and a restoration failure. The acceptance criterion is a predictable relationship between action and recovery. Keep the visible promise within the actual retention behavior so the interface does not teach someone to trust an unavailable safety net.

A worked example

Worked decision

If two references are removed quickly, a message naming the most recently removed item makes the scope of its Undo action explicit.

References & further reading

Examples and exercises in this guide are original teaching scenarios.

Keep following the thread.

More interaction design ↗