HAX Design Library

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

Semantic Scholar | 1A: Introductory blurb

card example thumbnail
Guideline 1 > Pattern 1D > Example

Bing | 1D: Demonstrate possible system inputs

card example thumbnail
Guideline 2 > Pattern 2B > Example

Uber Eats | 2B: Match UI communication precision with system performance — Numbers

card example thumbnail
Guideline 2 > Pattern 2C > Example

Kayak | 2C: Report system performance information

card example thumbnail
Guideline 4 > Example

Google Search | G4: Show contextually relevant information

card example thumbnail
Guideline 6 > Example

Bing Search | G6: Mitigate social biases

card example thumbnail
Guideline 8 > Example

Instagram | G8: Support efficient dismissal

card example thumbnail
Guideline 9 > Pattern 9A > Example

Gmail | 9A: Switch classification decisions

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

Outlook | 9E: Batch-editing data

card example thumbnail
Guideline 9 > Pattern 9E > Example

Gmail | 9E: Batch-editing data

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 11 > Pattern 11B > Example

Instagram | 11B: Global explanations

card example thumbnail
Guideline 12 > Example

Outlook – G12: Remember recent interactions

card example thumbnail
Guideline 12 > Example

Bing Search | G12: Remember recent interactions

card example thumbnail
Guideline 13 > Example

Office Search | G13: Learn from user behavior

card example thumbnail
Guideline 14 > Pattern 14B > Example

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

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

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
Guideline 16 > Pattern 16A > Example

Facebook | 16A: Feedforward: Convey the consequences of user actions before the user takes action

card example thumbnail
Guideline 16 > Pattern 16D > Example

Instagram | 16D: Convey the consequences of user action in help and documentation

card example thumbnail
Guideline 17 > Example

Bing Search | G17: Provide global controls

card example thumbnail