HAX Design Library

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

Bing Search | G6: Mitigate social biases

card example thumbnail
Guideline 8 > Example

Instagram | G8: Support efficient dismissal

card example thumbnail
Guideline 13 > Example

Office Search | G13: Learn from user behavior

card example thumbnail
Guideline 16 > Pattern 16A

Pattern 16A: Feedforward: Convey the consequences of user actions before the user takes action
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 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
Guideline 16 > Pattern 16D > Example

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

card example thumbnail
Guideline 17 > Example

Bing Search | G17: Provide global controls

card example thumbnail