
Trash & Archive
Design the Trash and Archive screens for a product where users can remove items temporarily, store them for later, and recover them when needed. Treat this as two separate destinations with different intent: Trash is for deleted items awaiting permanent removal, Archive is for inactive items the user may want back later.
Show the item list, row actions, bulk selection, and the top-level controls for each screen. Make it obvious which items can be restored, which can be permanently deleted, and which belong in archive. Include timestamps or metadata that help users understand what is old, what is recent, and what is about to be removed.
Cover the key states: empty trash, trash with recoverable items, trash full or near limit, and archive with stored items. Add a confirmation step for permanent delete that makes the consequence clear without forcing the user to re-learn the screen. If you include filters or sorting, keep them secondary to the core actions.
The design should feel practical and fast to scan. Item names, status, and actions should be readable before any destructive choice is made. Use visual hierarchy to separate safe recovery from irreversible deletion.
Incorporate a 'sweep' animation to intuitively demonstrate the trash action, and a 'vault' metaphor for archiving, to delight users with visual storytelling.
Better at UI design with every challenge
Select complexity and generate challenge.
Pick a platform.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.