HAX Design Library

Guideline 1

Make clear what the system can do

Help the user understand what the AI system is capable of doing.

Guideline 1 > Pattern 1A

Pattern 1A: Introductory blurb

Guideline 1 > Pattern 1A > Example

D365 Marketing | 1A: Introductory blurb

Guideline 1 > Pattern 1A > Example

Outlook | 1A: Introductory blurb and G17: Provide global controls

Guideline 1 > Pattern 1B

Pattern 1B: Use explanation (G11) patterns

Guideline 1 > Pattern 1B > Example

Gmail | 1B: Use explanation (G11) patterns

Guideline 1 > Pattern 1C

Pattern 1C: Expose system controls

Guideline 1 > Pattern 1D

Pattern 1D: Demonstrate possible system inputs

Guideline 1 > Pattern 1D > Example

M365 Chat | 1D: Make clear what the system can do

Guideline 1 > Pattern 1E

Pattern 1E: Show a set of system outputs

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

Contoso | 2C: Report system performance information

Guideline 2 > Pattern 2D

Pattern 2D: Provide low performance alerts

Guideline 2 > Pattern 2D > Example

Copilot in Outlook | 2D: Provide low performance alerts

Guideline 2 > Example

AI Critiques | G2: Make clear how well the system can do what it can do

Guideline 2 > Example

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

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

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

Pattern 11B: Global explanations

Guideline 11 > Pattern 11B > Example

D365 Marketing | 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 11D > Example

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

Guideline 11 > Pattern 11E

Pattern 11E: Map user behaviors to system outputs

Guideline 11 > Pattern 11F

Pattern 11F: Example-based explanations

Guideline 11 > Pattern 11G

Pattern 11G: “What if?” explanations

Guideline 11 > Pattern 11G > Example

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