Tap Targets are an essential part of Mobile UX. It’s important that sites using tap targets bear in mind smaller screens when creating points. When a web page is shown on a mobile phone it’s smaller, meaning that all your links and buttons are smaller too.
What are tap targets?
Tap targets are areas on web pages that a user interacts with to carry out commands. Links, buttons, ads and forms are all tap targets. Tap targets should have enough space around them for a fingertip to ensure users can tap their desired item without accidentally selecting another tap target.
What affects the size of tap targets?
The way your site pages appear on smaller screens is determined by several things, particularly for responsive pages. This includes the size of your font, the media queries used in a page and viewport configuration.
Smaller touch targets are harder for users to hit than larger ones. When you’re designing mobile interfaces, it’s best to make your targets big enough so that they’re easy for users to tap.
Create controls that measure have a size 7–10 mm so they can be accurately tapped with a finger. Such target allows the user’s finger to fit snugly inside the target. The edges of the target are visible when the user taps it. This provides them with clear visual feedback that they’re hitting the target accurately.