Design centralizado em humanos para agentes

A criação de uma ótima experiência de agente vai além de criar o prompt certo. Isso significa criar um sistema de interação completo em que cada superfície, resposta e estado de falha funcionam em conjunto para dar suporte ao usuário. Este artigo apresenta as ferramentas de design e os princípios que ajudam você a fazer isso, desde os componentes da interface do usuário fluente que fornecem consistência visual aos padrões de design do ciclo de vida que mantêm os usuários confiantes da primeira interação à recuperação de erros.

Fluent UI

Banner que representa o Fluent UI para design de agentes.

O Fluent UI fornece a base visual e comportamental para os agentes. Seus componentes são reutilizáveis e acessíveis. Ao projetar com a interface do usuário do Fluent, você está trabalhando em um sistema que já está alinhado com a linguagem visual do Microsoft. Isso significa menos sobrecarga de personalização e mais consistência para os usuários em todo o ecossistema de Microsoft 365.

  • Design para consistência e coerência. Use controles de interface do usuário fluentes para manter o alinhamento visual e comportamental entre os agentes do Microsoft e o ecossistema de Microsoft 365 Copilot mais amplo. Quando os usuários se movem entre agentes, componentes familiares reduzem a carga cognitiva e criam confiança.

  • Design para acessibilidade e capacidade de resposta. Adote componentes do Fluent UI React v9. A versão 9 oferece suporte de acessibilidade aprimorado, comportamento responsivo e melhor desempenho em comparação com versões anteriores. Para uma audiência do designer, isso significa que seus layouts se adaptam corretamente entre tamanhos de tela e modalidades de entrada sem a necessidade de substituições personalizadas.

  • Design para seleção e personalização de componentes. A biblioteca Fluent UI Web Components é sua fonte confiável para os padrões disponíveis. Ele inclui botões de alternância, botões compostos, caixas de diálogo, menus, guias e primitivos relacionados. Comece com esses padrões antes de introduzir componentes personalizados.

  • Design para desempenho e otimização. Minimize o tamanho do pacote por meio do uso intencional do componente. Evite substituições desnecessárias. Confie no sistema de tokens e temas do Fluent para personalização visual em vez de estilos codificados, o que mantém seu agente consistente com as atualizações futuras da plataforma.

Princípios importantes para agentes

Ao projetar agentes, é importante que eles sejam confiáveis, honestos sobre sua natureza e projetados com consciência de seu impacto mais amplo. Três princípios fundamentais podem ajudar a orientar suas decisões de design. Os agentes devem ser:

  • Desenvolvido com foco na intenção. Os agentes dão suporte ao usuário, não substituem o julgamento. É importante comunicar claramente funcionalidades e limitações, manter as saídas editáveis e fornecer controles visíveis para refinamento e interações de design que reforçam a propriedade do usuário. Na prática, esse princípio significa usar uma linguagem como "Resumir com o Copilot" em vez de "Copilot, resuma", mantendo o usuário como quem inicia a ação.

  • Diferente dos humanos. Os agentes geram respostas, não pensam nem sentem. Use uma linguagem neutra orientada à tecnologia. Evite enquadramento emocional ou humano. Mantenha o tom transparente e focado na tarefa. Evite palavras como "entender", "pensar" ou "sentir"; em vez disso, use palavras como "processo" ou "analisar".

  • Resistente a preconceitos. Os resultados do agente podem afetar mais pessoas além do usuário principal. Projete com a consciência de como o conteúdo pode ser compartilhado ou reutilizado. Prever riscos e incluir mecanismos de revisão e correção. Pergunte à sua equipe: Quem mais pode ver ou agir sobre esse resultado? Quais são as consequências não intencionais se o agente falhar ou for mal utilizado?

Para obter orientações adicionais sobre o design do agente responsável, consulte o artigo Quando a IA ingressar na equipe: três princípios para design de agente responsável.

Projetando em todo o ciclo de vida

Projete experiências de agentes como sistemas completos de interação, não como comandos isolados. Cada agente deve dar suporte ao percurso completo do usuário, desde a primeira configuração de exposição e expectativa, até a colaboração ativa, até a correção e recuperação quando as saídas são imperfeitas. A criação nesses estágios garante clareza, confiança e usabilidade sustentada.

Experiência de primeira execução

A primeira interação define o tom de toda a relação de agente. Quando os usuários acessam o agente para a primeira execução:

  • Comunique claramente para que ele foi projetado. Forneça exemplos de prompts, casos de uso comuns e pontos de entrada visíveis que orientem os usuários a realizar tarefas significativas.
  • Defina expectativas sobre a qualidade da saída. Esclareça que as respostas podem variar e que as saídas podem exigir revisão ou refinamento. Evite exagerar a capacidade.
  • Reduza a ambiguidade e incentive a exploração. A transparência precoce cria confiança, reduz o uso indevido e ajuda os usuários a formar modelos mentais precisos de como o sistema funciona.

Durante a interação

Enquanto os usuários trabalham ativamente com o agente:

  • Alinhe-se com os padrões de aplicativo estabelecidos. Controles, layout e terminologia devem ser consistentes com o ambiente de produto ao redor.
  • Suporte ao refinamento iterativo. Os usuários devem ser capazes de ajustar prompts, escopo estreito, solicitar esclarecimentos ou editar conteúdo gerado diretamente. A interação deve ser colaborativa em vez de transacional.
  • Exiba conteúdo quando for relevante. Se o agente depender de arquivos, seleções ou fontes de dados específicos, identifique essas informações claramente. Manter a capacidade de resposta, acessibilidade e comportamento previsível é essencial para manter a confiança do usuário.

Quando o sistema está errado

As saídas do agente são ocasionalmente incompletas, imprecisas ou desalinhadas em relação à intenção:

  • Forneça caminhos de correção claros e eficientes. Os usuários devem ser capazes de regenerar respostas, revisar os prompts ou editar manualmente os resultados sem dificuldade. Evite forçar os usuários a reiniciar fluxos de trabalho.
  • Exiba sinais contextuais. Quando apropriado, forneça dados referenciados ou suposições para ajudar os usuários a entender por que uma resposta foi gerada. A transparência e a capacidade de recuperação reforçam o controle do usuário e evitam frustrações.

Conteúdo relacionado

  • Last updated on