HAX Design Library

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

Copilot in Teams | G3: Time services based on context

card example thumbnail
Guideline 3 > Example

Outlook | G3: Time services based on context

card example thumbnail
Guideline 3 > Example

Apple Maps | G3: Time services based on context

card example thumbnail
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 > 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 > 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 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 14 > Pattern 14A

Pattern 14A: Comprehensive updates
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

Pattern 14B: Immediate, partial, non-disruptive updates
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