
Settings Screen with Groups
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.
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.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.