HAX Design Library

Interactive collection of the 18 Guidelines for Human-AI Interaction, with design patterns for applying them and examples.

Guideline 7

Guideline 7

Support efficient invocation

Make it easy to invoke or request the AI system’s services when needed.
Guideline 7 > Example

Copilot in Word | G7: Support efficient invocation

card example thumbnail
Guideline 7 > Example

Copilot in Outlook | G7: Support efficient invocation

card example thumbnail
Guideline 7 > Example

Excel Flash Fill | G7: Support efficient invocation

card example thumbnail
Guideline 7 > Example

PowerPoint | G7: Support efficient invocation

card example thumbnail
Guideline 7 > Example

Alpha XR | G7: Support efficient invocation

card example thumbnail

Guideline 9

Guideline 9

Support efficient correction

Make it easy to edit, refine, or recover when the AI system is wrong.
Guideline 9 > Pattern 9A

Pattern 9A: Switch classification decisions
Guideline 9 > Pattern 9A > Example

Viva Topics | 9A: Switch classification decisions

card example thumbnail
Guideline 9 > Pattern 9A > Example

Google Photos | 9A: Switch classification decisions

card example thumbnail
Guideline 9 > Pattern 9A > Example

Gmail | 9A: Switch classification decisions

card example thumbnail
Guideline 9 > Pattern 9B

Pattern 9B: Rich and detailed edits
Guideline 9 > Pattern 9B > Example

Copilot in PowerPoint | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Notion | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Copilot in Outlook | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Copilot in Word | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

D365 Customer Service | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Nichesss | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

LinkedIn | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Google Maps | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Apple Photos | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9C

Pattern 9C: Undo automated actions
Guideline 9 > Pattern 9C > Example

Bing Search | 9C: Undo automated actions

card example thumbnail
Guideline 9 > Pattern 9D

Pattern 9D: Do G9 through G15
Guideline 9 > Pattern 9D > Example

Instagram | 9D: Do G9 through G15

card example thumbnail
Guideline 9 > Pattern 9D > Example

Google Photos | 9D: Do G9 through G15

card example thumbnail
Guideline 9 > Pattern 9E

Pattern 9E: Batch-editing data
Guideline 9 > Pattern 9E > Example

Outlook | 9E: Batch-editing data

card example thumbnail
Guideline 9 > Pattern 9E > Example

Google Photos | 9E: Batch-editing data

card example thumbnail
Guideline 9 > Pattern 9E > Example

Gmail | 9E: Batch-editing data

card example thumbnail
Guideline 9 > Example

Copilot in PowerPoint | G9: Support efficient correction

card example thumbnail

Guideline 12

Guideline 12

Remember recent interactions

Maintain short-term memory and allow the user to make efficient references to that memory.

Guideline 16

Guideline 16

Convey the consequences of user actions

Immediately update or convey how user actions will impact future behaviors of the AI system.

Guideline 17

Guideline 17

Provide global controls

Allow the user to globally customize what the AI system monitors and how it behaves.