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 1E: Show a set of system outputs

Guideline 1 > Pattern G1-C > Example

Bing Maps | 1C: Expose system controls

Guideline 1 > Pattern G1-D > Example

Google Maps | 1D: Demonstrate possible system inputs

Guideline 1 > Pattern G1-E > Example

Google Maps | 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 2D

Pattern 2D: Provide low performance alerts

Guideline 2 > Pattern G2-B > Example

Uber Eats | 2B: Match UI communication precision with system performance — Numbers

Guideline 2 > Pattern G2-D > Example

Google Maps | 2D: Provide low performance alerts

Guideline 3

Time services based on context

Time when to act or interrupt based on the user’s current task and environment.

Guideline 3 > Example

Apple Maps | G3: Time services based on context

Guideline 3 > Example

Outlook | G3: Time services based on context

Guideline 4

Show contextually relevant information

Display information relevant to the user’s current task and environment.

Guideline 5

Match relevant social norms

Ensure the experience is delivered in a way that users would expect, given their social and cultural context.

Guideline 6

Mitigate social biases

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

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