taynara santos
Product Designer Sênior
Empresa
4kst Unlimited Vision
Meu papel
Product Designer Sênior
Período
2024 - 2025
Escopo
Discovery · Protótipo · Handoff · v2.0
Contexto
O TS4KST é um produto de pesquisa da 4KST com o objetivo de desenvolver modelos preditivos de inteligência artificial para análise de séries temporais. O produto foi desenvolvido em parceria com um cliente do setor de energia.
Mas o produto precisava ir além do modelo de IA. Era necessário criar uma interface web que tornasse esses modelos acessíveis para dois tipos muito diferentes de usuário, com necessidades e níveis de familiaridade técnica completamente distintos.
Interface do TS4KST:
visão geral dos módulos do produto
🛢️ O desafio central não era técnico. Era de clareza e separação de contextos: um produto de IA só é útil se quem precisa usar consegue usar.
Problema
Perfil 1 — Usuário técnico
Precisa importar lotes de dados, configurar parâmetros dos modelos preditivos, acompanhar o processamento e fazer download dos resultados. Tem familiaridade com terminologia de análise de dados e machine learning.
Perfil 2 — Usuário final
Precisa apenas visualizar as séries e suas predições e exportar resultados. Não interage com configuração de modelos e precisa de clareza na leitura e facilidade de exportação.
⚡ O problema central era criar uma arquitetura que atendesse os dois perfis sem sobrecarregar nenhum deles com funcionalidades que não eram suas.
Meu papel
Fui responsável por todo o processo de design do produto, do entendimento dos requisitos à entrega para desenvolvimento:
-
Análise detalhada dos requisitos técnicos e de negócio
-
Estruturação da Matriz CSD
-
Benchmarking de ferramentas analíticas similares
-
Definição de user tasks e features por perfil
-
Criação do UserFlow separado por perfil
-
Wireframes e protótipos
-
Styleguide do produto
-
Handoff técnico para desenvolvimento
-
Participação na versão 2.0 do produto
Processo
01
Análise de requisitos
O projeto chegou com especificações técnicas detalhadas. Meu trabalho foi traduzir esses requisitos em necessidades de design, mapeando o que cada perfil de usuário precisaria ver e fazer em cada etapa do fluxo, separando o que era requisito real do que era complexidade técnica desnecessária na interface.
02
Matriz CSD
Com as certezas, suposições e dúvidas mapeadas, conduzi alinhamentos com a equipe técnica para fechar as lacunas antes de começar a desenhar. Isso evitou retrabalho em decisões que dependiam de regras de negócio que ainda não estavam definidas.
03
Benchmarking
Pesquisei ferramentas de análise de dados e plataformas analíticas para entender padrões de interação em fluxos de upload, configuração de parâmetros e visualização de resultados. O objetivo era encontrar referências que equilibrassem poder analítico com clareza de uso.
Benchmarking do TS4KST
04
User tasks e definição de features
Mapeei todas as tarefas que cada perfil precisaria realizar e defini as features correspondentes. Esse mapeamento guiou a arquitetura de navegação e o controle de acesso, garantindo que cada usuário visse e acessasse apenas o que era relevante para ele.
05
UserFlow e protótipo
Criei fluxos separados por perfil e desenvolvi o protótipo com mais de 15 telas cobrindo todos os módulos do produto. O protótipo foi validado com a equipe técnica antes do handoff.
UserFlow do TS4KST:
separado por perfil de usuário
Wireframes de baixa fidelidade:
estrutura e arquitetura das telas principais
Styleguide do produto:
cores, tipografia e componentes
Wireframes de média fidelidade:
evolução da estrutura para o protótipo
06
Versão 2.0
Depois do lançamento da primeira versão, o produto evoluiu com novas funcionalidades: gestão de usuários, página de recuperação de acesso, termos de uso e uma interface de login personalizada para o contexto do produto.
Decisões de design que merecem destaque
Uma plataforma, dois perfis
A alternativa seria criar dois produtos separados. Mas a decisão foi manter uma única plataforma com controle de acesso por autenticação. Isso simplifica a manutenção técnica e preserva a identidade do produto, enquanto garante que cada usuário tenha uma experiência focada no que ele precisa.
Transparência nos resultados
Para um produto de IA aplicada a decisões de negócio, transparência é importante. A interface mostra as métricas de avaliação dos modelos diretamente na tela, para que o usuário consiga avaliar a confiabilidade das predições antes de exportá-las.
Configuração progressiva no upload
O fluxo de importação permite que o usuário configure os atributos dos dados diretamente na interface, depois do upload, sem precisar preparar o arquivo antes. Isso reduz a barreira de entrada e o risco de erro logo no começo do processo.
Download granular
Usuários diferentes precisam de recortes diferentes dos dados. A solução foi oferecer múltiplas opções de download: dataset original, predições e métricas consolidadas. Cada opção resolve uma necessidade específica sem obrigar o usuário a processar um volume maior do que precisa.
Resultado e impacto
-
Produto entregue e em uso com dados reais do cliente
-
Arquitetura de dois perfis implementada com sucesso
-
Versão 2.0 desenvolvida com expansão de funcionalidades
-
Processo end-to-end documentado: da análise de requisitos ao handoff técnico
-
Produto de pesquisa científica com potencial de comercialização
O que esse case demonstra