Guidelines Design Library Design Patterns Workbook Playbook

About Share ideas

Microsoft Security Azure Dynamics 365 Microsoft 365 Microsoft Teams Windows 365

Microsoft AI Azure Space Mixed reality Microsoft HoloLens Microsoft Viva Quantum computing Sustainability

Education Automotive Financial services Government Healthcare Manufacturing Retail

Find a partner Become a partner Partner Network Microsoft Marketplace Software companies

Blog Microsoft Advertising Developer Center Documentation Events Licensing Microsoft Learn Microsoft Research

View Sitemap

HAX Design Library

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

Refine Results

Clear filters

Show me:

Guidelines Design Patterns Examples

Select Guidelines

G1: Make clear what the system can do.G2: Make clear how well the system can do what it can do.G3: Time services based on context.G4: Show contextually relevant information.G5: Match relevant social norms.G6: Mitigate social biases.G7: Support efficient invocation.G8: Support efficient dismissal.G9: Support efficient correction.G10: Scope services when in doubt.G11: Make clear why the system did what it did.G12: Remember recent interactions.G13: Learn from user behavior.G14: Update and adapt cautiously.G15: Encourage granular feedback.G16: Convey the consequences of user actions.G17: Provide global controls.G18: Notify users about changes.

Product Categories

Advertising Chatbot E-commerce Email Health and wellness Maps and navigation News, media, and entertainment Productivity Search engine Social networking Voice assistants Writing and editing

AI Type

Classification Facial recognition Filtering and ranking Generative AI Image recognition Large Language Model Multi Modal Model Natural language processing (Text)Natural language processing (Voice)Prediction Recommender systems Route planning Search Text generation

Goals

Appropriate reliance Fairness Personalization Reliability Transparency

Submit a new pattern or example

Guideline 1 > Pattern 1A

Pattern 1A: Introductory blurb

G1: Make clear what the system can do.
Advertising
Chatbot
E-commerce
Email
Health and wellness

Guideline 1 > Pattern 1A > Example

Copilot in PowerPoint | 1A: Introductory blurb

card example thumbnail

Guideline 1 > Pattern 1A > Example

Copilot in Word | 1A: Introductory blurb

card example thumbnail

Guideline 1 > Pattern 1A > Example

D365 Marketing | 1A: Introductory blurb

card example thumbnail

Guideline 1 > Pattern 1A > Example

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

card example thumbnail

Guideline 1 > Pattern 1A > Example

Semantic Scholar | 1A: Introductory blurb

card example thumbnail

Guideline 1 > Pattern 1A > Example

Microsoft Word | 1A: Introductory blurb

card example thumbnail

Guideline 1 > Pattern 1B

Pattern 1B: Use explanation (G11) patterns

G1: Make clear what the system can do.
Advertising
Chatbot
E-commerce
Email
Health and wellness

Guideline 1 > Pattern 1B > Example

Viva Learning | 1B: Use explanation (G11) patterns

card example thumbnail

Guideline 1 > Pattern 1B > Example

Amazon | 1B: Use explanation (G11) patterns

card example thumbnail

Guideline 1 > Pattern 1B > Example

Gmail | 1B: Use explanation (G11) patterns

card example thumbnail

Guideline 1 > Pattern 1C

Pattern 1C: Expose system controls

G1: Make clear what the system can do.
Advertising
Chatbot
E-commerce
Email
Health and wellness

Guideline 1 > Pattern 1C > Example

Copilot in PowerPoint | 1C: Expose system controls

card example thumbnail

Guideline 1 > Pattern 1C > Example

Viva Topics | 1C: Expose system controls

card example thumbnail

Guideline 1 > Pattern 1C > Example

Viva Topics | 1C: Expose system controls

card example thumbnail

Guideline 1 > Pattern 1C > Example

Google Photos | 1C: Expose system controls

card example thumbnail

Guideline 1 > Pattern 1C > Example

Bing Maps | 1C: Expose system controls

card example thumbnail

Guideline 1 > Pattern 1D

Pattern 1D: Demonstrate possible system inputs

G1: Make clear what the system can do.
Advertising
Chatbot
E-commerce
Email
Health and wellness

Guideline 1 > Pattern 1D > Example

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

card example thumbnail

Guideline 1 > Pattern 1D > Example

Copilot in PowerPoint | 1D: Demonstrate possible system inputs

card example thumbnail

Guideline 1 > Pattern 1D > Example

Business Chat | 1D: Demonstrate possible system inputs

card example thumbnail

Guideline 1 > Pattern 1D > Example

Google Maps | 1D: Demonstrate possible system inputs

card example thumbnail

Guideline 1 > Pattern 1D > Example

Bing | 1D: Demonstrate possible system inputs

card example thumbnail

Guideline 1 > Pattern 1E

Pattern 1E: Show a set of system outputs

G1: Make clear what the system can do.
Advertising
Chatbot
E-commerce
Email
Health and wellness

Guideline 1 > Pattern 1E > Example

Word Online | 1E: Show a set of system outputs

card example thumbnail

Guideline 1 > Pattern 1E > Example

Google Maps | 1E: Show a set of system outputs

card example thumbnail

Guideline 1 > Pattern 1E > Example

PowerPoint | 1E: Show a set of system outputs

card example thumbnail

Guideline 1 > Example

Notion | G1: Make clear what the system can do

card example thumbnail

Guideline 1 > Example

Business Chat | G1: Make clear what the system can do

card example thumbnail

Guideline 1 > Example

Copilot in Excel | G1: Make clear what the system can do

card example thumbnail

Guideline 3 > Example

Copilot in Teams | G3: Time services based on context

card example thumbnail

Guideline 3 > Example

Outlook | G3: Time services based on context

card example thumbnail

Guideline 3 > Example

Apple Maps | G3: Time services based on context

card example thumbnail

Guideline 4 > Example

Copilot in Word | G4: Show contextually relevant information

card example thumbnail

Guideline 4 > Example

Business Chat | G4: Show contextually relevant information

card example thumbnail

Guideline 4 > Example

Viva Topics – G4: Show contextually relevant information

card example thumbnail

Guideline 4 > Example

Viva Topics | G4: Show contextually relevant information

card example thumbnail

Guideline 4 > Example

Microsoft Word | G4: Show contextually relevant information

card example thumbnail

Guideline 4 > Example

Google Search | G4: Show contextually relevant information

card example thumbnail

Guideline 4 > Example

Walmart.com | G4: Show contextually relevant information

card example thumbnail

Surface Laptop Ultra Surface Pro Surface Laptop Surface RTX Spark Dev Box Explore Copilot Explore Microsoft products Windows 11 apps

Account profile Download Center Microsoft Store support Returns Order tracking Certified Refurbished Why buy from Microsoft Store Flexible Payments

Microsoft in education Devices for education Microsoft Teams for Education Microsoft 365 Education How to buy for your school Educator training and development Deals for students and parents AI for education

Microsoft AI Microsoft Security Dynamics 365 Microsoft 365 Microsoft Power Platform Microsoft Teams Microsoft Copilot Small Business

Azure Microsoft Developer Microsoft Learn Support for AI marketplace apps Microsoft Tech Community Microsoft Marketplace Software companies Visual Studio

Careers About Microsoft Company news Privacy at Microsoft Investors Diversity and inclusion Accessibility Sustainability

English (United States)

Your Privacy Choices

Your Privacy Choices

Consumer Health Privacy

Sitemap Contact Microsoft Privacy Manage cookies Terms of use Trademarks Safety & eco Recycling About our ads