Tela a tela

Protótipo: Geração de QR Code estático

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.

Pix
Saldo: R$ 1.000,00
Pix com chavePix Copia e ColaPix com QR CodeReceber Pix
Minhas chavesExtrato / DevoluçãoPix AutomáticoMeus limites Pix
  1. Requisito 01A opção Receber Pix fica em destaque e é fácil de achar no ambiente Pix.ObrigatórioObrigatório na 7.3 (item 01)
Ambiente PixReceber Pix fica em destaque, junto das outras formas de usar o Pix.
Ver a página do manual (p. 23)Página 23 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. 23. 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. 23
Receber com QR CodeO usuário escolhe qualquer uma das suas chaves; valor e identificador são opcionais.
Ver a página do manual (p. 23)Página 23 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. 23. 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. 23Referência complementar no PDF oficial: p. 24
Receber
Chave
+55 61 98888-8888
Valor (opcional)
R$ 0,00
Identificador (opcional)
Pequena descrição da transação
  1. Requisito 03Valor e identificador aparecem como campos opcionais, e o app deixa claro que não precisam ser preenchidos.ObrigatórioObrigatório na 7.3 (item 03)
Ajuda: campos opcionaisO ícone de ajuda explica que valor e identificador não são obrigatórios.
Ver a página do manual (p. 24)Página 24 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. 24. 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. 24
Sem chave selecionadaAo tentar continuar sem chave, o app avisa que ela é necessária.
Ver a página do manual (p. 24)Página 24 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. 24. 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. 24
Receber
Cadastrar chave Pix
  1. Requisito 04Quem não tem chave cadastrada é avisado de que precisa de uma e levado para a tela de cadastro de chave.RecomendadoRecomendado na 7.3 (item 04)
Ajuda: chave PixO ícone de ajuda explica que a chave é necessária e leva ao cadastro.
Ver a página do manual (p. 24)Página 24 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. 24. 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. 24
Receber

[QR Code]

  1. Requisito 05O app avisa que os dados preenchidos no QR Code serão vistos por quem ler o código.ObrigatórioObrigatório na 7.3 (item 05)
Aviso: dados visíveisAo criar o QR Code, o app avisa que o pagador verá os dados preenchidos.
Ver a página do manual (p. 25)Página 25 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. 25. 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. 25
Receber

QR Code criado

Mostre ou compartilhe esse QR Code ou o Pix Copia e Cola para receber o Pix.

[QR Code]

Valor
R$ 10,00
Identificador
Churrasco
Alterar valorInserir identificadorAlterar chave Pix
Compartilhar
Pix Copia e Cola
Salvar no celular
  1. Requisito 06Há uma opção para compartilhar a imagem do QR Code.ObrigatórioObrigatório na 7.3 (item 06)
  2. Requisito 07Há uma opção para copiar o código do QR Code e usá-lo como Pix Copia e Cola.ObrigatórioObrigatório na 7.3 (item 07)
  3. Requisito 08O app pode oferecer salvar a imagem do QR Code no celular.RecomendadoRecomendado na 7.3 (item 08)
QR Code prontoO QR Code pode ser compartilhado, copiado como Pix Copia e Cola ou salvo no celular.
Ver a página do manual (p. 25)Página 25 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. 25. 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. 25
Confirmação de transferência

Informações do destinatário

Nome
Maria Souza
CPF
***.993.555-**
Instituição
PSP XYZ
Identificador
Churrasco
Valor final
R$ 10,00
CancelarAgendarFinalizar
  1. Requisito 05O app avisa que os dados preenchidos no QR Code serão vistos por quem ler o código.ObrigatórioObrigatório na 7.3 (item 05)
O que o pagador vêDo outro lado, quem lê o QR Code vê o nome, o identificador e o valor preenchidos.
Ver a página do manual (p. 25)Página 25 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. 25. 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. 25
Requisitos do capítulo (8)
  1. 01Obrigatóriop. 23

    A opção Receber Pix fica em destaque e é fácil de achar no ambiente Pix.

    “A opção Receber Pix deve ficar destacada e de fácil acesso para o usuário.…”
  2. 02Obrigatóriop. 23

    O usuário pode gerar o QR Code estático a partir de qualquer um dos quatro tipos de chave: celular, e-mail, CPF/CNPJ ou aleatória.

    “Deverá ser dada a possibilidade do usuário recebedor gerar o QR Code estático a partir das quatro chaves…”
  3. 03Obrigatóriop. 24

    Valor e identificador aparecem como campos opcionais, e o app deixa claro que não precisam ser preenchidos.

    “Campos opcionais (identificador e valor) devem ser apresentados, ressaltando-se ao usuário a condição de não serem de preenchimento obrigatório.…”
  4. 04Recomendadop. 24

    Quem não tem chave cadastrada é avisado de que precisa de uma e levado para a tela de cadastro de chave.

    “Ao gerar o QR Code estático, caso o usuário não possua nenhuma chave registrada, deve-se apresentar mensagem informando essa necessidade e redirecioná-lo à tela de registro de chave Pix.…”
  5. 05Obrigatóriop. 25

    O app avisa que os dados preenchidos no QR Code serão vistos por quem ler o código.

    “Informar que os dados preenchidos na geração do QR Code estático serão visualizados pelo usuário que ler esse QR Code.…”
  6. 06Obrigatóriop. 25

    Há uma opção para compartilhar a imagem do QR Code.

    “Fornecer opção de compartilhar a imagem do QR Code.…”
  7. 07Obrigatóriop. 25

    Há uma opção para copiar o código do QR Code e usá-lo como Pix Copia e Cola.

    “Fornecer opção de Copiar Código QR para viabilizar a funcionalidade Pix Copia e Cola.…”
  8. 08Recomendadop. 25

    O app pode oferecer salvar a imagem do QR Code no celular.

    “Fornecer opção de salvar imagem do QR Code no aparelho celular do usuário.…”