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

Google Gemini | G2: Make clear how well the system can do what it can do

card example thumbnail
Guideline 2 > Example

Google Gemini | G2: Make clear how well the system can do what it can do

card example thumbnail

Guideline 4

Guideline 4

Show contextually relevant information

Display information relevant to the user’s current task and environment.
Guideline 4 > Example

Microsoft Word | G4: Show contextually relevant information

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

Guideline 16

Convey the consequences of user actions

Immediately update or convey how user actions will impact future behaviors of the AI system.
Guideline 16 > Pattern 16A

Pattern 16A: Feedforward: Convey the consequences of user actions before the user takes action
Guideline 16 > Pattern 16B

Pattern 16B: Feedback: Convey the consequences of user actions after the user takes action
Guideline 16 > Pattern 16C

Pattern 16C: Remind of consequences of a past action and ask for reconfirmation
Guideline 16 > Pattern 16D

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