Sistema genérico de perguntas do Nubank

O sistema genérico de perguntas
do Nubank
Luiz Dubas @luizdubas

Agenda
• Acquisition
• Idéia para o novo acquisition
• Implementação do novo acquisition

Acquisition
“Nu Minimal Keynote Template” © Nu Bank - 05.01.2014
• Porta de entrada para o Nubank
• Captura de documentos e
informações do cliente

Acquisition
• CPF
• Senha
• Aviso de conta
criada
• RG
• Emissor do RG
• Estado civil
• Celular
• Permissão de
localização
• CEP
• Endereço
• Bairro
• Cidade
• Estado
• Permissão de
câmera
• Docs Front
• Docs Back
• Selﬁe
• Renda
• Limte
• Vencimento
• PIN
• Assinatura
• Contrato
• Data de nascimento

Acquisition
• CPF
• Senha
• Aviso de conta
criada
• RG
• Emissor do RG
• Estado civil
• Celular
• Permissão de
localização
• CEP
• Endereço
• Bairro
• Cidade
• Estado
• Permissão de
câmera
• Docs Front
• Docs Back
• Selﬁe
• Renda
• Limite
• Vencimento
• PIN
• Assinatura
• Contrato
O que eles tem em comum?

Acquisition
• CPF
• Senha
• Aviso de conta
criada
• RG
• Emissor do RG
• Estado civil
• Celular
• Permissão de
localização
• CEP
• Endereço
• Bairro
• Cidade
• Estado
• Permissão de
câmera
• Docs Front
• Docs Back
• Selﬁe
• Renda
• Limite
• Vencimento
• PIN
• Assinatura
• Contrato
Todas são telas de pergunta e resposta

Acquisition
• CPF
• Senha
• Aviso de conta
criada
• RG
• Emissor do RG
• Estado civil
• Celular
• Permissão de
localização
• CEP
• Endereço
• Bairro
• Cidade
• Estado
• Permissão de
câmera
• Docs Front
• Docs Back
• Selﬁe
• Renda
• Limite
• Vencimento
• PIN
• Assinatura
• Contrato
E se não precisássemos mais de todas
essas perguntas?

Acquisition
• CPF
• Senha
• RG
• Emissor do RG
• Estado civil
• Celular
• CEP
• Endereço
• Bairro
• Cidade
• Estado
• Docs Front
• Docs Back
• Selﬁe
• Limite
• Vencimento
• PIN
• Contrato
E se não precisássemos mais de todas
essas perguntas?

Acquisition
• CPF
• Senha
• RG
• Emissor do RG
• Estado civil
• Celular
• CEP
• Endereço
• Bairro
• Cidade
• Estado
• Docs Front
• Docs Back
• Selﬁe
• Limite
• Vencimento
• PIN
• Contrato
Qualquer mudança tem que gerar
uma nova versão do app

Solução desejada
Fazer com que o backend saiba disso

Solução desejada
• Lógica centralizada
• Não precisaria atualizar o app a cada
mudança
• Fácil de adicionar/remover perguntas
• Mais fácil de se fazer testes A/B e
personalizar por cliente

Novo Acquisition
SenhaCPFRead Only
Chunk
Step Step Step

Novo Acquisition
Process
Answers
Chunk
Step Step Step

Novo Acquisition
• O que é um step
• Como que ele vai navegar entre steps
e mandar as informações
• O que acontece se o app não
conhecer um step

Step
• Representa um pedaço do ﬂuxo
• Pode ser uma pergunta ou um
anúncio
• Pode ter uma resposta

Tipos de Step
• Somente leitura
• Texto
• Escolha única
• Não tem resposta

Tipos de Step
• Somente leitura
• Texto
• Escolha única
• Normalmente usado
para avisos

Tipos de Step
• Somente leitura
• Texto
• Escolha única • Pode ser usado para
fazer bifurcações
• Normalmente usado
para avisos

Tipos de Step
• Somente leitura
• Texto
• Escolha única
• Pode conformar com
diferentes máscaras

Tipos de Step
• Somente leitura
• Texto
• Escolha única
 
• Pode ter mais de um
texto na tela

Tipos de Step
• Somente leitura
• Texto
• Escolha única
 
• Pode ter mais de um
texto na tela
 
 
• Tem diferentes
validações

Tipos de Step
• Somente leitura
• Texto
fazer bifurcações

Tipos de Step
• Somente leitura
• Texto
fazer bifurcações
 
• Pode ser apresentado
como uma matriz

Step
• Representa um pedaço do ﬂuxo
• Pode ser uma pergunta ou um
anúncio
• Pode ter uma resposta
• É representado por um JSON

Step
{
 
 
 
}
"title": "Para começar vamos precisar do seu
RG. Ok?",
"input_configurations": [
{
"input_type": "text",
"hint": "<detail>Caso você não tenha um RG,
insira o número do seu RNE.</detail>",
"id": "document",
"required": true,
"validation_message": "RG inválido.
nDigite novamente."
}
],
"forward_action": {
"redirect": {
"id": "document->document-uf",
"type": "step",
"value": "acq-flow.steps/document-uf"
}
},
"required": true
"type": "input",
"id": "acq-flow.steps/document",

Step
{
 
 
 
}
"title": "Para começar vamos precisar do
seu RG. Ok?",
{
"id": "document",
"required": true,
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
"type": "input",
Scroll

Step
{
 
 
 
}
{
"id": "document",
"required": true,
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
"type": "input",
"id": "acq-flow.steps/document",Stack

Step
{
 
 
 
}
{
"id": "document",
"required": true,
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
"type": "input",
"id": "acq-flow.steps/document",Label

Step
{
 
 
 
}
{
"hint": "<detail>Caso você não
tenha um RG, insira o número do seu RNE.</
detail>",
"id": "document",
"required": true,
"validation_message": "RG
inválido.nDigite novamente."
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
"type": "input",

Step
{
 
 
 
}
{
detail>",
"id": "document",
"required": true,
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
"type": "input",
Stack (Content)

Step
{
 
 
 
}
{
detail>",
"id": "document",
"required": true,
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
"type": "input",
TextField

Step
{
 
 
 
}
{
detail>",
"id": "document",
"required": true,
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
"type": "input",
Label

Step
{
 
 
 
}
{
"id": "document",
"required": true,
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},"required": true
"type": "input",
Stack

Step
{
 
 
 
}
{
"id": "document",
"required": true,
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},"required": true
"type": "input",
Button

Step
{
"id": "acq-flow.steps/credentials-created",
"type": "read_only",
"title": "<h2>Luiz, sua conta está criada!nAgora vamos continuar com o pedido do cartão.</h2>",
"hint": "Vamos precisar dos seus dados e de fotos do seu
documento, então tenha em mãos seu RG, CNG ou RNE. Infelizmente não
podemos aceitar passaportes ou carteiras de trabalho.",
"actions": [
{
"button_type": "primary",
"text": "<label>VAMOS LÁ</label>",
"redirect": {
"id": "credentials-created->document",
"type": "step",
"value": "acq-flow.steps/document"
},
"type": "button"
},
{
"button_type": "text",
"text": "Prefere ser chamado de <a>outro nome?</a>",
"redirect": {
"id": "credentials-created->preferred-name",
"type": "step",
"value": "acq-flow.steps/preferred-name"
},
"type": "button"
}
]
}

Step
{
"actions": [
{
"redirect": {
"type": "step",
},
"type": "button"
},
{
em>",
"redirect": {
"type": "step",
},
"type": "button"
}
]
}
Title
Hint

Step
{
"actions": [
{
"redirect": {
"type": "step",
},
"type": "button"
},
{
em>",
"redirect": {
"type": "step",
},
"type": "button"
}
]
}
Button

Step
Button
{
"actions": [
{
"redirect": {
"type": "step",
},
"type": "button"
},
{
em>",
"redirect": {
"type": "step",
},
"type": "button"
}
]
}

Redirect
• São eventos que podem ser enviados
pelo servidor ou executados durante
o ﬂuxo
• Podem ser eventos síncronos ou
assíncronos

Tipos de Redirect
• Mudar de step (step)
• Criar chunk (chunk) *
• Mandar respostas (submit_response) *
• Terminar ﬂuxo (end_flow)

Lifecycle
CoordinatorApp
URL do ﬂuxo

Lifecycle
Coordinator
Redirect
{
"instant_redirect": {
"id": "create-chunk",
"type": "chunk",
"value": "https://create-chunk"
}
}

Lifecycle
Coordinator
{
"type": "chunk",
}
}
Redirect

Lifecycle
Coordinator
POST
{
"type": "chunk",
}
}

Lifecycle
Coordinator
Chunk
{
"id": "58deb6f6-0938-434c-94a8-eeffdd389406",
"dismissable": false,
"first_step": "acq-flow.steps/document",
"steps": [ ... ]
}

Lifecycle
Coordinator
{
"id": "58deb6f6-0938-434c-94a8-eeffdd389406",
"dismissable": false,
"first_step": "acq-flow.steps/document",
"steps": [ ... ]
}

Lifecycle
Coordinator
{
"type": "input",
"title": "Para começar vamos precisar do seu RG.
Ok?",
{
"hint": "<detail>Caso você não tenha um RG, insira o número do seu
RNE.</detail>",
"id": "document",
"required": true,
"validation_message": "RG inválido.nDigite novamente."
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
}

Lifecycle
Coordinator
{
"type": "input",
Ok?",
{
"id": "document",
"required": true,
small>"
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
}
QuestionController
Step

Lifecycle
Coordinator
QuestionController
Step
{
"type": "input",
Ok?",
{
"id": "document",
"required": true,
small>"
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
}

Lifecycle
Coordinator
QuestionController
Step
{
"type": "input",
Ok?",
{
"id": "document",
"required": true,
small>"
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
}
Redirect and response

Lifecycle
Coordinator
QuestionController
Step
{
"type": "input",
Ok?",
{
"id": "document",
"required": true,
small>"
}
],
"forward_action": {
"redirect": {
"type": "step",
}
},
"required": true
}
[ 
{  
“id”: “acq-ﬂow.steps/document”, 
“response”: “12345678900” 
} 
]

Lifecycle
Coordinator
QuestionController
Step
{
"id": "acq-flow.steps/document-uf",
"title": "E qual o estado de
emissão do seu RG?",
"type": "list_choice",
"forward_action": {
"redirect": {
"id": "sync-with-backend",
"type": "submit_response",
"value": "https://submit_response"
}
},
"values": [ ... ],
"required": true
}

Lifecycle
Coordinator
QuestionController
Step Redirect and response
{
"forward_action": {
"redirect": {
}
},
"values": [ ... ],
"required": true
}

Lifecycle
Coordinator
QuestionController
Step
[ 
{  
“id”: “acq-ﬂow.steps/document”, 
“response”: “12345678900” 
}, 
{ 
“id”: “acq-ﬂow.steps/document-uf”, 
“response”: “SP” 
} 
]
{
"forward_action": {
"redirect": {
}
},
"values": [ ... ],
"required": true
}

Lifecycle
Coordinator
QuestionController
Step
POST
Answers
{
"forward_action": {
"redirect": {
}
},
"values": [ ... ],
"required": true
}

Lifecycle
Coordinator
POST Process
Answers

Lifecycle
Coordinator
{
"id": "end-flow",
"type": "end_flow"
}
}
Redirect

Novo Acquisition
Steps conhecidos Novo step

Lifecycle
Coordinator
POST
{
"type": "chunk",
}
}
[ “input”, “read_only“ ]

Novo Acquisition
• O servidor é responsável por garantir
a retrocompatibilidade
• Sempre que criarem um novo tipo de
step temos que gerar um nova versão

Casos de uso
• Atualização cadastral
• Atualizar renda mensal
• Contestação de compra

Obrigado!
https://nubank.workable.com/

Sistema genérico de perguntas do Nubank

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Sistema genérico de perguntas do Nubank

Semelhante a Sistema genérico de perguntas do Nubank (8)

Sistema genérico de perguntas do Nubank