Pix via JSR | Guia de UX Open Finance Brasil

Visão geral

A Jornada de Iniciação de Pagamento Sem Redirecionamento (JSR) ocorre quando:

A Instituição Iniciadora de Transação de Pagamento (ITP) coleta as informações necessárias para configuração do pagamento utilizando um vínculo de conta previamente criado através da jornada de Vinculação de Conta via Open Finance.
Após revisar os dados, o usuário confirma a transação na ITP através da chave de segurança.
Por fim, a ITP informa o resultado da solicitação de pagamento, concluindo a jornada.

Diagrama de sequência da Jornada de Pagamento Sem Redirecionamento (JSR)

Telas de exemplo

Nota
Nas interfaces ilustrativas, a Instituição Iniciadora de Transação de Pagamento (ITP) é representada pelas marcas Wiscredi e Cloud Finance, sendo esta última utilizada como solução whitelabel pelo recebedor Seu Lar.
A Instituição Detentora de Conta (ID) é representada pela marca Bratech.

Protótipo navegável

Fluxo de telas

Requisitos e recomendações

Esta seção reúne os requisitos e recomendações aplicáveis à jornada de pagamento imediato com Pix sem redirecionamento via Open Finance.

Etapas da jornada

Solicitação
Confirmação
Efetivação

Cenário de referência

Pagamento imediato com Pix sem redirecionamento.
Alçada simples.

Jornadas que envolvam múltiplos aprovadores e transações temporizadas para JSR devem observar as regras específicas previstas nos subcapítulos correspondentes.

Nota
Além dos requisitos e recomendações previstos nesta jornada de pagamento, aplicam-se aqueles descritos em:

Regulamentação e documentos do arranjo de pagamento vigentes.

Etapa 1: Solicitação

Resumo

Nesta etapa, o usuário:

Inicia a Jornada de pagamento Sem Redirecionamento (JSR), como um Pix por Biometria ou Pix por Aproximação, via Open Finance.
Escolhe o vínculo de conta previamente criado para realizar o pagamento.
Define os parâmetros da transação, como valor e dados do recebedor, quando aplicável, conforme as regras da forma de iniciação selecionada.
Revisa os dados configurados e visualiza as demais informações que compõem a solicitação que será processada pela Instituição Iniciadora de Transação de Pagamento (ITP) por meio da infraestrutura do Open Finance.

A ITP deve:

Garantir uma experiência clara, segura e informativa.
Indicar, em algum ponto da jornada, que o serviço é baseado em Open Finance.
Permitir a seleção eficiente do vínculo de conta.
Validar os dados inseridos, ocultando informações sensíveis.
Preparar a solicitação de iniciação de pagamento para envio à ID.
Quando aplicável, exibir mensagens de erro claras ao usuário.

Requisitos - ITP

Cenário: Geral

🚫 REQ.PG-00100 Não comparar arranjos de pagamento de forma a desqualificar um deles.
✅ REQ.PG-00200 Mencionar o Open Finance em algum ponto visível da interface.
Ex.: Tooltip, selo, frase como "com a segurança do Open Finance”.

Cenário: Busca e seleção do vínculo

✅ REQ.PG-00201 Possibilitar que o usuário selecione, com agilidade e precisão, a instituição com a qual possui vínculo de conta.
✅ REQ.PG-00202 Exibir todas as instituições com as quais o usuário tenha efetuado a vinculação de conta no dispositivo utilizado.

Cenário: Solicitação de transação de pagamento

Nesse momento, o usuário insere e/ou revisa as informações da transação conforme a forma de iniciação de pagamento selecionada e as regras do arranjo de pagamento.

✅ REQ.PG-00800 Além das informações descritas nesta etapa, exibir quaisquer outras informações exigidas pelo arranjo de pagamento para solicitação de pagamento.

✅ REQ.PG-00900 Disponibilizar um campo para que o usuário preencha ou altere o valor, quando permitido pelo recebedor.

✅ REQ.PG-01000 Exibir o valor automaticamente sem possibilidade de alteração, quando determinado pelo recebedor.

✅ REQ.PG-01100 Exibir o valor da tarifa cobrada pela ITP, quando aplicável.

✅ REQ.PG-01200 Exibir a forma de pagamento.

✅ REQ.PG-01300 Exibir a data do pagamento.

Nota

Para permitir o agendamento do pagamento, consulte a página Pix Agendado.

✅ REQ.PG-01400 Disponibilizar um campo para preenchimento opcional da descrição do pagamento, quando aplicável.

Ex.: Pagamento via chave Pix ou inserção manual de dados transacionais.

✅ REQ.PG-01500 Exibir a descrição automaticamente, quando aplicável.

Ex.: Pagamento via QR Code.

✅ REQ.PG-01600 Permitir que o usuário insira os dados do recebedor como instituição, agência, conta e CPF/CNPJ em pagamentos via inserção manual de dados transacionais.

✅ REQ.PG-01700 Exibir os dados do recebedor automaticamente em pagamentos via chave Pix, Pix Copia e Cola e Pix via QR Code.

✅ REQ.PG-01800 Exibir nome e CPF (mascarado)/CNPJ do recebedor.

Nota
Nesta etapa, a exibição do nome da instituição de destino do recebedor é opcional e fica a critério do participante.

✅ REQ.PG-01900 Exibir o nome da ID selecionada pelo usuário, caso essa etapa tenha sido apresentada antes da revisão da transação.

✅ REQ.PG-02000 Exibir o nome da instituição responsável pela iniciação da transação de pagamento.

Nota
Caso o usuário já esteja no ambiente da própria ITP, a exibição do nome da ITP não é obrigatória, pois a identificação já é evidente no contexto.

✅ REQ.PG-02100 Informar o usuário que a transação será concluída apenas se houver saldo e limite transacional disponíveis na conta de débito.

Atenção!

De acordo com a regulação vigente, a apresentação de “Termos e Condições” ou recurso similar é facultativa para as Instituições Iniciadoras de Transação de Pagamento (ITP) nesta etapa da jornada de iniciação de pagamento. No entanto, uma vez apresentados, devem obedecer aos requisitos a seguir.

✅ REQ.PG-02200 Se apresentar Termos e Condições, exibir o conteúdo de forma clara e objetiva.
🚫 REQ.PG-02300 Se apresentar Termos e Condições, não utilizar opt-in.
✅ REQ.PG-02400 Se apresentar Termos e Condições, informar que, ao continuar, o usuário está concordando com esses termos.

Solicitação de autorização de pagamento imediato com Pix

Recomendações - ITP

Cenário: Geral

💡 REC.PG-00100 Ao apresentar ao usuário a opção de realizar pagamentos utilizando uma conta de outra instituição, utilizar linguagem pessoal e natural.
- “Pagar com minha conta”.
- “Transferir com meu banco”.
- “Usar minha Instituição”.
- “Pagar com outro banco”.

Nota
Esses exemplos foram baseados no teste de usabilidade feito pelo GT UX realizado em outubro de 2022 e não contemplam todas as formas de abordar o usuário.

💡 REC.PG-00200 Exibir onboarding para informar o usuário sobre a oferta do serviço pela ITP.

💡 REC.PG-00300 No onboarding, informar sobre o fluxo completo da jornada, incluindo o direcionamento para a ID e o retorno à ITP.
💡 REC.PG-00400 No onboarding, explicar claramente os benefícios da jornada com Open Finance, destacando pontos como segurança, rapidez e praticidade.
💡 REC.PG-00500 Quando aplicável, informar sobre a gratuidade da operação de forma clara e sem fricções que atrapalhem a jornada.

💡 REC.PG-00600 Exibir informações do serviço através de opções como “Saiba mais”.

Cenário: Solicitação de transação de pagamento

💡 REC.PG-00800 Permitir que o usuário altere facilmente os dados editáveis antes da continuação, evitando o reinício da jornada.
💡 REC.PG-00900 Posicionar os campos editáveis na parte superior da tela, quando aplicáveis, para garantir visibilidade e facilitar a edição.

💡 REC.PG-01100 Pré-preencher a data do pagamento automaticamente com a data da solicitação.

💡 REC.PG-01300 Apresentar os termos e condições, quando aplicável, de forma acessível, por exemplo via link, garantindo que o conteúdo seja compreensível e não redundante com o que já está presente na jornada.

Etapa 2: Confirmação

Resumo

Nesta etapa, o usuário:

Confirma a transação utilizando as credenciais geradas na etapa de Efetivação da Vinculação de Conta.

A ITP deve:

Garantir um ambiente seguro para confirmação através das credenciais.
Viabilizar a confirmação com o mínimo de fricção.

Requisitos - ITP

Cenário: Confirmação via validação das chaves (FIDO)

✅ REQ.PG-05899 Solicitar que o usuário confirme a solicitação através da inserção das credenciais criadas na Efetivação da Vinculação de Conta.

Cenário: Interrupção da jornada

✅ REQ.PG-05900 Possibilitar que o usuário interrompa a jornada antes da confirmação.
✅ REQ.PG-06000 Garantir que a opção de interrupção da jornada não seja visualmente mais proeminente do que a opção de prosseguir.

Etapa 3: Efetivação

Resumo

Nesta etapa final da jornada, o usuário:

Visualiza o resultado da transação.

A ITP deve:

Apresentar com clareza o resultado da transação, com mensagens claras de sucesso ou falha.
Disponibilizar um comprovante com os principais dados da transação.  
Quando aplicável, exibir mensagens de erro ou pendências, como autorizações em múltiplas alçadas, transações temporizadas ou indisponibilidade momentânea dos sistemas.

Requisitos - ITP

Cenário: Efetivação de transação de pagamento

✅ REQ.PG-06900 Além das informações descritas nesta etapa, exibir quaisquer outras informações exigidas pelo arranjo de pagamento para efetivação da transação.

✅ REQ.PG-07000 Exibir data e hora/minuto/segundo da liquidação (horário de Brasília).

✅ REQ.PG-07100 Exibir o Id (código de identificação) do pagamento.

✅ REQ.PG-07200 Exibir o valor do pagamento.

✅ REQ.PG-07300 Exibir nome completo, CPF (mascarado)/CNPJ, nome da ID, números da agência e conta do usuário pagador.

✅ REQ.PG-07400 Exibir nome, CPF (mascarado ou não)/CNPJ e instituição de destino do recebedor.

✅ REQ.PG-07500 Exibir a descrição do pagamento, quando aplicável.

✅ REQ.PG-07600 Exibir a forma de pagamento.

✅ REQ.PG-07700 Exibir o valor da tarifa cobrada pela instituição, quando aplicável.

✅ REQ.PG-07800 Exibir o nome da instituição responsável pela iniciação da transação de pagamento.

Nota
Caso o usuário já esteja no ambiente da própria ITP, a exibição do nome da ITP não é obrigatória, pois a identificação já é evidente no contexto.

Efetivação de pagamento imediato com Pix

Cenário: Interrupção da jornada

✅ REQ.PG-08100 Caso a ITP disponibilize a opção de interrupção da jornada através de cancelamento ativo como um botão "Cancelar", exibir mensagem confirmando o cancelamento da solicitação.

Recomendações - ITP

Cenário: Efetivação de transação de pagamento

💡 REC.PG-02100 Exibir o resultado da transação em tela ou através de, por exemplo, um botão. Ex.: “Ver comprovante”, “Detalhes”, “Saiba mais” etc.