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