HAX Design Library

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

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

AlphaCode | 11A: Local explanations

card example thumbnail
Guideline 11 > Pattern 11A > Example

Google Search | 11A: Local explanations

card example thumbnail
Guideline 11 > Pattern 11A > Example

Copilot in Excel | 11A: Local explanations

card example thumbnail
Guideline 11 > Pattern 11A > Example

Business Chat | 11A: Local explanations

card example thumbnail
Guideline 11 > Pattern 11A > Example

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

D365 Marketing | 11B: Global explanations

card example thumbnail
Guideline 11 > Pattern 11B > Example

InterpretML | 11B: Global explanations

card example thumbnail
Guideline 11 > Pattern 11B > Example

Instagram | 11B: Global explanations

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

AlphaCode | 11D: Map system input attributes to system outputs

card example thumbnail
Guideline 11 > Pattern 11D > Example

Gmail | 11D: Map system input attributes to system outputs

card example thumbnail
Guideline 11 > Pattern 11D > Example

Sentiment Analysis | 11D: Map system input attributes to system outputs

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

Image recognition | 11F: Example-based explanations

card example thumbnail
Guideline 11 > Pattern 11F > Example

Computer Vision | 11F: Example-based explanations

card example thumbnail
Guideline 11 > Pattern 11G

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

Copysmith | 11G: “What if explanations”

card example thumbnail
Guideline 11 > Pattern 11G > Example

Jasper.ai | 11G: “What if?” explanations

card example thumbnail
Guideline 11 > Pattern 11G > Example

NerdWallet | 11G: “What if?” explanations

card example thumbnail
Guideline 11 > Pattern 11G > Example

Grammarly | 11G: “What if?” explanations

card example thumbnail

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

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

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

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

Gmail | 16B: Feedback: Convey the consequences of user actions after the user takes action

card example thumbnail
Guideline 16 > Pattern 16B > Example

Apple Music | 16B: Feedback: Convey the consequences of user actions after the user takes action

card example thumbnail
Guideline 16 > Pattern 16C

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

Google Maps | 16C: Remind of consequences of a past action and ask for reconfirmation

card example thumbnail
Guideline 16 > Pattern 16C > Example

Apple Health | 16C: Remind of consequences of a past action and ask for reconfirmation

card example thumbnail
Guideline 16 > Pattern 16D

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

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

card example thumbnail
Guideline 16 > Pattern 16D > Example

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

card example thumbnail