Design SystemsAIData-heavy UX

SCRIOO

Risco em supply chain para times que respondem legalmente por ele. Redesenhei como a plataforma mostra o risco: o que o mapa diz primeiro e o que espera até você perguntar.

CONTEXTO

Tudo disputava a primeira camada

A SCRIOO é uma plataforma de risco em supply chain usada por times de compras, desenvolvimento de negócios e sustentabilidade. Seus usuários são empresas sujeitas ao European Supply Chain Due Diligence Act, que as responsabiliza por riscos ambientais e de direitos humanos dentro das próprias cadeias de suprimentos.

A plataforma monitora 180 milhões de fontes em 60 categorias de risco. Tudo isso precisava chegar a um único mapa sem que o primeiro olhar ficasse ilegível.

Também não tínhamos acesso direto às pessoas que iriam usá-la.

Meu papel·Product Designer·Contribuidor individual

ColaboraçãoProduto, engenharia e stakeholders do cliente

Problema: O mapa de risco mostrava muitos marcadores ao mesmo tempo, e cada um tentava comunicar várias informações de uma vez.

Proposta: Simplificar os marcadores para que a primeira camada mostre primeiro o sinal de risco mais importante, com o detalhe disponível aos poucos. A severidade usa cor e uma segunda pista visual, nunca só a cor.

Argumento: A função principal do mapa era direcionar a atenção. Mostrar menos de início ajudava a decidir mais rápido.

Problema: A mesma pergunta voltava em todas as telas: quanto detalhe cabe na primeira tela?

Proposta: Uma sequência só, aplicada ao mapa, a analytics e a insights: identificar o que merece atenção, entender por que importa e só então buscar o detalhe de apoio.

Argumento: O produto podia continuar denso sem que a primeira camada fosse densa. A complexidade continuava lá, só não aparecia toda de uma vez.

Validação de usabilidade

Validando clareza sem acesso às pessoas que iriam usar o produto

Fiz testes focados com participantes externos. O objetivo nunca foi validar conhecimento de domínio. Eles não tinham nenhum. O objetivo era verificar se alguém vendo a interface pela primeira vez conseguia encontrar a estrutura, seguir os fluxos principais e concluir tarefas específicas. Testamos só as áreas onde o time tinha mais incerteza.

Escaneamento do mapa
Pergunta
As pessoas conseguiam identificar os riscos mais importantes em um mapa denso?
Teste
Vários marcadores de risco em um cenário simplificado.
O que mudou
Hierarquia de marcadores mais simples e sinais de severidade mais claros.
Comparação de fornecedores
Pergunta
As pessoas conseguiam comparar incidentes de fornecedores ao longo do tempo?
Teste
Incident Through Time com dois ou mais fornecedores.
O que mudou
Hierarquia do gráfico, rótulos e fluxo de comparação.
Detalhe progressivo
Pergunta
As pessoas conseguiam ir da visão geral ao detalhe sem sobrecarga?
Teste
Tarefa indo da visão geral do mapa ao detalhe de apoio.
O que mudou
Primeira camada mais leve, com acesso progressivo ao detalhe.

Isso levou o time do debate interno a decisões informadas por evidência, sem fingir que a evidência era maior do que era.

Resultado

Lançado, e documentado para continuar assim

A SCRIOO foi lançada como uma plataforma web responsiva. Fundações de design system, tokens de tema e estados documentados apoiaram a implementação nos modos claro e escuro.

Uma primeira camada simplificada no mapa, sem perder o acesso aos detalhes mais profundos
Incident Through Time, para comparar o risco de fornecedores ao longo de um período
Fluxos, estados e regras de interação documentados para a implementação
Um time que passou do debate interno a decisões informadas por evidência