The designers at Apple seem to have made a deliberate decision to make the dividers in the iOS settings page not span the full width of the screen.
What makes this better than full width dividers?
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this communityThe designers at Apple seem to have made a deliberate decision to make the dividers in the iOS settings page not span the full width of the screen.
What makes this better than full width dividers?
The grey blocks, which span the full width, group certain settings together, for example About and Software Update.
Indenting the divider line between these two items, so to speak, makes it clear that the line seperates two items, but not groups.
Think of nested lists:
Group 1
Group 2
These, too, commonly use both indentation and a different item marker for each level.
It is not a design decision specific to the Settings app. But rather, that is how table views in iOS have been implemented.
The dividers that are indented to the right are simply so to demarcate that the line items that follow the divider are of the same series of records as the ones above the divider.
At best it is to provide some emphasis on the law of common region... or just a mere visual design gimmick.
The dividers are usually offset by the same amount as the record label. For example, with an icon in the table record, the offset would become 15px + (width of the icon) + 15px @1x
. Whereas, if there is no icon, the record offset is just 15px @1x
.