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.
- 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.
- 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.
- Explain, citing Fitts's Law, why this matters beyond aesthetics.
Share this question