Logo of UI Challenges
Sign in
Wireframe example for Trash & Archive
An example interpretation of the prompt
Icon of target

Trash & Archive

Icon of book open

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.

Icon of book open

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.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.