Imagine an invisible grid of boxes superimposed on your site. Tapping each one does something. The rules aren’t immediately clear – you need to create an interface for that. These are your tap targets.
Take a slider. You would think that tapping only the slider would control it. In practice, though, there’s an area around the slider that controls the same thing. You can safely tap white space, control the slider, and never think twice about it.
This separation between control & intent is a key pillar of mobile-first interface design. In this lesson, we’ll talk a little about tap targets, and outline how to use them in your app.