Microsoft Design descreve o sistema de design orientado a IA que orienta a presença do Copilot nas aplicações do Microsoft 365.
A Microsoft, por meio de publicação assinada por Jon Friedman no blog Microsoft Design, apresentou o Copilot Design System, uma estrutura voltada para integrar o Copilot ao fluxo de trabalho em aplicações do Microsoft 365. O texto explica como o sistema visa coordenar comportamento, contexto e interação entre usuário e modelo de IA dentro de apps como Word e Excel, e descreve os elementos arquitetônicos e o novo padrão de interação que orientam esse funcionamento.
O sistema que molda o sistema
Segundo a publicação, as aplicações do Microsoft 365 estabeleceram padrões de design e modelos mentais usados por bilhões de pessoas. Por isso, o Copilot não é visto apenas como uma funcionalidade isolada, mas como parte de um sistema mais amplo que organiza a produtividade e a colaboração. A equipe de design afirma que a abordagem foi cocriar com clientes e integrar pesquisa de usuários em cada etapa para que o parceiro de IA se comporte de forma intencional e centrada no humano.
Arquitetura do Copilot nas aplicações do Office
O documento detalha quatro elementos arquitetônicos que, de acordo com os autores, permitem ao Copilot operar conforme a mentalidade humana e acompanhar movimentos cognitivos entre exploração e foco. Esses elementos são descritos como operando em diferentes níveis cognitivos para ver o que o usuário faz e agir dentro do contexto:
– Botão de Ação Dinâmica (DAB): um ponto de entrada adaptativo e sempre disponível dentro da aplicação que conecta o usuário ao Chat do Copilot.
– Chat: a interface principal e o painel lateral onde são registrados raciocínios, ações e respostas do Copilot, funcionando como memória das interações.
– On-Canvas: uma interface leve que aparece sobre o conteúdo quando o usuário seleciona texto ou objetos, oferecendo um ponto de entrada contextual para ações diretas no documento.
– Ações de Usuário Sugeridas (SUAs): prompts e capacidades contextuais que surgem nos momentos apropriados do fluxo de trabalho para oferecer passos acionáveis.
Cada um desses elementos foi projetado para reconhecer o contexto local e manter continuidade entre superfícies, de forma que a mesma instância do Copilot acompanhe o usuário entre desktop, web, iPad e móvel, conforme o texto.
Padrão Throw & Catch (Lançar e Atrapar)
A publicação apresenta também o padrão de interação chamado Throw & Catch, que regula a transição entre DAB, On-Canvas e Chat. Com base em estudos de tracking do mouse e protótipos, o padrão sincroniza pontos de entrada para passar interações e raciocínios de maneira fluida, sinalizando quando um ponto de entrada assume foco enquanto outro se retira. O objetivo, segundo os autores, é reduzir fricção cognitiva e construir confiança, mantendo a sensação de controle pelo usuário.
Coerência entre superfícies e propósito da experiência
O material ressalta que projetar um “companheiro de pensamento” exige compreensão do comportamento humano e organizacional. Com um linguagem de design unificada, interações rápidas e acesso contextual, o Copilot Design System procura tornar o Copilot mais consistente, fácil de descobrir e integrar, para apoiar pensamento e criatividade humana sem interromper o fluxo.
No texto, a equipe afirma que seguirá evoluindo o sistema com base no feedback dos clientes e que compartilhará protótipos e avanços à medida que avançam.
Para acompanhamento e participação, a publicação convida leitores a seguir o Microsoft Design no Twitter (https://twitter.com/microsoftdesign) e no Instagram (https://www.instagram.com/microsoft.design/), a juntar-se ao programa Windows u Office Insider (https://www.microsoft.com/en-us/windowsinsider/) e a consultar oportunidades de trabalho em https://aka.ms/DesignCareers.
Assuntos nesse artigo:
#copilot, #copilotdesignsystem, #microsoft, #microsoft365, #office, #dab, #chat, #oncanvas, #suas, #throwandcatch, #design, #designsystem, #inteligenciaartificial, #produtividade, #colaboracao, #criatividade, #fluxodetrabalho, #experienciadousuario, #microsoftdesign, #windowsinsider
