Paths Subjects Questions Quizzes Pricing Search
Intermediate Open Pro

Auditing a Mobile Toolbar for Touch Target Violations

You're reviewing a mobile app screen with a bottom toolbar containing five icon-only buttons (bookmark, share, comment, like, more) spaced evenly across the width. Design specs show each icon glyph is drawn at 24×24pt, and the toolbar has no visible padding between icons in the mockup — they appear to sit roughly 8pt apart based on the even spacing across the bar's width.

  1. Walk through exactly what you'd check to determine whether this toolbar violates touch-target guidelines, being precise about the difference between the icon's visual size and its tappable hit area.
  2. Assuming the hit areas turn out to be too small or too close together, propose a concrete fix that doesn't require making the icon glyphs themselves visually larger.
  3. Explain, citing Fitts's Law, why this matters beyond aesthetics.

Share this question

← Back to Responsive and Mobile Design practice

We use cookies for product analytics to improve OmniAtlas. See our Privacy Policy.