AI Interaction Design System

Azure Intelligent Experience

Contributing to the design system that powers Azure Copilot—defining reusable patterns, interaction guidelines, and first-run experiences that help millions of users discover and adopt AI-powered assistance across the Azure portal.

Timeline

2023 - 2024

Focus

AI Design System

Impact

Established consistent interaction patterns that enable teams to ship AI experiences faster while maintaining a cohesive user experience.

My Role

Contributing Designer on the Copilot design system team — owned first-run experience and prompt starters; contributed to design system components.

Collaborated with product managers, engineers, UX researchers, and other designers.

The Challenge

Azure Copilot serves as a virtual assistant within the Azure portal, which contains thousands of pages and configuration options. While AI assistance has transformative potential, users often don't know where to start or what capabilities are available. The challenge was to design an introduction experience that educates users about Copilot's value while making it easy to take the first step.

🤖

Azure Copilot

An AI-powered assistant that helps users navigate the complexity of Azure through natural language interactions, contextual recommendations, and automated task completion.

Copilot First-Run Experience

As part of the Copilot design system team, I contributed to defining the first-run experience patterns—establishing reusable components and interaction guidelines that ensure consistency across all Copilot touchpoints in Azure.

Identified Needs

Through user research and stakeholder interviews, we identified three core needs for the first-run experience. Users needed a clear understanding of what Copilot can do, an easy way to start interacting, and opportunities to discover more capabilities over time.

📖

Simple Introduction

Provide a brief introduction of Azure Copilot to help users understand its capabilities.

💬

Prompt Starters

Provide prompt starters for users to easily submit a request and get started.

🔍

Prompt Discovery

Enable opportunities for users to explore additional prompts and capabilities.

Design Solutions

Global Entry Point

Discoverability was a key challenge—users couldn't engage with Copilot if they didn't know it existed. We designed a teaching notification that appears when first-time users log in, positioned near the Copilot button in the portal header. This creates awareness at the right moment without disrupting the user's workflow.

Global entry point with teaching notification

Walkthrough Dialog

When users first open Copilot, a three-step dialog introduces key capabilities in digestible chunks. Each step highlights a different use case—asking questions, getting recommendations, and automating tasks. The walkthrough concludes with a clear "Try Copilot" call-to-action that disappears after the user's first interaction, respecting their time on subsequent visits.

3-step walkthrough dialog

Adaptive Prompt Starters

Blank text fields can be intimidating—users often don't know what to ask. We designed prompt starter cards that evolve with the user. First-time users see curated static suggestions covering common tasks, while returning users receive personalized recommendations based on their Azure resources, recent activity, and trending requests across the platform.

Adaptive prompt starters

Contextual Assistance

Context is everything. When users access Copilot through in-context nudges placed throughout the portal, the chat opens with prompt suggestions tailored to their current task. For example, if a user is viewing a virtual machine, they'll see prompts related to VM management, monitoring, and optimization—reducing cognitive load and demonstrating immediate relevance.

Contextual prompt suggestions

Future Enhancements

🔮

Prompt Discovery

Enable users to discover additional prompt options and explore the full range of Copilot capabilities in subsequent phases.

🧠

Smarter Personalization

Leverage user behavior and context to provide increasingly relevant and proactive assistance.

Key Takeaways

🎓

Progressive Disclosure

Introduce AI capabilities gradually to avoid overwhelming new users.

🔄

Adaptive Experience

Tailor the experience based on user expertise and context.

💡

Contextual Relevance

Surface AI assistance at the right moment with relevant suggestions.