Inteligência Artificial
RAG & LLM
Produto Whitelabel
Design System
UX Research
RAG e LLM: Uma abordagem de experiência whitelabel para soluções de IA.
01. Desafios.
para o negócio
A chegada das IAS nos produtos e negócios tem gerado uma demanda crescente por maior eficiência e automação. Isso também trouxe à tona um tema central para toda a indústria: a segurança dos dados. O objetivo principal neste contexto foi criar um ambiente seguro que não só atenda às exigências de governança e compliance das empresas, mas que também seja escalável de diferentes maneiras.
Seja em soluções on-premise ou na nuvem, a criação de uma LLM que consiga atender aos objetivos de negócios enquanto protege os dados contra vazamentos e promove um ambiente seguro e acessível para os usuários foi a premissa fundamental deste produto.
para a experiência
O principal desafio foi criar uma solução whitelabel que atendesse a uma ampla variedade de usuários e públicos, algo que se diferencia das interfaces tradicionais, que geralmente tentam atender a todos de maneira genérica.
Em uma LLM interna, é crucial entender os diferentes ecossistemas e fluxos de interação dentro das empresas, sabendo que o nosso universo de dados também seria menor e mais segmentado.
Isso nos permitiu desenvolver uma experiência mais prática e personalizada, atendendo às necessidades específicas de diferentes setores e departamentos. A solução também organiza dados e arquivos de acordo com níveis de acesso, além de fornecer retornos e feedbacks personalizados para múltiplos perfis e análises mais direcionadas aos contextos do dia a dia.
Abordagem utilizada
Nosso principal desafio foi entender o novo universo ‘operacional’ da IA, algo diferente das interações tradicionais. Para isso, buscamos referências em outros segmentos e produtos diferentes. Em um projeto de outro cliente, por exemplo, conseguimos dados sobre o mapeamento do time de atendimento nos chats com clientes, o que nos ajudou a compreender melhor o fluxo de perguntas e respostas, além de como as pessoas interagem em ambientes de comunicação onde buscam respostas para seus problemas.
O produto precisava ser fácil e intuitivo, então realizar testes de uso e painéis de discussão com líderes de diferentes níveis da organização foi muito importante, coletamos valiosos insights técnicos e comerciais. Durante o processo, surgiram pontos chave: a preocupação com o tempo de resposta da ferramenta, a escalabilidade do sistema, a aplicação em ações do dia a dia (como um assistente, já que as pessoas não conseguiam entender a amplitude de possibilidades) e a adaptação da usabilidade a diferentes faixas etárias, já que o produto seria lançado para um público amplo e com perfis diversos. Por isso, a facilidade de uso e a identificação rápida das funções na interface foram nossas maiores prioridades durante a construção e na condução dos testes.
Outro ponto interessante do projeto foi a evolução constante das interfaces e do produto enquando ferramenta. Como estamos em uma fase de exploração contínua, encontramos soluções criativas para melhorar a experiência. Por exemplo utilizar o componente de offcanvas para construir o processo de operação, embora pareça uma solução simples, teve um impacto significativo no projeto. O conceito não só manteve o usuário na mesma tela de prompt como mantém a sensação de operação “circular”, onde tudo acontece em um mesmo local e você chama outras funções acima dessa tela sem sair dela, essa abordagem também facilitou em 80% o tempo de desenvolvimento e ajustes no produto (já que segmentamos cada parte do produto de forma independente ), reduzindo também cerca de 50% a quantidade de telas e fluxos completos de “CRUDs”.
Time
Head de design de um time com:
2 designers
1 scrum master
2 qas
1 techlead
1 mestre especialista em ia
1 frontend desktop
6 backends
Ferramentas
figma
figjam
storybook
design system
clickup
zeroheight
brandsystem
azure devops
projeto kaban
llm
rag
banco de dados relacionados
banco de dados vetoriais
Plataformas atendidas
Desktop
responsivo
posteriormente mobile
03. Processos.
01. Premissas de Projeto
Estabelecer premissas claras foi um ponto fundamental para o desenvolvimento da solução. Adotamos novas abordagens como a utilização do componente off-canvas, conseguimos assim explorar uma maior gama de possibilidades visuais e interativas.
Essa técnica permitiu uma reorganização mais eficiente do fluxo da interface, resultando em uma navegação mais fluida e um design mais funcional. A flexibilidade proporcionada pelo off-canvas não apenas otimiza o uso do espaço, mas também melhora a experiência do usuário ao tornar a interface mais dinâmica e adaptável.
02. Pesquisas e Testes
Desde o início dedicamos um esforço significativo à pesquisa de ferramentas de IA e interfaces inovadoras, além das opções mais tradicionais.
Nosso objetivo era validar abordagens e identificar elementos que poderiam agregar valor à nossa solução. Esse processo de exploração contínua nos permitiu integrar funcionalidades que enriqueceriam a ferramenta.
Cada nova ideia ou recurso era conectado ao restante do projeto, e, na sequência, testado com usuários, o que tornou nosso aprendizado rápido e constante.
Embora o tempo fosse um desafio, não tornou-se um obstáculo para a pesquisa. Pelo contrário, nos levou a ser mais assertivos e focados na busca por soluções eficazes e no aprimoramento constante da experiência.
03. Interações Naturais
Nos aprofundamos nos processos de interação para torná-los o mais naturais possível, com foco em IA, que exige uma abordagem diferente de sistemas tradicionais. Buscamos criar uma experiência fluida, integrando processos além da tela do prompt, mas retornando sempre a ele para manter a familiaridade do usuário.
A interação ocorre de forma conversacional no campo de prompt, onde testamos funcionalidades como anexar documentos, áudio, vídeo e gravação de tela. Essas ações exploram como os usuários interagem com arquivos e analisam os resultados.
As melhorias foram priorizadas com base nas necessidades identificadas nos testes com usuários, equilibrando essas demandas com os objetivos de negócios, e implementadas conforme as entregas mais recentes.
04. Ciclo de Inovação
Explicar o problema e o desafio
É claro que a necessidade de renovação processual ainda não demonstrou convincentemente que vai participar na mudança do processo de comunicação como um todo.
Podemos já vislumbrar o modo pelo qual o desafiador cenário globalizado garante a contribuição de um grupo importante na determinação dos métodos utilizados na avaliação de resultados.
Por isso, a facilidade de uso e a identificação rápida das funções na interface foram nossas maiores prioridades durante a construção e na condução dos testes.
04. Números.
Time de
para mapear, conceituar e construir a visão da solução.
Tempo de projeto
entre o mapeamento, construção e testes com usuários.
Construímos
que cobrem a operação da IA até o momento.
Fizemos
de testes e apresentações para coleta de feedbacks.
Reduzimos em
a quantidade de telas e fluxos repetitivos que tiravam o cliente da ação principal.
Tempo de projeto
entre o mapeamento, construção e testes com cliente.
05. Resultados
Desenvolvemos um projeto whitelabel projetado para ser implementado em ambientes on-premise, atendendo às exigências de governança e segurança de dados das empresas.
O foco principal é garantir que, independentemente do setor ou perfil da organização, os dados sejam tratados com total conformidade às políticas internas de segurança e privacidade.
A solução é flexível o suficiente para ser personalizada de acordo com as necessidades específicas de cada cliente, sem comprometer a eficiência ou escalabilidade.
O ganho que conseguimos ao utilizar uma abordagem mais centralizada na tela de prompt proporcionou uma experiência mais fluída de navegação, onde ações secundárias entram e saem e o usuário não perde o contato com a tela principal de prompt.
Criar knowledge boxes e organizar os processos de administração de grandes quantidades de conteúdo nos proporcionou criar uma solução robusta e de fácil operação, atendendo diversos tipos de usuários e tornando sua manutenção mais simples.
Add Your Tooltip Text Here
Agrupamento de itens que
Add Your Tooltip Text Here
Add Your Tooltip Text Here
Add Your Tooltip Text Here
Add Your Tooltip Text Here
Add Your Tooltip Text Here
Add Your Tooltip Text Here
Add Your Tooltip Text Here
Add Your Tooltip Text Here
Ficha técnica.
Tempo de projeto
entre o mapeamento, construção e testes com cliente.
Tempo de projeto
entre o mapeamento, construção e testes com cliente.
Tempo de projeto
entre o mapeamento, construção e testes com cliente.
Tempo de projeto
entre o mapeamento, construção e testes com cliente.
Tempo de projeto
entre o mapeamento, construção e testes com cliente.
Tempo de projeto
entre o mapeamento, construção e testes com cliente.
Por isso, a facilidade de uso e a identificação rápida das funções na interface foram nossas maiores prioridades durante a construção e na condução dos testes.
Adicione o texto do seu título aqui
Explicar o problema e o desafio. É claro que a necessidade de renovação processual ainda não demonstrou convincentemente que vai participar na mudança do processo de comunicação como um todo.
01. Dores
Explicar o problema e o desafio
É claro que a necessidade de renovação processual ainda não demonstrou convincentemente que vai participar na mudança do processo de comunicação como um todo.
Podemos já vislumbrar o modo pelo qual o desafiador cenário globalizado garante a contribuição de um grupo importante na determinação dos métodos utilizados na avaliação de resultados.
02. Pesquisa
Explicar o problema e o desafio
É claro que a necessidade de renovação processual ainda não demonstrou convincentemente que vai participar na mudança do processo de comunicação como um todo.
Podemos já vislumbrar o modo pelo qual o desafiador cenário globalizado garante a contribuição de um grupo importante na determinação dos métodos utilizados na avaliação de resultados.
03. Ideação
Explicar o problema e o desafio
É claro que a necessidade de renovação processual ainda não demonstrou convincentemente que vai participar na mudança do processo de comunicação como um todo.
Podemos já vislumbrar o modo pelo qual o desafiador cenário globalizado garante a contribuição de um grupo importante na determinação dos métodos utilizados na avaliação de resultados.
04. Componentização
Explicar o problema e o desafio
É claro que a necessidade de renovação processual ainda não demonstrou convincentemente que vai participar na mudança do processo de comunicação como um todo.
Podemos já vislumbrar o modo pelo qual o desafiador cenário globalizado garante a contribuição de um grupo importante na determinação dos métodos utilizados na avaliação de resultados.
05. Construção
Explicar o problema e o desafio
É claro que a necessidade de renovação processual ainda não demonstrou convincentemente que vai participar na mudança do processo de comunicação como um todo.
Podemos já vislumbrar o modo pelo qual o desafiador cenário globalizado garante a contribuição de um grupo importante na determinação dos métodos utilizados na avaliação de resultados.