Logo of UI Challenges
Sign in
Wireframe example for Settings Screen with Groups
An example interpretation of the prompt
Icon of target

Settings Screen with Groups

Icon of book open

Design a mobile settings screen organized into clear groups like Account, Notifications, Privacy, and Support. The page should feel native to a phone app: stacked sections, compact rows, and familiar touch targets.

Each group mixes two row types: immediate settings with toggles and deeper destinations marked with chevrons. The layout needs to make the difference obvious without slowing down scanning.

This screen is mostly about hierarchy. Users should be able to spot the section they want, understand which items switch on/off, and which ones open another screen, all from the list view.

Think about how the page behaves when sections get long or when several controls sit close together. The structure should still read cleanly as the user scrolls.

Icon of book open

Use row affordance as the signal: toggles stay visually anchored to the right edge, while navigations use a chevron and stronger label grouping so the two actions never look interchangeable.

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.