HAX Design Library

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

Pattern 2A: Match the level of precision in UI communication with the system performance – Language
Guideline 2 > Pattern 2A > Example

LinkedIn | 2A: Match UI communication precision with system performance — Language

card example thumbnail
Guideline 2 > Pattern 2B

Pattern 2B: Match the level of precision in UI communication with the system performance – Numbers
Guideline 2 > Pattern 2C

Pattern 2C: Report system performance information
Guideline 2 > Pattern 2D

Pattern 2D: Provide low performance alerts
Guideline 8 > Example

Instagram | G8: Support efficient dismissal

card example thumbnail
Guideline 9 > Pattern 9A

Pattern 9A: Switch classification decisions
Guideline 9 > Pattern 9B

Pattern 9B: Rich and detailed edits
Guideline 9 > Pattern 9C

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

Pattern 9D: Do G9 through G15
Guideline 9 > Pattern 9D > Example

Instagram | 9D: Do G9 through G15

card example thumbnail
Guideline 9 > Pattern 9E

Pattern 9E: Batch-editing data
Guideline 10 > Pattern 10A

Pattern 10A: Disambiguate before acting
Guideline 10 > Pattern 10B

Pattern 10B: Avoid cold starts by eliciting user preferences
Guideline 10 > Pattern 10C

Pattern 10C: Fall back to other strategies
Guideline 11 > Pattern 11A

Pattern 11A: Local explanations
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 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

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 14 > Pattern 14A

Pattern 14A: Comprehensive updates
Guideline 14 > Pattern 14A > Example

Facebook | 14A: Comprehensive updates

card example thumbnail
Guideline 14 > Pattern 14B

Pattern 14B: Immediate, partial, non-disruptive updates