Tela a tela

Protótipo: Pix Copia e Cola

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 ZYXW

Finalize sua compra

Camisa polo
R$ 50,00
Frete
R$ 5,00
Total
R$ 55,00

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

Código
00020101021226720014br.gov.bcb.pix2550bx.com.br/pix/8b3…
CopiarAnterior
Código na loja on-lineAo escolher Pix no checkout, a loja mostra o QR Code e o código equivalente, com um botão para copiar.
Ver a página do manual (p. 73)Página 73 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. 73. 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. 73
Chat

Hoje

Segue o código do Pix…

00020101021226720014br.gov.bcb.pix2550bx.com.br/pix/8b3…

Código recebido por mensagemO código também pode chegar por aplicativo de mensagens; basta copiar o texto recebido e seguir no app do banco.
Ver a página do manual (p. 73)Página 73 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. 73. 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. 73
Pix

Nadir da Silva

Saldo: R$ 1.000,00
Pix com Chave / ManualPix com QR CodePix Copia e ColaReceber PixMinhas chavesMeus limites PixPix AutomáticoExtrato / Devolução

Últimas transações

Roberto da SilvaPagamento via chave · R$ 10,00
João da SilvaPagamento via chave · R$ 30,00
  1. Requisito 01O botão Pix Copia e Cola fica na primeira tela da área Pix do app.ObrigatórioObrigatório na 7.3 (item 01)
  2. Requisito 02O app oferece um jeito rápido e fácil de colar o código para pagar (ou sacar dinheiro em espécie).ObrigatórioObrigatório na 7.3 (item 02)
Primeira tela do PixNa primeira tela da área Pix, o botão Pix Copia e Cola aparece ao lado das outras formas de pagar.
Ver a página do manual (p. 72)Página 72 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. 72. 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. 72Referência complementar no PDF oficial: p. 73
Colar o códigoUm único campo recebe o código colado; os dados do pagamento são carregados logo abaixo para conferência.
Ver a página do manual (p. 72)Página 72 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. 72. 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. 72
Destinatário / Valor
Saldo: R$ 1.000,00
Código colado
00020101021226720014br.gov.bcb.pix2550bx…
Data de pagamento pretendida
15/03/2027
Valor original
R$ 55,00
Juros
R$ 0,00
Multa
R$ 0,00

Informações do destinatário

Nome
Loja ZYXW
CPF/CNPJ
12.345.678/0001-90
PSP
PSP XYZ

Informações do devedor

Nome
Nadir da Silva
CPF/CNPJ
***.993.555-**
Valor final
R$ 55,00
CancelarAgendarFinalizar
  1. Requisito 02O app oferece um jeito rápido e fácil de colar o código para pagar (ou sacar dinheiro em espécie).ObrigatórioObrigatório na 7.3 (item 02)
Dados da cobrançaDepois de colar o código, os dados da compra aparecem logo abaixo do campo para o usuário conferir e finalizar.
Ver a página do manual (p. 74)Página 74 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. 74. 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. 74
Comprovante

Pix confirmado

ID/Transação
E1234567820270315213405ABCDEFGH
Data/hora
15/03/2027 às 21:34:05
Valor original
R$ 55,00
Juros
R$ 0,00
Multa
R$ 0,00
Valor final
R$ 55,00
Recebedor
Loja ZYXW
CPF/CNPJ
12.345.678/0001-90
PSP
PSP XYZ
Devedor
Nadir da Silva
CompartilharSalvar no celularExtrato / Devolução
ComprovanteO comprovante repete os dados da cobrança paga, com ID, data, hora e valor final.
Ver a página do manual (p. 74)Página 74 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. 74. 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. 74
Requisitos do capítulo (2)
  1. 01Obrigatóriop. 72

    O botão Pix Copia e Cola fica na primeira tela da área Pix do app.

    “O Pix Copia e Cola deve ser disponibilizado na primeira tela do ambiente Pix.…”
  2. 02Obrigatóriop. 72

    O app oferece um jeito rápido e fácil de colar o código para pagar (ou sacar dinheiro em espécie).

    “No aplicativo de mobile banking do PSP deve ser disponibilizada opção de rápido e fácil acesso ao usuário, para realizar pagamentos de transações e/ou saques de recursos em espécie, por meio da opção de colar código (Pix Copia e Cola).…”