Requisitos e recomendações para o uso do redirecionamento Hybrid flow com Hand-off entre instituições em jornadas de iniciação de pagamento.
Nota: Consulte o subcapítulo Casos de erro - Pagamentos para mais informações sobre como comunicar erros nas etapas de Direcionamento e Redirecionamento.
Sumário
Etapa 2: Direcionamento
Após o usuário iniciar a transação de pagamento, a Instituição Iniciadora de Transação de Pagamento (ITP) deve direcionar o usuário para o ambiente - app ou browser (desktop) - da Instituição Detentora de Conta (ID) para que o usuário revise e confirme (ou cancele) a transação.
Requisitos - ITP
Cenário: Tela de transição
-
Informações sobre o direcionamento: Durante o direcionamento, exibir uma tela informativa, contendo as seguintes informações mínimas:
-
Indicação de que o direcionamento está em andamento.
-
Indicação de que o direcionamento é seguro.
Ex.: Estamos te levando com segurança para a [Instituição X]. -
Informação sobre o tempo para confirmar a iniciação de pagamento na ID conforme definido pelo tipo de transação.
Ex.: Você tem até xx minutos para confirmar a transação.
-
https://www.figma.com/design/A5tjujkZRD3DpMesaJMnA5/Inicia%C3%A7%C3%A3o-de-Pagamentos?node-id=2718-26810&t=TG8IKu03c26Dtom4-11
Requisitos - ID
Cenário: Recepção do usuário
-
Recepção do usuário: Em caso de direcionamento do browser (desktop) da ITP para aplicativo da ID, receber o usuário com mensagem com instruções para continuidade da jornada.
https://www.figma.com/design/A5tjujkZRD3DpMesaJMnA5/Inicia%C3%A7%C3%A3o-de-Pagamentos?node-id=4660-26889&t=TG8IKu03c26Dtom4-11
Recomendações - ITP
Cenário: Tela de transição
-
Simplificação da jornada: Utilizar o menor número de interações possível para reduzir a fricção na jornada.
-
Apresentação da tela: Apresentar uma mensagem amigável e contextualizada na tela de transição, destacando as vantagens do direcionamento.
-
Utilizar elementos visuais e textuais que reforcem o direcionamento, como loaders, animações, barras de progresso ou indicadores visuais.
-
-
Padrão visual: No browser (desktop), seguir o padrão visual do aplicativo da instituição para garantir segurança e familiaridade ao usuário.
-
Alternativas para o direcionamento: Para facilitar o direcionamento do usuário do browser (desktop) da ITP para o aplicativo da ID, utilizar mecanismos como QR code dinâmico, código de ativação, entre outros.
-
Utilizar DeepLink nas jornadas iniciadas em dispositivos móveis.
-
-
Prevenção de interrupções: Alertar sobre a possibilidade de falha na jornada em dispositivos com o recurso de ocultação de aplicativos ativado, orientando o usuário a desativar esse recurso se necessário.
https://www.figma.com/design/A5tjujkZRD3DpMesaJMnA5/Inicia%C3%A7%C3%A3o-de-Pagamentos?node-id=2718-26809&t=TG8IKu03c26Dtom4-11
Recomendações - ID
Cenário: Recepção do usuário
-
Disponibilização do canal de acesso: Caso a ID possua mais de um canal disponível - app ou browser (desktop) -, oferecer a opção de acesso que julgar mais apropriada para a experiência do seu usuário.
Etapa 4: Redirecionamento
Após o usuário confirmar, cancelar ou o tempo da transação expirar, a Instituição Detentora de Conta (ID) deve redirecionar o usuário para o ambiente - app ou browser (desktop) - da Instituição Iniciadora de Transação de Pagamento (ITP) para que ele possa visualizar o resultado da transação.
Requisitos - ID
Cenário: Tela de transição
-
Mensagem sobre o retorno à ITP: Exibir mensagem informando que a próxima etapa será o retorno para a ITP, onde o usuário visualizará a efetivação da transação.
-
Informações sobre o redirecionamento: Garantir que essa etapa seja somente informativa sem exigir qualquer ação adicional do usuário para confirmar o redirecionamento, contendo as seguintes informações mínimas:
-
Indicação de que o redirecionamento está em andamento.
-
Indicação de que o redirecionamento é seguro.
-
https://www.figma.com/design/A5tjujkZRD3DpMesaJMnA5/Inicia%C3%A7%C3%A3o-de-Pagamentos?node-id=1466-10176&t=xlKs6te7Sc0rRnTw-11
Recomendações - ID
Cenário: Tela de transição
-
Tela de transição: No browser (desktop), ao identificar que o usuário confirmou, cancelou ou que o tempo expirou, exibir a página de redirecionamento para a ITP.
https://www.figma.com/design/A5tjujkZRD3DpMesaJMnA5/Inicia%C3%A7%C3%A3o-de-Pagamentos?node-id=1466-10146&t=xlKs6te7Sc0rRnTw-11