Skip to content

Touch Target Size

Entry #392 / 700 · Chapter 8 · 8.3 Mobile-first indexing, touch and voice · Read in Chinese →
In one sentence

The physical tappable area of every interactive element on a phone screen, and the clearance between it and its neighbours.

Analogy Mental model

An adult thumb is a blunt instrument. Two switches the size of grains of rice, placed side by side, will both get pressed at once every time.

In practice What you actually do

Follow the platform guidelines: a tap area of at least forty-eight pixels square, with at least eight pixels of empty space before the next target. Where a visual element must stay small, extend the invisible hit area with padding rather than enlarging the artwork.

Where people get burned Pitfalls

Pagination numbers, breadcrumb links, and dense footer link lists are the three places this fails most often. They are also among the cheapest things on a page to fix.

This entry was written in English from the Chinese original, not machine-translated. Read the Chinese version →