HOW TO USE “TAPPABILITY” AFFORDANCES

Summary from the TLDR Design newsletter

In mobile UX, tappability refers to affordances for touch interactions where UI elements like buttons and icons serve as touch targets that users can tap. Touch targets should be large enough for easy interaction, since fingers are three-dimensional and can block the user's view. Recommended sizes are 7mm at the center, 9mm along the edges, and 12mm in the corners. Unlike pixels, which vary in size across devices, these measurements use millimeters to ensure consistent physical sizing regardless of screen resolution or pixel density.