Skip to main content

hci

Human-computer interaction design principles

Source facts

Repository
ffsshhttiikk/opencode-agents-skills
Last source activity
February 28, 2026 at 22:51
Detected SKILL.md language
English
Stars
3
Forks
2

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

Showing SKILL.md

SKILL.md
Source instructions · Read-only preview
name
hci
description
Human-computer interaction design principles
license
MIT
metadata
{"audience":"developers","category":"design"}
## What I do - Design intuitive human-computer interfaces - Apply cognitive load theory - Implement gesture and voice interactions - Create natural user interfaces - Evaluate interaction paradigms - Optimize user task efficiency ## When to use me When designing interactive systems, selecting interaction modalities, or optimizing user efficiency. ## Key Concepts ### Interaction Paradigms ``` CLI: Command-line interfaces GUI: Graphical user interfaces WIMP: Windows, Icons, Menus, Pointers NUI: Natural User Interfaces TUI: Tangible User Interfaces ``` ### Fitts's Law ``` Time = a + b * log2(D/W + 1) D = distance to target W = width of target ``` - Larger targets are faster to click - Edges and corners are optimal positions - Context menus reduce travel distance ### Hick's Law ``` RT = a + b * log2(n + 1) n = number of choices ``` - Minimize options for speed - Use progressive disclosure - Chunk information ### Design Principles 1. Visibility of system status 2. Real-world mapping 3. User control 4. Error prevention and recovery 5. Consistency 6. Flexibility 7. Aesthetic design 8. Help and documentation ### Cognitive Models - GOMS (Goals, Operators, Methods, Selection) - Keystroke-Level Model (KLM) - Cognitive Walkthrough - Think-aloud protocol ### Input Modalities - Mouse/keyboard - Touch gestures - Voice commands - Eye tracking - Brain-computer interfaces - Motion sensors
View on GitHub