Enable Button Shapes in iOS to Improve Usability & Make Tap Targets Obvious
One of the major changes that came along with the iOS visual overhaul was the removal of obvious buttons across the operating system and apps found on the iPhone and iPad. While the result is a cleaner, flatter, and more streamlined appearance in iOS, many users have found the removal of obvious buttons to be detrimental to usability, making it difficult to determine what is a tappable target and what is simply text on screen.
That hiccup is exactly what the optional Button Shapes feature aims to resolve, by bringing more obvious button shapes and tap targets back to iOS by using shading and underlining of buttons and actionable text elements.
How to Show Button Shapes in iOS
Enabling Button Shapes in iOS is just a matter of flipping a switch and if you decide you don’t like the effect, you can just as easily turn it back off. So grab your iPhone, iPad, or iPod touch, and do the following and try it out yourself:
- Open the “Settings” app in iOS
- Go to the “General” section of settings, and then choose “Accessibility”
- Scroll down a ways to find the “Button Shapes” option, and toggle that to the ON position
Toggling Button Shapes on has an immediate effect system-wide. You can see the first obvious example at the top of the Settings screen where you made the change, where the “General” back text now has an arrow shapes grey button underneath the text item, making it more obvious as a button.
To know if you’ll want to keep this setting on or not, you’ll want to exit out of Settings and look around in other apps to see how buttons are now interpreted throughout iOS. Enabling visible buttons has different effects throughout iOS and in different apps. In many cases, you’ll get literal button shapes (well, shadows in the shape of a button anyway), while elsewhere you may just get an underlining of text to signify the element is a clickable tap target, similar to the way a link on a webpage appears.
The screen shot below shows what some of the button shapes look like in the Messages app, highlighted to make it more obvious: you’ll see that the Back function has the gray button behind the text, the Contact button also has the gray visible button now, and the ‘Send’ text is now underlined, signifying it’s a tap target.
For reference, the screen shot below demonstrates what the same screen looks like before the Button Shapes toggle is enabled:
And here is what the same screen shot of the Messages panel after the buttons are made visible, (minus the marked up highlighting from the prior image):
The result is fairly significant, with dramatically more obvious tap targets and a general increase in usability, particularly for users who are less familiar with iOS.
To have button shapes as an option you’ll need at least version iOS 7.1 or newer of iOS, anything less does not have the toggle available in Accessibility. Generally speaking, you should always try to update to the latest version of iOS anyway, so if you’re on a prior version this can be an extra incentive to update.
There are many other usability considerations to make with modern incarnations of iOS, all of which can make a significant impact on the iPhone and iPad experience. From bolding fonts for improved readability, to darkening the bright colors, reducing the white point which tones down the whites a tad, or following some more simple usability improvements you can make with iOS 7 (and 8 for that matter) to make things easier for all users.