HAX Design Library

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

Guideline 4

Guideline 4

Show contextually relevant information

Display information relevant to the user’s current task and environment.
Guideline 4 > Example

Copilot in Word | G4: Show contextually relevant information

card example thumbnail
Guideline 4 > Example

Business Chat | G4: Show contextually relevant information

card example thumbnail
Guideline 4 > Example

Viva Topics – G4: Show contextually relevant information

card example thumbnail
Guideline 4 > Example

Viva Topics | G4: Show contextually relevant information

card example thumbnail
Guideline 4 > Example

Microsoft Word | G4: Show contextually relevant information

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 9C

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

Pattern 9D: Do G9 through G15
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 12 > Example

Business Chat | G12: Remember recent interactions

card example thumbnail
Guideline 12 > Example

Outlook – G12: Remember recent interactions

card example thumbnail
Guideline 12 > Example

Siri | G12: Remember recent interactions

card example thumbnail

Guideline 13

Guideline 13

Learn from user behavior

Personalize the user’s experience by learning from their actions over time.
Guideline 13 > Example

Office Search | G13: Learn from user behavior

card example thumbnail

Guideline 18

Guideline 18

Notify users about changes

Inform the user when the AI system adds or updates its capabilities.
Guideline 18 > Example

Office What’s New | G18: Notify users about change

card example thumbnail
Guideline 18 > Example

Outlook Web | G18: Notify users about changes

card example thumbnail