Design, Dados e Doação de Sangue: Como um Totem me Fez Repensar a Experiência do Usuário
Descubra como um teste A/B/C no Hemocentro de SP usa design e dados para melhorar a experiência do usuário, com lições sobre padrões, acessibilidade e engajamento.
Era uma manhã qualquer quando pisei no Hemocentro de São Paulo do Hospital das Clínicas da FMUSP, em São Paulo, para doar sangue. Tudo fluía bem: equipe atenciosa, ambiente acolhedor e processo organizado. Mas, ao usar o totem de autoatendimento para digitar meu CPF, senti um pequeno atrito. Esse incômodo virou hipótese de design.
Do Pequeno Incômodo à Hipótese
A pergunta era simples: por que complicar uma tarefa tão comum como digitar um CPF? A hipótese foi comparar o layout atual com padrões familiares, como PIN pad 3x4 e teclado linear estilo smartphone, reduzindo carga cognitiva e tempo de execução.
O Experimento A/B/C
Criei um teste com três versões:
- Versão A: layout atual do totem.
- Versão B: proposta com padrão PIN pad 3x4.
- Versão C: variação linear, inspirada em teclados móveis.
Quem acessa entra aleatoriamente em uma versão. As métricas coletadas são tempo de interação, erros e taxa de conclusão, com tratamento de privacidade.
Acessar o protótipo do teste A/B/C
Stack e Execução
O protótipo foi construído com Angular, instrumentado com Microsoft Clarity e consolidado com Google Sheets + Apps Script. O objetivo foi acelerar a aprendizagem, com iteração rápida e foco em comportamento real.
Métricas e Critérios
- Tempo de interação: quanto tempo para concluir a digitação.
- Erros: quantidade de correções durante o fluxo.
- Taxa de conclusão: proporção de usuários que finalizam a tarefa.
A meta é reduzir tempo em pelo menos 15% e erros em 20% nas versões propostas.
Acessibilidade e Clareza Visual
A solução busca equilíbrio entre simplicidade e legibilidade, com contraste adequado (WCAG 2.1), hierarquia visual clara e feedback rápido para cada ação.
Aprendizados
- Padrões familiares reduzem esforço cognitivo.
- Dados orientam decisões com menos achismo.
- Divulgação é parte crítica do experimento.
- IA acelera entrega, mas direção continua humana.
O estudo segue em coleta. Depois, publicarei a análise estatística completa com os resultados finais.
Outras Publicações
A segunda corda
A linha de vida que impediu a queda de Mayk abre uma reflexão sobre trabalho, propriedade, tecnologia e as proteções que sustentam quem trabalha.
Há Quedas Por Vir
Um relato em cinco tempos sobre Há Quedas Por Vir, de Érica Storer e Sansa: shibari, um escritório suspenso e a queda que nunca chega.
Janelas de profundidade: paralaxe com rastreamento facial no navegador
Construí uma técnica de renderização que transforma a tela do computador numa janela de verdade: a webcam segue a posição da sua cabeça e a cena 3D recalcula a perspectiva a cada quadro, com sombra do seu próprio corpo caindo sobre o cenário.