Tela a tela

Protótipo: Pix em Internet Banking

Vale a partir de 01/03/2027Manual de UX 7.4Hoje vale a 7.3

Navegue como num aplicativo: toque nas áreas destacadas, simule o que pode acontecer e confira ao lado os requisitos de cada tela.

IAsem revisão humanaSimulação didática. O manual desenha as telas, não o caminho exato entre elas: a navegação é uma leitura por IA. O que obriga é o texto do manual.

O protótipo foi pensado para o computador. No celular, toque nos itens destacados ou use a lista de caminhos acima de cada tela; para a experiência completa, abra numa tela maior.

Loja Exemplo · Finalize sua compra
Camisa polo · tamanho M
R$ 50,00
Frete
R$ 5,00
Total
R$ 55,00

Formas de pagamento

PixVocê recebe um QR Code ou um código para pagar
Cartão de crédito
Boleto
Pagar na loja
Próximo
Loja: forma de pagamentoNo manual, esta tela é o site de uma loja aberto no navegador do computador; aqui ela aparece num aparelho só para ilustrar. O cliente fecha a compra e escolhe Pix.
Ver a página do manual (p. 128)Página 128 do manual de UX 7.4 do Banco Central, com as telas oficiais desta etapaFonte: Banco Central do Brasil, Requisitos Mínimos para a Experiência do Usuário, versão 7.4, p. 128. Reproduzida como referência, sem fim comercial. As telas oficiais são exemplos; o que obriga é o texto do requisito.
Abrir o PDF oficial na p. 128
Loja Exemplo · Pagamento com Pix

Aponte a câmera do celular para o QR Code ou copie o código e pague no seu internet banking.

[QR Code]

Código
00020101021226...6304ABCD
CopiarCompartilhar
Loja: QR Code e códigoNo manual, esta tela é o site da loja no navegador. A loja mostra o QR Code e o código Pix; o cliente copia o código para colar no internet banking.
Ver a página do manual (p. 129)Página 129 do manual de UX 7.4 do Banco Central, com as telas oficiais desta etapaFonte: Banco Central do Brasil, Requisitos Mínimos para a Experiência do Usuário, versão 7.4, p. 129. Reproduzida como referência, sem fim comercial. As telas oficiais são exemplos; o que obriga é o texto do requisito.
Abrir o PDF oficial na p. 129
Banco Exemplo · Internet banking
CPF
***.***.***-**
Senha
••••••••
EntrarEsqueceu a senha?
Internet banking: entrarNo manual, esta tela é o site do banco no navegador. O cliente entra no internet banking do Banco Exemplo com CPF e senha.
Ver a página do manual (p. 130)Página 130 do manual de UX 7.4 do Banco Central, com as telas oficiais desta etapaFonte: Banco Central do Brasil, Requisitos Mínimos para a Experiência do Usuário, versão 7.4, p. 130. Reproduzida como referência, sem fim comercial. As telas oficiais são exemplos; o que obriga é o texto do requisito.
Abrir o PDF oficial na p. 130
Banco Exemplo · Pix
Saldo: R$ 1.000,00
  1. Requisito 01O internet banking pode ter um atalho fácil para pagar compras de sites colando o código Pix copiado da loja.RecomendadoRecomendado na 7.3 (item 01)
Internet banking: área PixNo manual, esta tela é o site do banco no navegador. Depois do login, a área Pix tem acesso rápido ao pagamento por código colado.
Ver a página do manual (p. 130)Página 130 do manual de UX 7.4 do Banco Central, com as telas oficiais desta etapaFonte: Banco Central do Brasil, Requisitos Mínimos para a Experiência do Usuário, versão 7.4, p. 130. Reproduzida como referência, sem fim comercial. As telas oficiais são exemplos; o que obriga é o texto do requisito.
Abrir o PDF oficial na p. 130
Pix · Pagamento via código

Insira o código gerado no campo abaixo para fazer o pagamento.

Código
00020101021226...6304ABCD
Limite Pix
R$ 3.000,00
Saldo em conta
R$ 1.000,00
Continuar
  1. Requisito 01O internet banking pode ter um atalho fácil para pagar compras de sites colando o código Pix copiado da loja.RecomendadoRecomendado na 7.3 (item 01)
Internet banking: colar o códigoNo manual, esta tela é o site do banco no navegador. Um campo próprio recebe o código Pix copiado da loja.
Ver a página do manual (p. 130)Página 130 do manual de UX 7.4 do Banco Central, com as telas oficiais desta etapaFonte: Banco Central do Brasil, Requisitos Mínimos para a Experiência do Usuário, versão 7.4, p. 130. Reproduzida como referência, sem fim comercial. As telas oficiais são exemplos; o que obriga é o texto do requisito.
Abrir o PDF oficial na p. 130
Pix · Pagamento via código
Código colado
00020101021226...6304ABCD

Dados do destinatário

Nome
Loja Exemplo
CNPJ
00.000.000/0001-00
Instituição
PSP XYZ
Ver endereço do recebedor

Dados do devedor

Nome
Maria Souza
CPF
***.993.555-**
Identificador
produto1234
Vencimento
21/01/2027
Valor original
R$ 55,00
Juros
1% ao mês
Multa
2% após 21/01/2027
Valor final
R$ 55,00

Quando pagar

Pagar hoje
No vencimento
Agendar
Finalizar pagamento
  1. Requisito 01O internet banking pode ter um atalho fácil para pagar compras de sites colando o código Pix copiado da loja.RecomendadoRecomendado na 7.3 (item 01)
Internet banking: dados da cobrançaNo manual, esta tela é o site do banco no navegador. Com o código colado, o banco carrega recebedor, devedor, valores e datas (item 02, que o manual ilustra na p. 132 sem marcador) e libera o pagamento.
Ver a página do manual (p. 131)Página 131 do manual de UX 7.4 do Banco Central, com as telas oficiais desta etapaFonte: Banco Central do Brasil, Requisitos Mínimos para a Experiência do Usuário, versão 7.4, p. 131. Reproduzida como referência, sem fim comercial. As telas oficiais são exemplos; o que obriga é o texto do requisito.
Abrir o PDF oficial na p. 131Referência complementar no PDF oficial: p. 132
Requisitos do capítulo (2)
  1. 01Recomendadop. 128

    O internet banking pode ter um atalho fácil para pagar compras de sites colando o código Pix copiado da loja.

    “No internet banking do PSP, pode haver opção de rápido e fácil acesso ao usuário para realizar pagamentos de transações a partir de websites, por meio da opção de colar código Pix obtido nos websites.…”
  2. 02Recomendadop. 132

    Na cobrança com vencimento paga pelo internet banking, antes de confirmar aparecem vencimento, data de pagamento pretendida, valores (original, abatimento, desconto, juros, multa e final), recebedor sem agência e conta, devedor, informações adicionais, pergunta ao pagador e endereço do recebedor.

    “Antes da confirmação do pagamento com vencimento, devem ser retornados ao usuário pagador os dados abaixo, utilizando os dados do DICT sobre usuário recebedor nos campos aplicáveis…”