fitts-law
CommunityDesign tappable, clickable targets that feel fast
System Documentation
What problem does it solve?
It fixes slow, frustrating, and error-prone clicking or tapping by ensuring interactive targets are sized and placed to minimize aiming effort and misclicks.
Core Features & Use Cases
- Target sizing for speed & accuracy: Applies minimum hit-area guidance (e.g., touch-friendly 44×44) so users can reliably hit buttons, icons, and controls.
- Distance-aware placement: Reduces “cursor traversal” by placing high-frequency actions near where the user’s pointer naturally lands and grouping related actions.
- Edge and touch-specific tuning: Uses screen-edge advantages appropriately and accounts for touch realities like finger occlusion and thumb reach.
Use it when designing or reviewing buttons, icon-only controls, toolbars/menus, drag handles, scrollbars, and mobile touch targets, or when debugging “users keep mis-clicking” and accessibility/motor-impairment concerns.
Quick Start
Ask an AI design reviewer to audit your UI for Fitts’s Law issues by checking target hit sizes, spacing, and whether edge-anchored/high-frequency actions are placed to minimize pointer travel.
Dependency Matrix
Required Modules
None requiredComponents
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: fitts-law Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#fitts-law Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.