Logo of UI Challenges
Sign in
Wireframe example for Mobile Back-Stack Header
An example interpretation of the prompt
Icon of target

Mobile Back-Stack Header

Icon of book open

Design a mobile nested-screen header for a child view that sits one level deep in a flow. It should show a back chevron and the parent screen’s title, so users know exactly where the tap will take them.

The header also needs an edge-swipe-back cue. This is not a generic app bar; it belongs to a stack where the previous screen is recoverable and the parent name matters.

Treat the swipe affordance as a subtle hint, not a separate control. The header should still read as a normal top bar first, with the back path visible in the label.

Focus on the default state. The challenge is to make the relationship between current screen, parent screen, and gesture obvious without adding clutter.

Icon of book open

Use the parent title as the back label, not a generic “Back” — that’s what makes the destination feel concrete.

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.