Conceção centrada no ser humano para agentes

Desenhar uma excelente experiência de agente vai além de criar o prompt certo. Significa construir um sistema de interação completo onde todas as superfícies, respostas e estados de falha trabalham em conjunto para apoiar o utilizador. Este artigo apresenta as ferramentas e princípios de design que o ajudam a fazer isso — desde os componentes da interface Fluent que proporcionam consistência visual até aos padrões de design do ciclo de vida que mantêm os utilizadores confiantes desde a primeira interação até à recuperação de erros.

IU do Fluent

Banner representativo do Fluent UI para conceção de agentes.

O Fluent UI fornece a base visual e comportamental para os agentes. Os seus componentes são reutilizáveis e acessíveis. Quando desenha com Fluent UI, está a trabalhar num sistema que já está alinhado com a linguagem visual da Microsoft. Isto significa menos sobrecarga de personalização e mais consistência para os utilizadores em todo o ecossistema Microsoft 365.

  • Desenhar para consistência e coerência. Use os controlos da interface Fluent para manter o alinhamento visual e comportamental entre os agentes da Microsoft e o ecossistema mais amplo do Microsoft 365 Copilot. Quando os utilizadores se movem entre agentes, os componentes familiares reduzem a carga cognitiva e constroem confiança.

  • Desenhe para acessibilidade e capacidade de resposta. Adote componentes Fluent UI React v9. A versão 9 oferece suporte de acessibilidade melhorado, comportamento responsivo e melhor desempenho em comparação com versões anteriores. Para uma audiência de designers, isto significa que os seus esquemas se adaptam corretamente a diferentes tamanhos de ecrã e modalidades de entrada, sem exigir substituições personalizadas.

  • Design para seleção e personalização de componentes. A biblioteca Fluent UI Web Components é a sua fonte de informação sobre os padrões disponíveis. Inclui botões de comutação, botões compostos, diálogos, menus, abas e primitivas relacionadas. Comece por estes padrões antes de introduzir componentes personalizados.

  • Projetar para desempenho e otimização. Minimizar o tamanho do bundle através de uma utilização criteriosa de componentes. Evite substituições desnecessárias. Confie no sistema de temas e tokens da Fluent para personalização visual em vez de estilos codificados fixamente—isto mantém o seu agente consistente com futuras atualizações da plataforma.

Princípios importantes para agentes

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

  • Concebido para a intenção. Os agentes apoiam o utilizador, não substituem o julgamento. É importante comunicar claramente as capacidades e limitações, manter os resultados editáveis e fornecer controlos visíveis para refinamento, bem como interações de design que reforcem a propriedade do utilizador. Na prática, este princípio significa usar linguagem como "Resumir com o Copilot" em vez de "Copilot, summarize", mantendo o utilizador como quem inicia a ação.

  • Distinto dos seres humanos. Os agentes geram respostas, não pensam nem sentem. Use uma linguagem neutra, orientada para a tecnologia. Evita enquadramentos emocionais ou humanos. Mantenha o tom transparente e focado na tarefa. Evite palavras como "compreender", "pensar" ou "sentir"; Use palavras como "processar" ou "analisar" em vez disso.

  • Resistente a preconceitos. As saídas dos agentes podem afetar mais do que apenas o utilizador principal. Desenhe com consciência de como o conteúdo pode ser partilhado ou reutilizado. Antecipar riscos e incluir mecanismos de revisão e correção. Pergunte à sua equipa: Quem mais poderá ver ou agir com base neste resultado? Quais são as consequências não intencionais se o agente falhar ou for mal utilizado?

Para orientações adicionais sobre design responsável de agentes, consulte o artigo Quando a IA se junta à equipa: Três princípios para o design responsável de agentes.

Desenhar ao longo do ciclo de vida

Conceba experiências de agente como sistemas completos de interação, e não como instruções isoladas. Cada agente deve apoiar toda a jornada do utilizador — desde a primeira exposição e definição de expectativas, passando pela colaboração ativa, até à correção e recuperação quando os resultados são imperfeitos. Desenhar ao longo destas fases garante clareza, confiança e usabilidade sustentada.

Experiência de estreia

A primeira interação define o tom de toda a relação com o agente. Quando os utilizadores acedem ao agente para a primeira execução:

  • Comunique claramente o que é concebido para ajudar. Forneça exemplos de sugestões, casos de uso comuns e pontos de entrada visíveis que orientem os utilizadores para tarefas significativas.
  • Defina expectativas quanto à qualidade do resultado. Esclareça que as respostas podem variar e que os resultados podem necessitar de revisão ou refinamento. Evite exagerar a capacidade.
  • Reduza a ambiguidade e incentive a exploração. A transparência precoce constrói confiança, reduz o uso indevido e ajuda os utilizadores a formar modelos mentais precisos de como o sistema funciona.

Durante a interação

Enquanto os utilizadores trabalham ativamente com o agente:

  • Alinhe-se com os padrões de aplicação estabelecidos. Os controlos, o layout e a terminologia devem parecer consistentes com o restante ambiente do produto.
  • Apoiar o refinamento iterativo. Os utilizadores devem ser capazes de ajustar prompts, restringir o âmbito, pedir esclarecimentos ou editar diretamente o conteúdo gerado. A interação deve parecer colaborativa em vez de transacional.
  • Mostre conteúdo quando for relevante. Se o agente se basear em ficheiros específicos, seleções ou fontes de dados, identifique essa informação de forma clara. Manter a capacidade de resposta, acessibilidade e comportamento previsível é essencial para preservar a confiança dos utilizadores.

Quando o sistema está errado

As saídas dos agentes são ocasionalmente incompletas, imprecisas ou desalinhadas com a intenção:

  • Forneça vias de correção claras e eficientes. Os utilizadores devem poder regenerar respostas, reformular pedidos ou editar manualmente os resultados sem dificuldade. Evite obrigar os utilizadores a reiniciar os fluxos de trabalho.
  • Apresente sinais contextuais. Quando apropriado, forneça dados referenciados ou pressupostos para ajudar os utilizadores a compreender porque é que uma resposta foi gerada. A transparência e a capacidade de recuperação reforçam o controlo do utilizador e previnem frustrações.