Melhorando a experiência de transferir via Pix

Período

2023

Empresa

Superdigital · Terceirizado

Minha função

Product Designer

Squad

Payments & Transactions

Introdução

Contexto do projeto

Atuei na Superdigital, uma instituição de pagamentos do grupo Santander que opera no Brasil e em outros países da América Latina. O fluxo de transferência via Pix foi projetado em 2020 para atender aos requisitos de lançamento regulamentados pelo Banco Central. Contudo, a falta de atualizações, desde então, gerava inúmeras reclamações em diversos canais da empresa.

Objetivos definidos

Mapear pontos de dor dos usuários através de um Product Discovery.

Mapear pontos de dor dos usuários através de um Product Discovery.

Mapear pontos de dor dos usuários através de um Product Discovery.

Implementar o Design System para unificar padrões de design.

Implementar o Design System para unificar padrões de design.

Implementar o Design System para unificar padrões de design.

Criar propostas de melhoria para o fluxo com base nas descobertas.

Criar propostas de melhoria para o fluxo com base nas descobertas.

Criar propostas de melhoria para o fluxo com base nas descobertas.

Desafios do projeto

Discovery sem ter contato direto com os usuários.

Discovery sem ter contato direto com os usuários.

Discovery sem ter contato direto com os usuários.

Migrar uma jornada de legado para Design System.

Migrar uma jornada de legado para Design System.

Migrar uma jornada de legado para Design System.

Atender à regulamentação e cronograma do Banco Central.

Atender à regulamentação e cronograma do Banco Central.

Atender à regulamentação e cronograma do Banco Central.

Pesquisas e descobertas

Analisando avaliações de usuários

Para iniciar a descoberta, utilizei os canais de avaliação disponíveis (Reclame Aqui, Play Store e App Store) para coletar feedbacks dos usuários sobre a experiência de uso do Pix. Confira alguns dos principais feedbacks analisados:

“...pix que é algo simples e prático, é uma luta, preciso refazer as transações por mais de 5 vezes, isso porque apresenta que foi concluído mas não envia o valor, teve um caso que cheguei a ficar 24 horas sem saber onde estava meu dinheiro, decepcionada. Se pudesse pararia de usar.”

“Eu tenho usado o app com frequência. Porém sinto falta de algumas coisas. A principal é a opção de salvar contatos de chave pix...”

"Lamentável, o que era para ser simples e rápido como Pix, acaba se tornando uma horrível experiência em uma conta digital. Só consegui fazer uma simples transferência depois de 7 tentativas frustradas, isso é decepcionante."

“Vc não consegue enviar o comprovante de um pix tem que tirar print. Fazer pix e horrível e complicado, não vale a pena não, sem dúvidas o app não foi deito por profissionais”

“Não chega mensagens de pix recebido tem q ficar abrindo o aplicativo toda vez que recebe um pix para quem tem comércio fica muito demorado isso...”

“Bom aplicativo, porém não recebo notificação de pix e você tem que especificar o tipo de chave pix sendo que tem apps de outros bacnos que reconhece o tipo de chave automaticamente.”

Principais insights obtidos:

Usuários sentem falta da possibilidade de salvar e gerenciar chaves para transações Pix.

Usuários sentem falta da possibilidade de salvar e gerenciar chaves para transações Pix.

Usuários sentem falta da possibilidade de salvar e gerenciar chaves para transações Pix.

Usuários gostariam de ser notificados sobre as transações enviadas e recebidas.

Usuários gostariam de ser notificados sobre as transações enviadas e recebidas.

Usuários gostariam de ser notificados sobre as transações enviadas e recebidas.

Os usuários consideram o fluxo mais complicado do que em outras instituições financeiras.

Os usuários consideram o fluxo mais complicado do que em outras instituições financeiras.

Os usuários consideram o fluxo mais complicado do que em outras instituições financeiras.

Impossibilidade de enviar o comprovante de pagamento Pix incomoda os usuários.

Impossibilidade de enviar o comprovante de pagamento Pix incomoda os usuários.

Impossibilidade de enviar o comprovante de pagamento Pix incomoda os usuários.

Observando o posicionamento de outras instituições

Examinei o processo de transferência Pix de outras instituições para ter uma compreensão mais clara das experiências disponíveis no mercado.

Aprendemos que algumas instituições:

Fornecem funcionalidades que dão agilidade ao processo de transferir e gerenciar chaves.

Fornecem funcionalidades que dão agilidade ao processo de transferir e gerenciar chaves.

Fornecem funcionalidades que dão agilidade ao processo de transferir e gerenciar chaves.

Possuem foco no valor a ser enviado e no recebedor do pagamento.

Possuem foco no valor a ser enviado e no recebedor do pagamento.

Possuem foco no valor a ser enviado e no recebedor do pagamento.

Possuem o mínimo de telas e interações necessárias para realizar o pagamento.

Possuem o mínimo de telas e interações necessárias para realizar o pagamento.

Possuem o mínimo de telas e interações necessárias para realizar o pagamento.

Transformando observações em dados quantitativos

Tabulei os dados das pesquisas anteriores para criar uma tabela mostrando as funcionalidades de cada player. Estas funcionalidades, embora não obrigatórias segundo a regulamentação do Banco Central, me orientaram a pensar em formas de auxiliar os usuários em seus objetivos.

Avaliando a jornada legado com base nas Heurísticas de Nielsen

Conduzi uma avaliação heurística para identificar, classificar e propor soluções para problemas de usabilidade. Tabulei os resultados em uma planilha e gerei gráficos para mapear as heurísticas feridas, grau de gravidade e de dificuldade de implementação das soluções propostas.

Principais oportunidades e descobertas

Aplicar o Design System pode resolver problemas de layout, padronização e acessibilidade.

Aplicar o Design System pode resolver problemas de layout, padronização e acessibilidade.

Aplicar o Design System pode resolver problemas de layout, padronização e acessibilidade.

O fluxo apresenta atritos devido a confirmações excessivas, prolongando a transação.

O fluxo apresenta atritos devido a confirmações excessivas, prolongando a transação.

O fluxo apresenta atritos devido a confirmações excessivas, prolongando a transação.

Durante a revisão da transferência, podemos aprimorar a arquitetura das informações.

Durante a revisão da transferência, podemos aprimorar a arquitetura das informações.

Durante a revisão da transferência, podemos aprimorar a arquitetura das informações.

Acompanhar o mercado e ouvir os usuários é essencial para que seja possível facilitar o processo de pagamento.

Acompanhar o mercado e ouvir os usuários é essencial para que seja possível facilitar o processo de pagamento.

Acompanhar o mercado e ouvir os usuários é essencial para que seja possível facilitar o processo de pagamento.

É fundamental apresentar os dados do recebedor de forma clara e contínua para auxiliar na confirmação do pagamento.

É fundamental apresentar os dados do recebedor de forma clara e contínua para auxiliar na confirmação do pagamento.

É fundamental apresentar os dados do recebedor de forma clara e contínua para auxiliar na confirmação do pagamento.

Os conteúdos textuais podem ser revistos pelo UX Writer da equipe para melhorias.

Os conteúdos textuais podem ser revistos pelo UX Writer da equipe para melhorias.

Os conteúdos textuais podem ser revistos pelo UX Writer da equipe para melhorias.

Definindo o escopo

Priorizando funcionalidades

Apliquei uma matriz de esforço versus impacto para definir quais itens deveriam ser priorizados. Além disso, para uma estimativa mais precisa do esforço necessário, levamos em conta se o cliente já possuía ou não a funcionalidade.

Durante todo o projeto, mantive os itens priorizados em foco, elaborando soluções para as funcionalidades com maior impacto e menor esforço, e iniciei projetos dedicados com o time para desenvolver as que exigiriam maior esforço devido à sua complexidade.

Esboçando soluções

Para agilizar a exploração de possíveis soluções, primeiro foquei em desenvolver protótipos de média fidelidade das funcionalidades priorizadas anteriormente. Conforme avancei no desenvolvimento, apresentei as possíveis soluções em rodadas de Design Critique com o time para obter feedbacks e realizar um processo iterativo.

Para agilizar a exploração de possíveis soluções, primeiro foquei em desenvolver protótipos de média fidelidade das funcionalidades priorizadas anteriormente. Conforme avancei no desenvolvimento, rodadas de Design Critique foram efetuadas com o time para obter feedbacks e realizar um processo

Para agilizar a exploração de possíveis soluções, primeiro foquei em desenvolver protótipos de média fidelidade das funcionalidades priorizadas anteriormente. Conforme avancei no desenvolvimento, rodadas de Design Critique foram efetuadas com o time para obter feedbacks e realizar um processo

Contornando obstáculos

No meio do caminho havia uma pedra…

A Squad passou por mudanças de prioridades e precisei trabalhar em alguns outros projetos. Retornei apenas algumas sprints mais tarde e, durante esse tempo uma coisa mudou: não seria mais priorizado o desenvolvimento de novas funcionalidades.

Mesmo com essa restrição, ainda era possível aplicar inúmeras melhorias no fluxo com base nas informações coletadas. A despriorização do desenvolvimento de novas funcionalidades deu espaço para que fosse possível aplicar o Design System na Home do Pix e também no restante dos fluxos, visando corrigir os problemas identificados anteriormente que não envolvessem alterações na estrutura do back-end.

A Squad passou por mudanças de prioridades e precisei trabalhar em alguns outros projetos. Retornei apenas algumas sprints mais tarde e, durante esse tempo algumas coisas mudaram: não seria mais priorizado o desenvolvimento de novas funcionalidades.

Mesmo com essa restrição, ainda era possível aplicar inúmeras melhorias no fluxo com base nas informações coletadas. A priorização do não desenvolvimento de novas funcionalidades para o ambiente Pix deu espaço para que fosse possível aplicar o Design System na Home do Pix e também no restante dos fluxos, visando corrigir os problemas identificados anteriormente que não envolvessem alterações na estrutura do back-end.

A Squad passou por mudanças de prioridades e precisei trabalhar em alguns outros projetos. Retornei apenas algumas sprints mais tarde e, durante esse tempo algumas coisas mudaram: não seria mais priorizado o desenvolvimento de novas funcionalidades.

Mesmo com essa restrição, ainda era possível aplicar inúmeras melhorias no fluxo com base nas informações coletadas. A priorização do não desenvolvimento de novas funcionalidades para o ambiente Pix deu espaço para que fosse possível aplicar o Design System na Home do Pix e também no restante dos fluxos, visando corrigir os problemas identificados anteriormente que não envolvessem alterações na estrutura do back-end.

As soluções

Nova área Pix

Utilizei atalhos horizontais para as ações mais utilizadas, e uma listagem vertical para as funcionalidades de gerenciamento.

Antes

Depois

Tela inicial de transferência

Maior foco nos elementos de entrada e envio de dados da interface.

Agora os elementos de entrada de dados estão destacados na interface, além de termos um botão para pesquisar a chave

Demos foco para os elementos de entrada de dados e adicionamos o botão de busca de chave.

Antes

Depois

Preencher valor do pagamento

O campo de inserção do valor agora ocupa uma hierarquia maior na interface, e deixei evidente que a descrição é opcional.

Além disso, o nome do recebedor do pagamento é destacado no texto instrutivo da interface.

Antes

Depois

Confirmar transação

O valor da transferência agora ocupa a posição de destaque, juntamente com um feedback do saldo da conta logo abaixo.

A exibição das informações do pagamento e do recebedor foram reorganizadas em uma listagem.

Antes

Depois

Removendo atritos na jornada

O fluxo legado foi criado para o lançamento do Pix, em meio a incertezas sobre o funcionamento e as reações dos usuários. Com a popularização da forma de pagamento, foi possível eliminar os modais que causavam atritos indesejáveis na experiência ao solicitar confirmações excessivas.

Antes

Depois

Novo comprovante de transferência

Agora é possível compartilhar o comprovante imediatamente após a transação.

Além de priorizar uma visualização clara e objetiva para as informações do pagamento.

Antes

Depois

Comunicando com nossos usuários

Agora há notificações push para informar os usuários de forma assíncrona sobre o envio e recebimento de transações Pix.

Resultados

Impacto atingido

+1 Fluxo utilizando o Design System, rumo a utilização em todo o aplicativo.

+1 Fluxo utilizando o Design System, rumo a utilização em todo o aplicativo.

+1 Fluxo utilizando o Design System, rumo a utilização em todo o aplicativo.

Conformidade com toda a regulamentação definida no manual do Banco Central.

Conformidade com toda a regulamentação definida no manual do Banco Central.

Conformidade com toda a regulamentação definida no manual do Banco Central.

Correção de problemas de usabilidade identificados no Discovery.

Correção de problemas de usabilidade identificados no Discovery.

Correção de problemas de usabilidade identificados no Discovery.

Principais aprendizados

O que eu aprendi durante esse projeto?

Escolher técnicas adaptadas às restrições foi crucial, alcançando resultados positivos mesmo sem interação direta com os usuários.

Escolher técnicas adaptadas às restrições foi crucial, alcançando resultados positivos mesmo sem interação direta com os usuários.

Escolher técnicas adaptadas às restrições foi crucial, alcançando resultados positivos mesmo sem interação direta com os usuários.

Utilizá-lo trouxe agilidade e entregas consistentes, permitindo foco nas necessidades dos usuários. Criar o design final torna-se similar a montar um lego.

Utilizá-lo trouxe agilidade e entregas consistentes, permitindo foco nas necessidades dos usuários. Criar o design final torna-se similar a montar um lego.

Utilizá-lo trouxe agilidade e entregas consistentes, permitindo foco nas necessidades dos usuários. Criar o design final torna-se similar a montar um lego.

Informações qualitativas são inestimáveis, mas adaptá-las quantitativamente pode ser mais eficaz para demonstrar resultados de forma objetiva.

Informações qualitativas são inestimáveis, mas adaptá-las quantitativamente pode ser mais eficaz para demonstrar resultados de forma objetiva.

Informações qualitativas são inestimáveis, mas adaptá-las quantitativamente pode ser mais eficaz para demonstrar resultados de forma objetiva.

No ambiente real de trabalho sempre podemos ser surpreendidos por mudanças de rumo, então devemos nos preparar para lidar com reviravoltas.

No ambiente real de trabalho sempre podemos ser surpreendidos por mudanças de rumo, então devemos nos preparar para lidar com reviravoltas.

No ambiente real de trabalho sempre podemos ser surpreendidos por mudanças de rumo, então devemos nos preparar para lidar com reviravoltas.

Vamos conversar?

Sempre estou disponível para trocar ideias sobre design, tecnologia e projetos.

Vamos conversar?

Sempre estou disponível para trocar ideias sobre design, tecnologia e projetos.

Vamos conversar?

Sempre estou disponível para trocar ideias sobre design, tecnologia e projetos.

Create a free website with Framer, the website builder loved by startups, designers and agencies.