HAX Design Library

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

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 11

Guideline 11

Make clear why the system did what it did

Enable the user to access an explanation of why the AI system behaved as it did.
Guideline 11 > Pattern 11A

Pattern 11A: Local explanations
Guideline 11 > Pattern 11A > Example

Verification-focused explanations | 11A: Local explanations

card example thumbnail
Guideline 11 > Pattern 11A > Example

Pinterest | 11A: Local explanations

card example thumbnail
Guideline 11 > Pattern 11B

Pattern 11B: Global explanations
Guideline 11 > Pattern 11C

Pattern 11C: Present properties of system outputs
Guideline 11 > Pattern 11C > Example

Google Maps | 11C: Present properties of system outputs

card example thumbnail
Guideline 11 > Pattern 11C > Example

Strava | 11C: Present properties of system outputs

card example thumbnail
Guideline 11 > Pattern 11D

Pattern 11D: Map system input attributes to system outputs
Guideline 11 > Pattern 11E

Pattern 11E: Map user behaviors to system outputs
Guideline 11 > Pattern 11E > Example

Netflix | 11E: Map user behaviors to system outputs

card example thumbnail
Guideline 11 > Pattern 11E > Example

Goodreads | 11E: Map user behaviors to system outputs

card example thumbnail
Guideline 11 > Pattern 11F

Pattern 11F: Example-based explanations
Guideline 11 > Pattern 11G

Pattern 11G: “What if?” explanations
Guideline 11 > Pattern 11G > Example

Grammarly | 11G: “What if?” explanations

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

Amazon | G13: Learn from user behavior

card example thumbnail
Guideline 13 > Example

Alpha XR | G13: Learn from user behavior

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

Pattern 15A: Encourage explicit feedback on individual system outputs
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 15B

Pattern 15B: Request explicit feedback on selected system outputs
Guideline 15 > Pattern 15B > Example

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

card example thumbnail
Guideline 15 > Pattern 15C

Pattern 15C: Reporting inappropriate content
Guideline 15 > Pattern 15C > Example

Instagram | 15C: Reporting inappropriate content

card example thumbnail
Guideline 15 > Pattern 15D

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