Tuesday, December 9, 2008

Undo UI

Nothing beats a good undo (unless it's a redo).

My boss showed me Netflix's UI for undoing the removal of a movie from the queue. When the user clicks on the X to remove the movie, the line item greys out with a message that the movie has been removed and an Undo link in the far right column. Clicking the Undo link simply restores the line item for that movie. Gone is the modal window to confirm whether this is really what you wanted to do or not.



The only other examples I've seen so far are from Remember the Milk and Google Gmail which make use of a page-level undo when you remove items from your list or inbox. Instead, Netflix's model uses it as an inline action. Both are fine implementations and I suspect it's an element we can expect to see soon on other sites.

No comments: