interaction

Define interaction design rules for touch, mouse, and keyboard inputs.

Updated Feb 17, 2026

Search Tags:#accessibility #mobile design #interaction design #ux #input methods #fitts's law

Ready to run

npx skills add https://github.com/Objective-Arts/lens-dist --skill interaction

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: interaction
Source: https://github.com/Objective-Arts/lens-dist/tree/main/canon/interaction
Command: npx skills add https://github.com/Objective-Arts/lens-dist --skill interaction

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of designing user interfaces that are intuitive and effective across a variety of input methods and devices, ensuring a seamless user experience.

Core Features & Use Cases

Input Fundamentals: Understands the strengths and weaknesses of touch, mouse, and keyboard inputs.
Fitts's Law Application: Optimizes target size and distance for faster interaction.
Mobile Thumb Zones: Guides placement of elements for optimal reachability on mobile devices.
Gesture Guidelines: Provides rules for using gestures effectively and accessibly.
Use Case: Designing a mobile app where primary actions are easily accessible within the thumb's natural reach, and complex settings are placed in harder-to-reach areas, ensuring usability for all users.

Quick Start

Apply the interaction design rules to ensure touch targets are at least 44px and grouped logically for mobile users.

Frequently Asked Questions about interaction

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

What is interaction design for touch and mobile devices?▼

Interaction design defines rules for human-device input methods like touch and mouse. It optimizes mobile thumb zones and target spacing to ensure user interfaces are intuitive and accessible across diverse devices.

How do I apply Fitts's Law to optimize touch target size?▼

Apply Fitts's Law to optimize target size and distance for faster interaction. Ensuring touch targets are at least 44px and grouped logically reduces input difficulty and improves overall usability.

What is the best way to design mobile thumb zones for app reachability?▼

The best way to design mobile thumb zones is placing primary actions within the thumb's natural reach. Complex settings and less frequent interactions should be placed in harder-to-reach areas.

How do I ensure gesture design is accessible for all input methods?▼

Ensure gesture design is accessible by defining rules for alternative interaction methods. Providing alternative keyboard and mouse inputs alongside touch gestures guarantees usability for all users.

Do I need to define focus states for keyboard interactions?▼

Yes, you need to define focus states for keyboard interactions. Establishing clear focus states and target spacing ensures seamless user experiences and accessibility when navigating without a mouse.