Checklist
Desiging for Touch
1. Input is never precise: are hit targets at least 50x50px?
2. Are all our icons large enough to avoid rage-taps/clicks?
3. Can we turn icons into larger clickable areas with labels?
4. Do our links, form elements, and search have enough padding?
5. Do we expose critical navigation as bottom nav on mobile?
6. Do we center a critical icon/call to action in the bottom bar?
7. Do we want to have any floating buttons on mobile?
8. Do we repeat critical calls to action within our content?
9. Do we show tooltips/hints above the tappable area?
10. Can users double-tap on the same spot to undo/restore actions?
11. Do we provide visual feedback on tap (ripple/active state)?
12. Do we prompt a larger selector view on imprecise taps?
13. Did we test input areas with keyboard covering the screen?
14. Do we space out icons with opposing functions to avoid mis-taps?
15. Do we always pause auto-play (carousels, video) on tap?
16. Do dropdowns open on tap/click, rather than only hover?
17. For prev/next nav, is it displayed on bottom left/right on mobile?
18. For prev/next nav, is it displayed on center left/right on tablets?
19. Do we measure the time needed to complete a task (no errors)?
20. Do we have at most five tabs at the bottom on mobile?
21. How do we maximize the speed of getting users from A to B?
22. Can we replace dropdowns with toggles and buttons?
23. Can we avoid parallax and scroll hijacking for accessibility?
24. Do we provide buttons for copying/sharing chunks of text?
25. Have we tested for frequency of rage-clicks/taps?
26. Have we optimized the UI for both mobile and desktop?