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 4 > Example

Google Search | G4: Show contextually relevant information

card example thumbnail
Guideline 4 > Example

Walmart.com | G4: Show contextually relevant information

card example thumbnail

Guideline 5

Guideline 5

Match relevant social norms

Ensure the experience is delivered in a way that users would expect, given their social and cultural context.
Guideline 5 > Example

Copilot in PowerPoint | G5: Match relevant social norms

card example thumbnail
Guideline 5 > Example

Microsoft Word | G5: Match relevant social norms

card example thumbnail
Guideline 5 > Example

Cortana | G5: Match relevant social norms

card example thumbnail
Guideline 5 > Example

Google Photos | G5: Match relevant social norms

card example thumbnail

Guideline 6

Guideline 6

Mitigate social biases

Ensure the AI system’s language and behaviors do not reinforce undesirable and unfair stereotypes and biases.
Guideline 6 > Example

Bing Search | G6: Mitigate social biases

card example thumbnail
Guideline 6 > Example

Siri | G6: Mitigate social biases

card example thumbnail
Guideline 6 > Example

MyAnalytics | G6: Mitigate social biases

card example thumbnail
Guideline 6 > Example

Android | G6: Mitigate social biases

card example thumbnail
Guideline 6 > Example

Bing Search | G6: Mitigate social biases

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 > 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 > 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 > Example

Bing Search | 9C: Undo automated actions

card example thumbnail
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 > 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 10

Guideline 10

Scope services when in doubt

Engage in disambiguation or gracefully degrade the AI system’s services when uncertain about a user’s goals.
Guideline 10 > Pattern 10A > Example

Copilot in Word | 10A: Disambiguate before acting

card example thumbnail
Guideline 10 > Pattern 10A > Example

Github Copilot | 10A: Disambiguate before acting

card example thumbnail
Guideline 10 > Pattern 10A > Example

iPhone | 10A: Disambiguate before acting

card example thumbnail
Guideline 10 > Pattern 10A > Example

Google Search | 10A: Disambiguate before acting

card example thumbnail
Guideline 10 > Pattern 10B > Example

Apple Music | 10B: Avoid cold starts by eliciting user preferences

card example thumbnail
Guideline 10 > Pattern 10B > Example

Microsoft News | 10B: Avoid cold starts by eliciting user preferences

card example thumbnail
Guideline 10 > Pattern 10C > Example

Box Skills | 10C: Fall back to other strategies

card example thumbnail
Guideline 10 > Pattern 10C > Example

Kommunicate chatbot | 10C: Fall back to other strategies

card example thumbnail
Guideline 10 > Example

Copilot in PowerPoint | G10: Scope services when in doubt

card example thumbnail

Guideline 14

Guideline 14

Update and adapt cautiously

Limit disruptive changes when updating and adapting the AI system’s behaviors.
Guideline 14 > Pattern 14A > Example

YouTube | 14A: Comprehensive updates

card example thumbnail
Guideline 14 > Pattern 14A > Example

Facebook | 14A: Comprehensive updates

card example thumbnail
Guideline 14 > Pattern 14B > Example

Google Search | 14B: Immediate, partial, non-disruptive updates

card example thumbnail
Guideline 14 > Pattern 14B > Example

Spotify | 14B: Immediate, partial, non-disruptive updates

card example thumbnail