HAX Design Library

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

Guideline 2

Guideline 2

Make clear how well the system can do what it can do

Help the user understand how often the AI system may make mistakes.
Guideline 2 > Pattern 2A

Pattern 2A: Match the level of precision in UI communication with the system performance – Language
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 2 > Pattern 2D > Example

Business Chat | 2D: Provide low performance alerts

card example thumbnail
Guideline 2 > Pattern 2D > Example

Copilot in Outlook | 2D: Provide low performance alerts

card example thumbnail
Guideline 2 > Pattern 2D > Example

Word Online | 2D: Provide low performance alerts

card example thumbnail
Guideline 2 > Example

Hugging Chat | G2: Make clear how well a system can do what it can do 

card example thumbnail
Guideline 2 > Example

Copilot in Word | G2: Make clear how well the system can do what it can do

card example thumbnail
Guideline 2 > Example

Copilot in PowerPoint | G2: Make clear how well the system can do what it can do

card example thumbnail
Guideline 2 > Example

Google Bard | G2: Make clear how well a system can do what it can do

card example thumbnail
Guideline 2 > Example

Hugging Chat | G2: Make clear how well a system can do what it can do

card example thumbnail
Guideline 2 > Example

Business Chat | G2: Make clear how well the system can do what it can do

card example thumbnail
Guideline 2 > Example

Copilot in Outlook | G2: Make clear how well the system can do what it can do

card example thumbnail

Guideline 6

Guideline 6

Mitigate social biases

Ensure the AI system’s language and behaviors do not reinforce undesirable and unfair stereotypes and biases.
Guideline 6 > Example

Bing Search | G6: Mitigate social biases

card example thumbnail
Guideline 6 > Example

Android | G6: Mitigate social biases

card example thumbnail

Guideline 7

Guideline 7

Support efficient invocation

Make it easy to invoke or request the AI system’s services when needed.
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 8

Guideline 8

Support efficient dismissal

Make it easy to dismiss or ignore undesired AI system services.
Guideline 8 > Example

Copilot in Outlook | G8: Support efficient dismissal

card example thumbnail
Guideline 8 > Example

Copilot in Word | G8: Support efficient dismissal

card example thumbnail

Guideline 9

Guideline 9

Support efficient correction

Make it easy to edit, refine, or recover when the AI system is wrong.
Guideline 9 > Pattern 9A

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

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

Copilot in PowerPoint | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Notion | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Copilot in Outlook | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9B > Example

Copilot in Word | 9B: Rich and detailed edits

card example thumbnail
Guideline 9 > Pattern 9C

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

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

Pattern 9E: Batch-editing data
Guideline 9 > Example

Copilot in PowerPoint | G9: Support efficient correction

card example thumbnail

Guideline 10

Guideline 10

Scope services when in doubt

Engage in disambiguation or gracefully degrade the AI system’s services when uncertain about a user’s goals.
Guideline 10 > Pattern 10A

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

Copilot in Word | 10A: Disambiguate before acting

card example thumbnail
Guideline 10 > Pattern 10A > Example

iPhone | 10A: Disambiguate before acting

card example thumbnail
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 10 > Example

Copilot in PowerPoint | G10: Scope services when in doubt

card example thumbnail