pular para o conteúdo

Uma interface para o acervo de um assistente de IA

O acervo que alimenta o assistente ficava num bucket, e cada ação nele dependia de conhecimento técnico e das credenciais das ferramentas. A Biblioteca trouxe esse acervo para dentro do produto.

Meu papel
Product Designer
Período
3 meses
Times
Design + Engenharia
Plataforma
Web
A Biblioteca aberta em sig.igui.com, com a listagem do acervo: cada documento com seu nome, tamanho e um status de Ativo, Pausado ou Processando.

Contexto

O assistente da iGUi no WhatsApp responde consultando um acervo de documentos, e esse acervo decide a qualidade da resposta.

A Biblioteca é onde se mexe nesse acervo. Ela vive dentro do SiG, o backoffice da iGUi, onde cada área da franqueadora tem as ferramentas do seu próprio trabalho.

Meu papel

Defini as funções que a tela teria e fiz os protótipos, primeiro em média fidelidade, depois em alta.

Fiz
Arquitetura de informação · fluxos · protótipos · design system · handoff

O problema

Não havia produto. O acervo era um bucket, uma pasta na nuvem sem tela nenhuma, e mexer nele era saber o caminho do arquivo. A única interface era um utilitário de teste da engenharia, um campo para digitar o nome e um botão que apagava.

Servia a quem construía a ferramenta. Quem entende do conteúdo, justamente quem precisa alimentar um assistente, ficava de fora.

O que o uso revelou

  1. 01

    O acervo sem tela

    Antes da listagem, cada ação no acervo, subir ou excluir um arquivo, dependia de conhecimento técnico e das credenciais das ferramentas.

  2. 02

    Excluir sem volta

    Excluir era permanente, num acervo ainda em montagem. A lixeira veio de ver a equipe operando.

  3. 03

    Um documento por vez

    Quem atualiza o acervo mexe em vários documentos de uma vez, e a tela obrigava a repetir a mesma ação em cada arquivo. Seleção múltipla e ações em lote entraram depois.

  4. 04

    Pausar para testar

    O acervo muda o tempo todo, e a equipe pausa um documento para verificar como ele afeta a qualidade da resposta. Se o impacto é negativo, exclui; se não, reativa. Sem um estado de pausa, esse teste era feito excluindo o arquivo e restaurando depois.


Decisões

A Biblioteca com três documentos selecionados: a barra de seleção no topo oferece pausar respostas, mover para pasta e mover para lixeira; na tabela, a coluna Status mostra documentos ativos e pausados.
  1. A permissão como coluna

    Quem recebe o arquivo nas respostas se lê na listagem, sem abrir nada.

  2. Status chip

    Pausado não é excluído. Uma varredura na coluna diz o que está respondendo.

A Biblioteca com seleção ativa · protótipo
  1. A permissão como coluna

    Quem recebe o arquivo nas respostas se lê na listagem, sem abrir nada.

  2. Status chip

    Pausado não é excluído. Uma varredura na coluna diz o que está respondendo.

01 MANUAL ACESSE (2019).pdf Pausado
02 MANUAL AQUECEDOR SOLAR KELVIN (2023).pdf Ativo
03 MANUAL CASCATA CONTEMPORANEA (2021).pdf Ativo
04 MANUAL CASCATA IGUACU (2022).pdf Ativo
05 MANUAL CASCATA INOX (2022).pdf Ativo
06 MANUAL IGUI CLORADOR IGUI (2025).pdf Ativo

Pausar tira o documento das respostas do assistente e o mantém no acervo, à vista, na própria linha.
Diálogo de upload: área para selecionar ou arrastar arquivos, e um campo “quem pode receber estes arquivos nas respostas” com os papéis como chips.
  1. O campo de permissão

    Pergunta pelo alcance na conversa, não pelo acesso à Biblioteca.

  1. O campo de permissão

    Pergunta pelo alcance na conversa, não pelo acesso à Biblioteca.

O assistente responde no WhatsApp para públicos diferentes, e nem todo documento pode chegar a todos. A permissão entra junto com o arquivo porque decide para quem o assistente pode citar aquele conteúdo. Um arquivo indexado sem regra de alcance responde para quem não devia. O rótulo perguntava quem podia “ver” o arquivo, e “ver” vale tanto para enxergar o documento na Biblioteca quanto para recebê‑lo numa resposta. Passou a perguntar quem pode receber o arquivo nas respostas.
Diálogo de detalhes de um PDF: à esquerda formato, tamanho e datas; à direita o nome do arquivo, a descrição gerada por IA e o campo “quem pode receber este arquivo nas respostas”.
  1. A descrição gerada por IA

    É o maior campo do diálogo, porque é o que substitui abrir o arquivo.

  1. A descrição gerada por IA

    É o maior campo do diálogo, porque é o que substitui abrir o arquivo.

A Biblioteca não tem visualizador, e sem baixar o arquivo não dá para saber o que tem dentro. A descrição gerada por IA foi o caminho de menor esforço para resolver isso. Quem procura qual manual explica determinada coisa abre os detalhes, lê a descrição e já sabe o próximo passo.
Diálogo de mover arquivo, com abas de sugestão e todas as pastas, lista de destinos e a trilha “Início › Progeu › Desenhos Técnicos”.
Mover ganhou diálogo próprio, com o arquivo nomeado no título, sugestões antes da lista inteira e a trilha do destino no rodapé.

Resultados

Administrar o acervo deixou de exigir engenharia, e deixou de ser trabalho de arquivo em arquivo. As mesmas ações servem para um documento ou para uma remessa inteira.

Largar o arquivo num bucket, fora do produto
Upload na tela, com o alcance nas respostas definido na mesma etapa
Digitar o nome exato, de memória, para excluir
Selecionar o item na lista, com lixeira para voltar atrás
Um prefixo plano, sem nada que diga o que existe
Pastas por tipo de material, com breadcrumb e busca
Um documento por vez
Seleção múltipla, com pausar, mover e descartar em lote
Nenhum registro de quem fez o quê
Histórico por item, com autor e data

Aprendizados

O improviso é especificação. Ninguém pediu um botão de pausa: a equipe testava o acervo excluindo e restaurando documentos, e esse teste precisava de uma função própria.

Próximo projeto

Tela inicial do portal garantia.igui.com, com o formulário de busca da garantia.

Registro de garantia no ciclo pós‑venda

Product designer · web

Vamos tomarum café?