Logo of UI Challenges
Sign in
Wireframe example for Swipe-to-Archive List Item
An example interpretation of the prompt
Icon of target

Swipe-to-Archive List Item

Icon of book open

Design a mobile message list where each row can be swiped right to archive it. The resting state should look like a normal inbox list, with sender, subject, and preview text doing the work before any gesture starts.

As the row moves, reveal an Archive icon and label behind it. The motion should make the action feel tied to that one item, not like the whole list is shifting.

This is about making the gesture legible fast: the user should understand that a right swipe archives, and the visual cue should confirm it without needing extra copy.

Keep the interaction native to a phone inbox. Rows still need to read as tappable messages while also signaling that a sideways drag changes their state.

Icon of book open

Use the hidden action layer to show the archive target early in the drag, so the user gets confirmation before the row is fully committed.

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.