
Mobile Back-Stack Header
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.
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.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.