Caso de uso
Diagramas de fluxo de pagamento
Autorização, 3-D Secure, captura, estornos e webhooks desenhados como fluxos que produto, engenharia, finanças e suporte conseguem ler.
Cenário
Uma equipe de produto está adicionando um novo checkout: pagamentos com cartão e carteira digital por um gateway de pagamento, 3-D Secure em pedidos de risco, webhooks assíncronos para captura e estornos e um arquivo de liquidação noturno que o financeiro concilia.
As linhas de vida de sequência mostram quem chama quem e em que ordem; os nós BPMN e Fluxograma mostram para onde o status e o dinheiro vão em seguida. Mantenha a visão de segurança no mesmo canvas. Compartilhe um link público com marca ou exporte SVG/PNG; o Pro adiciona incorporação e PDF/JPEG sem marca d’água.
O que você desenha
Diagramas de fluxo de pagamento
- Cliente, checkout, gateway e banco como atores e linhas de vida Sequence
- Fragmentos para 3-D Secure, novas tentativas e recusas
- Tarefas e gateways BPMN para captura, estorno e contestação
- Nós de webhook e fila para atualizações de status assíncronas
- Nós Security para o cofre de tokens, o provedor de identidade e as políticas
- Um nó Document para o arquivo de liquidação que o financeiro concilia
Por que o Archboard
O Archboard é um workspace de diagramas hospedado onde a sequência de pagamento, o processo de liquidação e a visão de segurança compartilham um canvas e um link. Engenharia, finanças e suporte leem a mesma imagem em vez de três slides que se contradizem.
Packs neste canvas
Sequência · BPMN · Fluxograma · Segurança
Todos os packs nativos estão no Free (3 diagramas, 15 nós de diagrama + 150 notas, textos, figurinhas e tópicos de mapa mental cada, compartilhamento público com marca, edição ao vivo com seus agentes de IA). O Pro adiciona diagramas e nós ilimitados, assentos para colegas editarem ao vivo, incorporação e exportação sem marca d’água ($10/assento/mês).
Escopo
O Archboard documenta fluxos de pagamento, mas não processa pagamentos, não armazena dados de cartão e não executa sua integração. Ainda não há um conjunto de símbolos de pagamento dedicado; hoje o fluxo é desenhado com nós Sequência, BPMN, Fluxograma e Segurança. Nunca coloque números de cartão reais, chaves ou segredos em um diagrama.
Como uma sessão acontece
Depois de entrar com Google ou GitHub, comece pelo modelo ou por um canvas em branco
Posicione os atores como linhas de vida e desenhe a autorização do caminho feliz
Adicione fragmentos para 3-D Secure, novas tentativas e estornos, depois os webhooks assíncronos
Compartilhe um link ao vivo para a revisão e exporte SVG ou PNG para o runbook
Modelo mais próximo
Auth Sequence
O modelo mais próximo é o exemplo Auth Sequence: atores, linhas de vida e fragmentos para uma troca no estilo OAuth. Renomeie as linhas de vida para cliente, checkout, gateway e banco, e a ordem das mensagens se mantém.
Abre uma cópia editável no seu workspace. Novo no Archboard? Entre com Google ou GitHub e a cópia abre logo em seguida.
Fluxos de pagamento que todo mundo consegue acompanhar
Fluxos de pagamento falham na revisão quando ninguém consegue dizer, em ordem, quem chama quem. O time de checkout desenha caixas, a documentação do gateway mostra outra sequência, e o time financeiro mantém uma terceira imagem da liquidação. Um diagrama de fluxo de pagamento funciona quando coloca a ordem na página: o cliente, o app do lojista, o gateway de pagamento, o processador e o banco emissor como linhas de vida, com autorização, 3-D Secure, captura e estorno como mensagens entre eles. Quando uma etapa muda (uma nova carteira digital, uma nova regra de nova tentativa), o mesmo diagrama muda.
Desenhe primeiro o caminho feliz: pedido de autorização, resposta, captura. Depois adicione fragmentos para os ramos que causam incidentes: desafios de 3-D Secure, recusas temporárias com novas tentativas, timeouts que exigem chaves de idempotência e estornos parciais. O status assíncrono também entra no mapa: webhooks e filas são onde os pagamentos dão errado em silêncio, então desenhe-os como nós de primeira classe, e não como notas de rodapé. Mantenha o fluxo de liquidação e conciliação no mesmo canvas como um processo BPMN ou Fluxograma, para que o financeiro veja a etapa que transforma pagamentos capturados em dinheiro no banco.
Do diagrama de fluxo à revisão e ao runbook
Um diagrama de pagamento se torna útil quando circula. Compartilhe um link público com a marca do Archboard com quem faz a revisão de segurança, exporte SVG ou PNG para o runbook de incidentes e salve um snapshot de revisão antes de cada mudança no fluxo, para que a forma anterior fique a um clique. Coloque a visão de segurança (cofre de tokens, provedor de identidade, políticas) ao lado da sequência, para que quem revisa veja onde os dados do cartão são tokenizados e quais sistemas nunca tocam neles. O Pro adiciona incorporação para a wiki interna, além de PDF e JPEG sem marca d’água.
O Archboard documenta o fluxo; ele não processa pagamentos, não guarda dados de cartão e não testa a sua integração. Muitos times desenham este mapa antes de uma conversa sobre o escopo do PCI DSS; a avaliação em si continua com o seu avaliador. Ainda não existe um conjunto de símbolos próprio para pagamentos; hoje os nós Sequência, BPMN, Fluxograma e Segurança cobrem isso. Entre com Google ou GitHub, comece pelo modelo mais próximo e renomeie as linhas de vida de acordo com o seu checkout.
Abra um exemplo publicado
- Auth SequenceAtores, linhas de vida e fragmentos: renomeie-os como cliente, checkout, gateway e banco.
- Zero Trust PerimeterProvedor de identidade, WAF, firewall e cofre: a visão de segurança ao lado do fluxo de pagamento.
- Streaming Data PlatformFilas, tópicos e armazenamentos por trás dos webhooks e dos arquivos de liquidação.
Perguntas
Um fluxo de pagamento deve ser um diagrama de sequência ou um fluxograma?
Os dois, no mesmo canvas. Use linhas de vida Sequência para a ordem das mensagens entre cliente, lojista, gateway e banco, e um processo BPMN ou Fluxograma para liquidação, estornos e contestações, em que a pergunta é o que acontece em seguida, e não quem chama quem.
Existe um conjunto de símbolos próprio para pagamentos?
Ainda não. Hoje os fluxos de pagamento são desenhados com nós Sequência, BPMN, Fluxograma e Segurança. O modelo mais próximo abre uma sequência no estilo OAuth que você renomeia em minutos.
Podemos colocar dados reais de cartão no diagrama?
Não. Mantenha números reais de cartão, chaves e segredos fora de qualquer diagrama. Rotule os fluxos com o que eles carregam, como uma referência de cartão tokenizada ou um status de pagamento, nunca com os próprios dados.
Abra um canvas em um minuto
Entre com Google ou GitHub. Grátis para um assento. Faça upgrade quando a equipe entrar.