Undo Concepts

Worked on some element recovery concepts recently. The original concept was to have a global undo button so the user can recover anything they wanted, but after dive deeper into the project, we discovered there are more ways to solve this issue. The Shot here shows the 6 concepts we narrowed down to, and the 4 animated gifs show how each of them works:

1. Undo action built within delete loading time. When a user deletes an element, instead of making the element disappear right the way, we show a ghost element and a timing button, so the user will be able to undo the action within the loading time.

2. Store all deleted elements inside of a management system, so when a user deletes any element, the user will be able to discover that element inside of a trashcan modal.

3. Restore elements within a time machine, which captures all changes of the page, and instead of recovering just one single element, user has to recover the entire web page.

4. Similar to Gmail, each time a user deletes any element, a toast pops up from the bottom with an undo button. Toast can also be dismissed if the user takes next action.