Cliente
Visão geral
A PariPassu é referência em tecnologia para o setor de agroalimento. O CLICQ é o produto de checklist de inspeção de qualidade da empresa, focado na indústria alimentícia e usado para criar e aplicar questionários personalizados por produto, indústria e processo, com uma versão web para configuração e um app mobile para aplicação em campo, online e offline.
Desafios
Apesar de pioneiro em um nicho muito específico, o produto carregava inúmeros problemas de usabilidade que afetavam tanto quem aplicava os questionários quanto quem os configurava.
Aplicativo mobile limitado: O app permitia apenas aplicar questionários e qualquer criação ou edição de formulário dependia da versão web, travando os usuários que trabalhavas só pelo celular.
Perda de dados constantes: O funcionamento offline, essencial em locais sem internet, dependia de o usuário lembrar de clicar em "sincronizar". Falhas nesse processo geravam perdas de dados muitas vezes irrecuperáveis.
Meu papel
Atuei como UX/UI no redesign do aplicativo do CLICQ, em parceria com outros designers, durante o processo de migração tecnológica do produto, com foco inicial no aplicativo mobile.
Responsabilidades
Processo de pesquisa e descobertas
Mapeamento de jornadas
Estudos de usabilidade
Criação de wireframes e protótipos
Testes de usabilidades
Criação e manutenção de Design System
Objetivos
Criar uma nova versão do aplicativo mais intuitiva, com autonomia real para o usuário durante o uso.
Zerar a perda de dados nas aplicações offline, tornando a sincronização automática.
Manter compatibilidade com o legado, preservando as funcionalidades essenciais da versão anterior durante a transição.
A fase de descoberta combinou entrevistas, visitas de campo, análises de concorrente dentre outras formas de pesquisa, envolvendo tanto usuários que aplicavam os questionários quanto quem os configurava e acompanhava os resultados.
Principais problemas
Questionários fora de contexto
Perguntas de inspeção de produto e de processo, apesar de estruturas muito parecidas, ficavam misturadas numa única lista, tendo como único identificador o nome do questionário, o que levava usuários a aplicar o formulário errado sem perceber.
Conceitos confusos e "gambiarras"
Definições específicas do setor, como a diferença entre reprovar uma carga e o supermercado aceitá-la parcial ou totalmente. Isso forçava os usuários a criar soluções alternativas dentro da própria ferramenta para atender às demandas.
Ergonomia ignorada no contexto real
Em frigoríficos, os usuários operavam o aplicativo com luvas, em câmaras frias. Ícones e áreas de clique pequenas geravam erros constantes durante a aplicação dos questionários.
Personas
O estudo de personas foi desenvolvido em parceria com uma empresa tercerizada, a qual nos trouxe um panorama claro dos perfis de usuários.
As pesquisas revelaram que os usuários não entendiam a lógica do sistema, eles apenas decoravam sequências de botões e se perdiam a qualquer mudança, cenário agravado pela alta rotatividade. Além disso, a operação real acontecia em câmaras frias, com o uso de luvas. Botões pequenos e má ergonomia causavam cliques acidentais e geravam um volume alto de ajustes manuais nas aplicações.
Análise de interfaces
Avaliamos a interface do CLICQ e identificamos, dentre muitos pontos, a ausência de hierarquia visual. Todas as telas pareciam iguais, o que dificultava a navegação e reforçava a dependência da memorização em vez do entendimento real da ferramenta.
Transformamos os achados da pesquisa em requisitos práticos para a nova versão do aplicativo. Em parceria com os desenvolvedores e alinhamentos com stakeholders, definimos o escopo essencial para a construção do MVP capaz de resolver as principais dores dos usuários.
Design System
Criação de Design System focado em mobile
Para acelerar o desenvolvimento do produto sem comprometer a qualidade, adotamos as diretrizes do Material Design do Google. A partir dele, estruturamos um Design System exclusivo para a plataforma mobile, garantindo uma biblioteca de componentes ergonômica e padronizada que acelerou as entregas da engenharia;
Separação de módulos
Divisão entre inspeção de produto e de processo
Criamos dois módulos distintos: um para inspeção de produtos e outro para inspeção de processos. Com isto, resolvendo a mistura de formulários e, como consequência, abrindo a possibilidade de vender os módulos separadamente, ampliando a receita e entregando a cada cliente só o que ele realmente usa.
Sincronização automática
Upload automático, sem depender de uma ação do usuário
Criamos mecanismos de sincronismo automático dos dados coletados offline, eliminando a perda de informações que antes dependia do usuário lembrar de clicar em "sincronizar".
UI com hierarquia e ergonomia
Áreas de clique maiores e uma interface redesenhada do zero
Redesenhamos a UI priorizando hierarquia visual e áreas de respiro, com botões e áreas de clique mais ergonômicas, pensadas inclusive para uso com luvas em ambientes como câmaras frias.
Autonomia no mobile
Cadastros e edições direto pelo aplicativo
O app deixou de ser só uma ferramenta de aplicação de questionários e passou a permitir cadastros e edições pontuais que antes só existiam na versão web, dando maior autonomia para os usuários durante as aplicações.
Transformando "gambiarra" em funcionalidade
Ajuste de funcionalidades de acordo com a rotina real dos usuários.
Separamos a avaliação da inspeção do resultado da entrega. Assim, o usuário consegue registrar com clareza situações como "carga reprovada na vistoria, mas aceita parcialmente pelo mercado", acabando com os improvisos dentro do aplicativo.
Resultado
A combinação de autonomia no mobile, sincronização automática e uma interface mais clara tornou o CLICQ mais rápido de usar e mais fácil de aprender, mesmo em um público com alta rotatividade.
Impactos
Nos testes de usabilidade, os mesmos formulários aplicados na versão antiga e na nova passaram de 13 para 7 minutos, quase pela metade do tempo.
Usuários relataram que a nova versão parecia "mais fácil de entender", mesmo mantendo as mesmas informações da versão anterior, um efeito direto da hierarquia visual e da reorganização da interface.
A divisão em módulos abriu uma nova forma de comercialização do produto, permitindo upsell e personalização da oferta por cliente.
Próximos passos
Mapear outros conceitos e particularidades operacionais do setor que ainda geram exceções e "gambiarras"
Avaliar a criação de novos módulos segmentados por tipo de operação, ampliando o modelo de venda por módulo.