Projetando Agentes de IA

Chris Poulios Senior Product Marketing Manager
Nikos

Designer de UI/UX

24 de janeiro de 2025

in

🗣️ Vozes da Equipe

Report: The $7.5B Opportunity: How AI Could Recover 35% of Delinquent Debt by 2027

Agentes de suporte ao cliente. Este é o produto que oferecemos até a mudança de nosso foco comercial. Com nossa mudança para o espaço Fintech, transitamos de uma IA reativa que exigia interação do usuário para engajar para um sistema proativo que pode entrar em contato com os usuários sob demanda. Isso significou que o atual processo de criação de Agentes de IA teve que mudar.

O novo processo de criação de Agentes de IA adiciona novas funcionalidades, atualiza a Experiência do Usuário e proporciona mais automação. Capacitamos os usuários para alimentarem seus Agentes de IA de forma descomplicada, passando de processos manuais e demorados para apenas alguns cliques de um botão, minimizando o esforço enquanto maximiza o resultado. Além das novas capacidades, reformulamos a Interface do Usuário (UI) do ambiente, tornando-a mais simples e fácil de navegar. Focando em fornecer uma experiência linear para esse processo, a fim de oferecer mais orientações aos usuários.

Por quê?

Mas por que a necessidade de um Agente de IA proativo?

À medida que a Moveo.AI mudou seu foco para o espaço Fintech, identificamos uma nova oportunidade. Permitir que nossos clientes se conectem com seus usuários em grande escala! Isso nos levou a trabalhar e lançar uma nova funcionalidade chamada Transmissão. Este poderoso recurso permite que nossos clientes criem campanhas e direcionem múltiplos destinatários simultaneamente. A necessidade de um novo Agente de IA ficou evidente, uma vez que nossa versão atual não estava otimizada para perseguir usuários para vendas e promoções de produtos. Precisávamos mudar de um Agente de IA reativo para um proativo que pudesse buscar novos clientes potenciais e alcançar vendas de produtos.

Em paralelo, nossa equipe de PLN estava trabalhando para melhorar e evoluir nosso LLM (Modelo de Linguagem Grande) para prepará-lo para cobrir esses novos casos de uso.

Como?

Esse pivot foi a oportunidade perfeita para reestruturar o fluxo de criação do Agente de IA, que é muito importante, mas problemático. Agora, com um LLM mais novo e mais capaz, houve a oportunidade de deixar a IA assumir mais do trabalho manual que até agora recaiu sobre o usuário. Aproveitamos essa chance para adicionar vários recursos inteligentes projetados para ajudar os usuários a concluir tarefas mais rapidamente e com mais facilidade, visando aumentar a taxa de conclusão geral. Esses recursos inteligentes assistem os usuários fornecendo sugestões de conteúdo, preenchendo campos que de outra forma precisariam de entrada manual e até mesmo preenchendo seções inteiras gerando dados de fontes já existentes.

Então vs Agora

Novos tipos de Agentes de IA

Como mencionado anteriormente, nossos Agentes de IA foram inicialmente criados para serem usados no suporte ao cliente, mas com nosso novo foco no espaço Fintech, eles precisavam ser capazes de realizar vendas de produtos com base nas necessidades dos nossos clientes. A estrutura e a maneira como os Agentes de Suporte ao Cliente funcionavam não correspondiam aos requisitos para vendas de produtos, e sua natureza reativa não poderia fornecer os serviços exigidos de uma campanha, como perseguir ativamente clientes. Através de pesquisas e entrevistas com usuários, decidimos começar com 4 casos de uso para o espaço Fintech que os novos agentes de IA poderiam cobrir (ou seja, cobrança de dívidas e adoção de produtos). Esses casos de uso se tornaram novos tipos de Agentes que os usuários poderiam escolher durante o processo de criação. Mas por que dividi-los em tipos e não ter um Agente de IA que cobrisse todos os casos de uso? Ter tipos separados dependendo do caso de uso ajudará a especializá-los no contexto do ambiente em que trabalharão previamente. Em outras palavras, o usuário não precisará explicar ao Agente qual é seu objetivo principal, então os dados e o esforço exigidos do usuário são significativamente reduzidos.

Mais automação

Mais automação. Interações mais inteligentes. Menos trabalho manual. Seguimos esses três princípios no processo de design e os aplicamos ao criar a nova arquitetura da informação. Nosso principal objetivo era superar as entradas manuais demoradas e oferecer um sistema mais inteligente para ajudar o usuário com um mínimo de entrada. Adicionamos seções como o Conhecimento do Agente, uma opção para autogerar o conteúdo de um campo (por exemplo, os Benefícios do Produto) apenas adicionando uma URL relativa e até gerar conteúdo a partir de dados de seções preenchidas anteriormente. Estendemos esse recurso permitindo que o usuário obtivesse melhores sugestões de nosso LLM para suas entradas manuais (como uma pequena frase). Claro, tudo pode ser editado mais tarde para que o usuário tenha controle total.

Diretrizes & Objetivo do Agente

Com nosso objetivo em mente, queríamos abordar o processo de criação do Agente de IA de forma diferente para aumentar a usabilidade, especialmente para novos usuários, uma vez que a abordagem atual não produziu resultados muito bons devido à sua complexidade e falta de um fluxo de processo simples. Com a versão mais recente e aprimorada de nosso LLM, tivemos a oportunidade de abordar o processo fora da caixa: e se os dados pudessem ser autogerados em vez de criar fluxos manualmente? Em iterações anteriores, os usuários tinham que criar uma série de fluxos de diálogo que cobririam cada cenário, criar intenções e entidades que dariam mais contexto à IA, conectar uma coleção de fontes de dados e muito mais. E se, em vez disso, os usuários pudessem apenas instruir o Agente Virtual a alcançar um objetivo, e os meios para que ele o realizasse viriam de dados já existentes? Essa foi a visão para o “Objetivo” e “Diretrizes” do Agente.

Navegação/ Arquitetura da Informação (IA)

Na UI anterior, a navegação na página do Agente de IA foi criada em torno dos diálogos. Para aqueles que não estão familiarizados com este conceito, diálogos são componentes pequenos e independentes que definem o fluxo da conversa com base em gatilhos específicos. Por exemplo, quando um usuário envia uma mensagem de saudação (gatilho), os usuários podem definir a resposta específica que o Agente Virtual dará criando um diálogo. Isso significava que cada item de navegação era baseado em uma funcionalidade ou componente de suporte do sistema de diálogo e não estava organizado com um fluxo linear em mente, o que não ajudava os usuários a conhecer os passos certos necessários para completar o processo de criação do Agente. Na nova iteração, os diálogos ocupam um segundo lugar e se tornam um dos últimos passos opcionais necessários para concluir o processo de criação. Para a nova navegação, agrupamos todos os recursos necessários para um passo ou um processo ou com uma função semelhante juntos sob uma categoria. Com essa abordagem, concluímos com 5 elementos de navegação em comparação aos 8 que tínhamos antes. A maior mudança na UI foi a transição de uma navegação horizontal para uma barra lateral vertical e a incorporação de recursos e páginas específicas dentro das duas últimas abas.

Esboço do Processo

O processo que seguimos foi semelhante a todos os outros projetos que enfrentamos anteriormente, com a exceção de que desta vez, tivemos uma maior participação da equipe de PLN (processamento de linguagem natural). Isso se deveu à necessidade de garantir a praticidade de algumas novas funcionalidades inteligentes e novas fontes de conhecimento de IA.

Fase de reconstrução

Para acomodar os novos casos de uso, tivemos que repensar todo o fluxo de criação do Agente de IA, portanto, tivemos que começar do zero. Isso significou, como primeiro passo, que tivemos que desconstruir tudo desde funções e configurações até páginas inteiras, para que pudéssemos rearranjar e reestruturar tudo.

Criar a nova IA foi uma tarefa que exigiu combinar e agrupar todas as funcionalidades e seções divididas por sua funcionalidade, importância e prioridade. Desta vez, a ordem dos principais grupos foi feita com um fluxo linear em mente, o que significa que preencher cada etapa/grupo era vital para a próxima. Houve uma redução considerável no número de categorias principais, tornando o fluxo menos complicado e mais fácil de seguir.

Greg é uma de nossas principais personas (habilidades em computação, gosta de resolver problemas), e criamos um cenário baseado nele para descobrir possíveis problemas de interação, necessidades e funcionalidades, mas, mais importante, como o fluxo de criação do Agente de IA deve funcionar para proporcionar uma experiência tranquila para os usuários de primeira viagem.

Para visualizar nossa nova estrutura, seguimos para fazer wireframes de baixa fidelidade. Esses foram os primeiros passos para começar a receber feedback de nossos stakeholders.

Fase de design

A fase mais longa deste projeto foi a fase de design devido às múltiplas iterações na busca pelo equilíbrio perfeito entre uma interface simples e amigável ao usuário e um fluxo UX linear. Com cada iteração vieram novos feedbacks e, com cada feedback, melhorias. Após 3 iterações, conseguimos alcançar o resultado desejado. Nos primeiros 2 ciclos das iterações de design, focamos principalmente na estrutura das propriedades e na ordem de cada seção, uma vez que a estrutura do fluxo era o ponto mais vital deste esforço de redesign. Após alcançarmos a estrutura de UI desejada, focamos mais no conteúdo, e isso ajudou os demais stakeholders a entenderem nossa visão.

Fase de otimização

Os mockups de alta fidelidade nos deram uma visão realista de como o produto funcionaria, e isso permitiu uma conversa com o restante dos stakeholders sobre como tudo poderia ser implementado e trouxe ideias para possíveis novas funcionalidades para versões posteriores. Com a aprovação deles, partimos para otimizar cada elemento. Desde vários estados de entrada até adicionar animações a elementos que precisariam delas (como o progresso da autogeraçã), assim como tornar cada design responsivo para ajudar os desenvolvedores a entender como tudo deve reagir no ambiente.

Conclusão

Esta transição foi um longo processo que exigiu várias iterações e redesigns para contornar limitações técnicas e feedback. Era importante para nós garantir uma transição suave da antiga interface do usuário para a nova, mantendo elementos familiares e construindo sobre padrões e fluxos reconhecíveis. Consideramos cuidadosamente cada detalhe para garantir que a experiência do usuário fosse ao mesmo tempo intuitiva e nova, permanecendo alinhada com nossos princípios fundamentais de design.

Atualmente, estamos lançando a versão Beta para coletar dados e feedback de nossos clientes, permitindo-nos refinar e melhorar o produto por meio de insights valiosos. Através desse processo iterativo, conseguimos aprimorar continuamente a experiência do usuário, e estamos orgulhosos do produto final que entregamos.