Itqualityassurance
- What is the minimum tappable area for an interactive control recommended?
- What is the typical touch size of the thumb?
- How do I increase my touch target size?
- What is a touch target?
What is the minimum tappable area for an interactive control recommended?
Consider making touch targets at least 48x48dp, separated by 8dp of space or more, to ensure balanced information density and usability. A touch target of 48x48dp results in a physical size of about 9mm, regardless of screen size. The recommended target size for touchscreen objects is 7-10mm.
What is the typical touch size of the thumb?
A past study from the MIT Touch Lab found that the average person's fingertips are 1.6– 2cm (0.6–0.8 in) wide. The impact area of the typical thumb is even larger — an average of 2.5cm (1 inch) wide!
How do I increase my touch target size?
If you are adjusting your CSS within a media query to increase the touch target, testing for a coarse pointer allows you to increase the tap targets for all touchscreen users. This gives the larger tap area whether the device is a phone or larger device.
What is a touch target?
The touch target is the area the user can tap on the screen in order to perform an action. The recommended size is between 7mm and 10mm. As we define our sizes in points and density-independent pixels, Android and iOS guidelines have recommended sizes in these units to get good results on the different devices.
