Interaction Design / Keyboard Guidance
Command Discovery Card
Keyboard-first guidance card for command palettes, shortcuts, and contextual product actions.
Best for
command palettes, power-user onboarding, and shortcut discovery
Explains
how to teach keyboard-first navigation without dropping users into a dense command menu cold
Why it matters
Command palettes are powerful, but they often stay hidden behind a shortcut only experienced users know. A guided card can teach the interaction before users need the full interface.
Design Intent
Present trigger, action groups, and contextual payoff in a compact card that feels product-native instead of like documentation pasted into the UI.
System Signals
- keyboard trigger
- action grouping
- suggested next steps
- context-sensitive output
Use Cases
- Introduce a new command palette to first-time users
- Show high-value shortcuts near dashboards or internal tools
- Bridge the gap between help docs and real product interaction
Design Notes
- Teach one high-value habit before listing every shortcut
- Command examples should feel immediately executable
- Preview states should reward discovery without overwhelming the card
Command Discovery Card
Teach keyboard-first interaction with a product-native card before users ever need a full command palette or help modal.
Guide the user toward high-value actions like opening workspaces, filtering incidents, or jumping to traces.
The card teaches one shortcut, one payoff, and one immediate path forward. That keeps the interaction actionable instead of turning discovery into a mini documentation page.