Design centrado no usuário elevando a produtividade

Validação de transações em pedágios brasileiros

FUNÇÃO

Designer de UX

ANO

2024

image

Descrição do Projeto

Nosso cliente, uma das maiores empresas de rodovias do Brasil, tinha como objetivo aumentar a produção de validações de tráfego em suas praças de pedágio, e a equipe fez isso perfeitamente.

Aumentamos até 150% da velocidade de produção geral e 800% nos casos de violação.

Contexto

Enquanto os sistemas automáticos de pedágio oferecem conveniência sem interrupções para os motoristas, as operações de backend envolvem um complexo processo de validação gerenciado por uma equipe dedicada. Meu papel neste projeto foi redesenhar a interface interna de validação usada pelos operadores—transformando um espaço de trabalho desatualizado e fragmentado em uma ferramenta moderna, personalizável e visualmente intuitiva. O objetivo era simplificar fluxos de trabalho, reduzir a carga cognitiva e melhorar significativamente a eficiência operacional.

Processo

Você pode conferir aqui todas as etapas que seguimos para encontrar os problemas reais.

Benchmarking

Para acelerar nosso processo de descoberta, aproveitamos referências internas de projetos anteriores. Esses padrões existentes nos deram uma compreensão inicial de como fluxos de validação semelhantes foram abordados, ajudando-nos a identificar oportunidades e limitações precoces.

Pesquisa com Usuários e Stakeholders

Para garantir que a solução estivesse fundamentada nas reais necessidades dos usuários e nas expectativas de negócios, realizamos uma série de entrevistas qualitativas.

Entrevistas com Funcionários

Entrevistamos 4 funcionários diretamente envolvidos no fluxo de validação. Esta pesquisa exploratória visava descobrir pontos de dor, ineficiências e necessidades não atendidas em suas tarefas diárias. As percepções coletadas foram fundamentais para revelar questões de usabilidade e informaram as primeiras etapas de ideação.

Entrevistas com Stakeholders

In parallel, we interviewed 2 key stakeholders. These conversations were focused on understanding their

strategic goals and expectations for the product. This alignment helped bridge user needs with business

objectives, ensuring we were designing for both operational efficiency and measurable impact.

Análise

Após as entrevistas, dedicamos tempo para mapear o fluxo de usuários atual e visualizar a experiência de ponta a ponta usando um blueprint de serviço. Isso nos permitiu entender holística e detalhadamente como diferentes pontos de contato se conectavam, identificar áreas de atrito e avaliar quais partes do processo estavam funcionando bem em comparação com aquelas que precisavam de melhorias.

Principais Insights

Nossa análise revelou uma lacuna operacional significativa no processo de validação. Os funcionários eram forçados a navegar por várias planilhas e abas de sistema apenas para completar uma única tarefa. Essa experiência fragmentada levou a ineficiências, aumento da carga cognitiva e maior risco de erro humano.

Solução

Os insights descobertos durante nossa pesquisa nos guiaram a um objetivo claro: consolidar o processo de validação fragmentado em uma única interface simplificada que aumentasse o foco, minimizasse atritos e melhorasse significativamente a eficiência.

Com essa visão em mente, começamos desenvolvendo wireframes de baixa fidelidade para explorar soluções potenciais. Essa abordagem nos permitiu iterar rapidamente e validar ideias centrais com os usuários antes de investir em visuais de alta fidelidade. Ao fundamentar nossos conceitos nas melhores práticas de usabilidade desde o início, garantimos que o design fosse intuitivo, orientado a objetivos e alinhado tanto com as necessidades dos usuários quanto com as prioridades de negócios.

Wireframe:

image

Solução Principal

Embora cada decisão de design tenha contribuído para o resultado geral, a mais impactante foi a introdução de linhas expansíveis, cada uma representando um caso de trânsito separado. Essa abordagem permitiu que os usuários acessassem todos os dados relevantes em um formato compacto e sob demanda, sem necessidade de alternar contextos ou navegar por várias telas. Ao centralizar as informações e simplificar o acesso, essa mudança abordou diretamente os gargalos de produtividade e melhorou significativamente a eficiência das tarefas.

Decisões de Design

Além da tabela expansível, fizemos várias escolhas de design intencionais para melhorar a usabilidade e simplificar o fluxo de trabalho do operador:

  • Painel de Ação Consolidado: Ações principais foram agrupadas em um cartão fixo no lado esquerdo da interface, garantindo que os operadores tivessem acesso rápido e consistente sem precisar escanear toda a tela.
  • Imagens de Veículos em Alta Resolução: Colocamos grandes imagens de veículos de alta qualidade na parte superior da interface para apoiar uma análise visual mais rápida e reduzir o tempo de tomada de decisão.
  • Atalhos de Teclado: Para simplificar ainda mais tarefas repetitivas, introduzimos atalhos de teclado personalizáveis. Isso capacitou os operadores, que frequentemente realizam as mesmas ações dezenas de vezes por dia, a configurar atalhos que correspondessem aos seus fluxos de trabalho pessoais, aumentando significativamente a velocidade e reduzindo a fadiga.
  • Filtros Personalizados Avançados: Nossa pesquisa revelou que os operadores seguem padrões específicos semana após semana. Para apoiar isso, projetamos um sistema de filtragem avançado que permite aos usuários salvar suas configurações de filtro personalizadas e executar consultas complexas com um único clique, eliminando entradas manuais repetitivas.

Cada detalhe visual e de interação foi elaborado para reduzir a carga cognitiva, aumentar a clareza e apoiar operações de alta velocidade, fatores cruciais para uma solução orientada à produtividade.

Antes

image

Depois

image

Resultados

Os resultados positivos só foram possíveis após iterar por duas rodadas de testes de usabilidade com usuários reais. Como esperado, cada sessão revelou feedback valioso que levou a ajustes direcionados, refinamentos que garantiram que a solução não fosse apenas funcional, mas genuinamente alinhada com as necessidades dos usuários.

Aumento de Produtividade

Como esperado com a introdução de uma interface redesenhada e novos recursos, houve uma curva de aprendizado inicial. Alguns usuários levaram um pouco mais de tempo para se adaptar à nova estrutura visual e padrões de interação. No entanto, uma vez familiarizados, o impacto em seu fluxo de trabalho foi substancial, a velocidade de execução de tarefas passou de 3.000 - 5.000 por dia para 9.000 - 11.000, um aumento de até 150%. A execução de tarefas de violação aumentou drasticamente, de 320 por dia para 2.880!

Esse ganho mensurável validou nossas decisões de design e confirmou que investir em uma interface mais focada, personalizável e intuitiva não apenas melhorou a experiência do usuário, mas também proporcionou uma eficiência operacional significativa.

JÚLIO UX

Designer de Produto | Designer de UX/UI

Navegação

Início

Contato

Estudos de caso

Sistema de validação de pedágio

Jornada UX

ScripTravel

Mídias sociais

Linkedin

Instagram

© 2025 – Júlio Costa

Julio UX

Get in touch

Design centrado no usuário elevando a produtividade

Validação de transações em pedágios brasileiros

FUNÇÃO

Designer de UX

ANO

2024

Image

Descrição do Projeto

Nosso cliente, uma das maiores empresas de rodovias do Brasil, tinha como objetivo aumentar a produção de validações de tráfego em suas praças de pedágio, e a equipe fez isso perfeitamente.

Aumentamos até 150% da velocidade de produção geral e 800% nos casos de violação.

Contexto

Enquanto os sistemas automáticos de pedágio oferecem conveniência sem interrupções para os motoristas, as operações de backend envolvem um complexo processo de validação gerenciado por uma equipe dedicada. Meu papel neste projeto foi redesenhar a interface interna de validação usada pelos operadores—transformando um espaço de trabalho desatualizado e fragmentado em uma ferramenta moderna, personalizável e visualmente intuitiva. O objetivo era simplificar fluxos de trabalho, reduzir a carga cognitiva e melhorar significativamente a eficiência operacional.

Processo

Você pode conferir aqui todas as etapas que seguimos para encontrar os problemas reais.

Benchmarking

Para acelerar nosso processo de descoberta, aproveitamos referências internas de projetos anteriores. Esses padrões existentes nos deram uma compreensão inicial de como fluxos de validação semelhantes foram abordados, ajudando-nos a identificar oportunidades e limitações precoces.

Pesquisa com Usuários e Stakeholders

Para garantir que a solução estivesse fundamentada nas reais necessidades dos usuários e nas expectativas de negócios, realizamos uma série de entrevistas qualitativas.

Entrevistas com Funcionários

Entrevistamos 4 funcionários diretamente envolvidos no fluxo de validação. Esta pesquisa exploratória visava descobrir pontos de dor, ineficiências e necessidades não atendidas em suas tarefas diárias. As percepções coletadas foram fundamentais para revelar questões de usabilidade e informaram as primeiras etapas de ideação.

Entrevistas com Stakeholders

Em paralelo, entrevistamos 2 stakeholders chave. Essas conversas foram focadas em entender seus objetivos estratégicos e expectativas para o produto. Esse alinhamento ajudou a conectar as necessidades dos usuários com os objetivos de negócios, garantindo que estávamos projetando tanto para eficiência operacional quanto para impacto mensurável.

Análise

Após as entrevistas, dedicamos tempo para mapear o fluxo de usuários atual e visualizar a experiência de ponta a ponta usando um blueprint de serviço. Isso nos permitiu entender holística e detalhadamente como diferentes pontos de contato se conectavam, identificar áreas de atrito e avaliar quais partes do processo estavam funcionando bem em comparação com aquelas que precisavam de melhorias.

Principais Insights

Nossa análise revelou uma lacuna operacional significativa no processo de validação. Os funcionários eram forçados a navegar por várias planilhas e abas de sistema apenas para completar uma única tarefa. Essa experiência fragmentada levou a ineficiências, aumento da carga cognitiva e maior risco de erro humano.

Solução

Os insights descobertos durante nossa pesquisa nos guiaram a um objetivo claro: consolidar o processo de validação fragmentado em uma única interface simplificada que aumentasse o foco, minimizasse atritos e melhorasse significativamente a eficiência.

Com essa visão em mente, começamos desenvolvendo wireframes de baixa fidelidade para explorar soluções potenciais. Essa abordagem nos permitiu iterar rapidamente e validar ideias centrais com os usuários antes de investir em visuais de alta fidelidade. Ao fundamentar nossos conceitos nas melhores práticas de usabilidade desde o início, garantimos que o design fosse intuitivo, orientado a objetivos e alinhado tanto com as necessidades dos usuários quanto com as prioridades de negócios.

Wireframe:

Image

Solução Principal

Embora cada decisão de design tenha contribuído para o resultado geral, a mais impactante foi a introdução de linhas expansíveis, cada uma representando um caso de trânsito separado. Essa abordagem permitiu que os usuários acessassem todos os dados relevantes em um formato compacto e sob demanda, sem necessidade de alternar contextos ou navegar por várias telas. Ao centralizar as informações e simplificar o acesso, essa mudança abordou diretamente os gargalos de produtividade e melhorou significativamente a eficiência das tarefas.

Decisões de Design

Além da tabela expansível, fizemos várias escolhas de design intencionais para melhorar a usabilidade e simplificar o fluxo de trabalho do operador:

Painel de Ação Consolidado: Ações principais foram agrupadas em um cartão fixo no lado esquerdo da interface, garantindo que os operadores tivessem acesso rápido e consistente sem precisar escanear toda a tela.

Imagens de Veículos em Alta Resolução: Colocamos grandes imagens de veículos de alta qualidade na parte superior da interface para apoiar uma análise visual mais rápida e reduzir o tempo de tomada de decisão.

Atalhos de Teclado: Para simplificar ainda mais tarefas repetitivas, introduzimos atalhos de teclado personalizáveis. Isso capacitou os operadores, que frequentemente realizam as mesmas ações dezenas de vezes por dia, a configurar atalhos que correspondessem aos seus fluxos de trabalho pessoais, aumentando significativamente a velocidade e reduzindo a fadiga.

Filtros Personalizados Avançados: Nossa pesquisa revelou que os operadores seguem padrões específicos semana após semana. Para apoiar isso, projetamos um sistema de filtragem avançado que permite aos usuários salvar suas configurações de filtro personalizadas e executar consultas complexas com um único clique, eliminando entradas manuais repetitivas.

Cada detalhe visual e de interação foi elaborado para reduzir a carga cognitiva, aumentar a clareza e apoiar operações de alta velocidade, fatores cruciais para uma solução orientada à produtividade.

Antes

Image

Depois

Image

Resultados

Os resultados positivos só foram possíveis após iterar por duas rodadas de testes de usabilidade com usuários reais. Como esperado, cada sessão revelou feedback valioso que levou a ajustes direcionados, refinamentos que garantiram que a solução não fosse apenas funcional, mas genuinamente alinhada com as necessidades dos usuários.

Aumento de Produtividade

Como esperado com a introdução de uma interface redesenhada e novos recursos, houve uma curva de aprendizado inicial. Alguns usuários levaram um pouco mais de tempo para se adaptar à nova estrutura visual e padrões de interação. No entanto, uma vez familiarizados, o impacto em seu fluxo de trabalho foi substancial, a velocidade de execução de tarefas passou de 3.000 - 5.000 por dia para 9.000 - 11.000, um aumento de até 150%. A execução de tarefas de violação aumentou drasticamente, de 320 por dia para 2.880!

Esse ganho mensurável validou nossas decisões de design e confirmou que investir em uma interface mais focada, personalizável e intuitiva não apenas melhorou a experiência do usuário, mas também proporcionou uma eficiência operacional significativa.

JÚLIO UX

Designer de Produto | Designer de UX/UI

Navegação

Início

Contato

Estudos de caso

Sistema de validação de pedágio

Jornada UX

ScripTravel

Mídias sociais

Linkedin

Instagram

© 2025 – Júlio Costa