HAX Design Library

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

Guideline 3

Guideline 3

Time services based on context

Time when to act or interrupt based on the user’s current task and environment.
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 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

Guideline 15

Guideline 15

Encourage granular feedback

Enable the user to provide feedback indicating their preferences during regular interaction with the AI system.
Guideline 15 > Pattern 15A > Example

Copilot in Excel | 15A: Encourage explicit feedback on individual system outputs

card example thumbnail
Guideline 15 > Pattern 15A > Example

Viva Topics | 15A: Encourage explicit feedback on individual system outputs

card example thumbnail
Guideline 15 > Pattern 15A > Example

Instagram | 15A: Encourage explicit feedback on individual system outputs

card example thumbnail
Guideline 15 > Pattern 15A > Example

Google Search | 15A: Encourage explicit feedback on individual system outputs

card example thumbnail
Guideline 15 > Pattern 15B > Example

Google Maps | 15B: Request explicit feedback on selected system outputs

card example thumbnail
Guideline 15 > Pattern 15C > Example

Word Online | 15C: Reporting inappropriate content

card example thumbnail
Guideline 15 > Pattern 15C > Example

Twitter | 15C: Reporting inappropriate content

card example thumbnail
Guideline 15 > Pattern 15C > Example

Instagram | 15C: Reporting inappropriate content

card example thumbnail
Guideline 15 > Pattern 15D > Example

Contoso | 15D: Use existing public rating or interaction data as feedback for the system

card example thumbnail
Guideline 15 > Pattern 15D > Example

Facebook | 15D: Use existing public rating or interaction data as feedback for the system

card example thumbnail
Guideline 15 > Pattern 15D > Example

Twitter | 15D: Use existing public rating or interaction data as feedback for the system

card example thumbnail