HAX Design Library

Guideline 1 > Pattern 1A > Example

Semantic Scholar | 1A: Introductory blurb

Guideline 1 > Pattern 1D > Example

Bing | 1D: Demonstrate possible system inputs

Guideline 2 > Example

Google Gemini | G2: Make clear how well the system can do what it can do

Guideline 2 > Example

Google Gemini | G2: Make clear how well the system can do what it can do

Guideline 2 > Example

Uncertainty highlighting | G2: Make clear how well the system can do what it can do

Guideline 2 > Example

Background explanations | G2: Make clear how well the system can do what it can do

Guideline 2 > Example

Google Search | G2: Make clear how well a system can do what it can do

Guideline 4 > Example

Microsoft Word | G4: Show contextually relevant information

Guideline 4 > Example

Google Search | G4: Show contextually relevant information

Guideline 6 > Example

Bing Search | G6: Mitigate social biases

Guideline 6 > Example

Bing Search | G6: Mitigate social biases

Guideline 9 > Pattern 9C > Example

Bing Search | 9C: Undo automated actions

Guideline 10 > Pattern 10A > Example

Google Search | 10A: Disambiguate before acting

Guideline 11 > Pattern 11A > Example

Google Search | 11A: Local explanations

Guideline 12 > Example

Bing Search | G12: Remember recent interactions

Guideline 14 > Pattern 14B > Example

Google Search | 14B: Immediate, partial, non-disruptive updates

Guideline 15 > Pattern 15A > Example

Google Search | 15A: Encourage explicit feedback on individual system outputs

Guideline 17 > Example

Windows Copilot | G17: Provide global controls

Guideline 17 > Example

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

Semantic Scholar | 1A: Introductory blurb

Bing | 1D: Demonstrate possible system inputs

Google Gemini | G2: Make clear how well the system can do what it can do

Google Gemini | G2: Make clear how well the system can do what it can do

Uncertainty highlighting | G2: Make clear how well the system can do what it can do

Background explanations | G2: Make clear how well the system can do what it can do

Google Search | G2: Make clear how well a system can do what it can do

Microsoft Word | G4: Show contextually relevant information

Google Search | G4: Show contextually relevant information

Bing Search | G6: Mitigate social biases

Bing Search | G6: Mitigate social biases

Bing Search | 9C: Undo automated actions

Google Search | 10A: Disambiguate before acting

Google Search | 11A: Local explanations

Bing Search | G12: Remember recent interactions

Google Search | 14B: Immediate, partial, non-disruptive updates

Google Search | 15A: Encourage explicit feedback on individual system outputs

Windows Copilot | G17: Provide global controls

Bing Search | G17: Provide global controls