Como otimizamos o BlinkID desde a integração até a experiência do usuário

Desde 2013, o site BlinkID tem facilitado e agilizado a tediosa tarefa de captura e extração de IDs para milhões de pessoas em todo o mundo. Seja para se inscrever em uma conta bancária on-line, responder a uma solicitação de verificação de idade ou tentar enviar um pagamento ponto a ponto, nossa solução de digitalização de identificação e extração de dados com tecnologia de IA eliminou a entrada manual e permitiu que nossos clientes e seus usuários verificassem informações vitais com precisão e segurança.

BlinkIDA proeza da no mercado resultou no escaneamento de mais de 12 bilhões de IDs nos últimos 10 anos e, ainda assim, estamos sempre nos esforçando para melhorar, tanto para os desenvolvedores que integram nosso produto quanto para os usuários finais que navegam em nossa interface. Nossa mais recente rodada de atualizações de software busca atender a essas duas partes vitais, além de fornecer alguns novos recursos que expandem nosso alcance e nossa capacidade de dimensionar o BlinkID em nível global.

Dito isso, vamos fazer um tour visual pelas novidades do BlinkID. Também vamos dar uma olhada em algumas das atualizações mais técnicas, demonstrando nosso compromisso em oferecer a melhor experiência para desenvolvedores.

O que há de novo no BlinkID?

Nossa última atualização do BlinkID inclui alguns novos recursos interessantes que podem elevar o processo de digitalização e extração de documentos de identidade a patamares ainda maiores. Desde modelos novos e aprimorados de aprendizado de máquina para extração de dados, passando por leitura aprimorada de código de barras, até fluxos atualizados de interface e animação, o BlinkID continua a inovar com a experiência do desenvolvedor e do usuário em primeiro lugar.

Para nossos mercados internacionais, o acréscimo dos scripts árabe e cirílico expande ainda mais nossa lista de documentos suportados, além de permitir o suporte a vários scripts, o que significa que agora podemos extrair dados de IDs que contêm campos de dados latinos (por exemplo, inglês, espanhol) e árabes ou cirílicos.

Também melhoramos a precisão do escaneamento de todas as identificações que contêm um PDF417 ou outro tipo de código de barras (por exemplo, Código 39), reduzindo as taxas de erro em mais 20%. Uma tecnologia de digitalização melhor significa dados ainda mais limpos e de maior qualidade para cada ID processado pelo nosso software. Para isso, aumentamos nossas pontuações de precisão por meio de melhorias em nossos principais modelos de OCR e pós-processamento.

Também atualizamos nossa funcionalidade de anonimização de campo, que permite aos clientes mascarar determinadas partes de um documento de identidade (texto redigido ou imagens cortadas), com anonimização adicional para códigos QR em carteiras de identidade holandesas, como um exemplo, para cumprir as leis de privacidade locais.

Além de expandir nossos principais recursos de digitalização de documentos, seja por meio de suporte a novos scripts ou maior precisão, também melhoramos a forma como o BlinkID é utilizado, desde o backend até o frontend.

Menos código, menos dores de cabeça

Se você opera em dispositivos móveis (iOS, Android ou multiplataforma), desktop ou outros serviços baseados na Web (auto-hospedados ou baseados na nuvem), o BlinkID pode se integrar facilmente à sua plataforma. Quão fácil? Nosso cliente médio leva menos de um dia para lançar o BlinkID e concluir com êxito sua primeira varredura.

// Código necessário para iniciar a verificação
class MainActivity : AppCompatActivity() {

 override fun onCreate(savedInstanceState: Bundle?) {
 super.onCreate(savedInstanceState)
 setContentView(R.layout.activity_main)
 }

 fun onScanButtonClick(view: View) {
 resultLauncher.launch()
 }

 private val resultLauncher = registerForActivityResult(TwoSideDocumentScan()) { twoSideScanResult: TwoSideScanResult ->
 // Faz algo com os resultados
 }
}

/** Código necessário para iniciar a verificação */
@IBAction func didTapCustomUI(_ sender: Any) {
  
 /** Criar o controlador de visualização de reconhecimento com o controlador de visualização de sobreposição desejado */
 guard let recognizerRunnerViewController: UIViewController = MBViewControllerFactory.recognizerRunnerViewController(withResult: { result in
 /** Handle results */
 }, closeButtonTapped: {
 /** Manipular o evento de fechamento */
 }) else {
 return
 }

 /** Apresentar o controlador de visualização do reconhecedor de execução */
 self.present(recognizerRunnerViewController, animated: true, completion: nil)
}

<Simplifique a integração usando nosso componente de interface do usuário.>
<blinkid-in-browser license-key="..."></blinkid-in-browser>

<script type="text/javascript">
  const blinkId = document.querySelector("blinkid-in-browser");

  //  Obter resultados em cada varredura bem-sucedida de documentos
 blinkId.addEventListener(
 "scanSuccess",
 (ev) => console.log("Extracted information", ev.detail)
 );
</script>

# Execute a imagem do docker
docker run -p 8080:8080 -e "LICENSEE=..." -e "LICENSE_KEY=..." -v /etc/machine-id:/etc/machine-id microblink/api

# Digitalizar documento
curl -X POST localhost:8080/blinkid-multi-side \
 -H 'Content-Type: application/json' \
 -H 'Accept: application/json' \
 -d '{ "imageFront": { "imageUrl": "..." }, "imageBack": { "imageUrl": "..." } }'

E agora, a digitalização básica de documentos de identidade ficou ainda mais simplificada para novos usuários, pois reduzimos as linhas de código necessárias para implantar o BlinkID para uma única linha. Essa nova opção está disponível em nossos SDKs móveis para iOS e Android e destina-se aos nossos casos de uso mais comuns (ou seja, digitalização dos dois lados de um documento), permitindo que os desenvolvedores integrem o BlinkID o mais rápido possível.

Mensagens de erro em tempo real

Metade da batalha na implementação de uma solução bem-sucedida de escaneamento de identificação é saber o que está acontecendo no front-end. Mesmo com uma interface perfeita, os usuários ainda podem ter dificuldades, como não conseguir executar corretamente uma etapa necessária (por exemplo, segurar a ID muito longe da câmera), o que pode resultar em erros imprevistos ou inexplicáveis.

Para proporcionar uma experiência de desenvolvedor realmente de primeira linha, o BlinkID agora envia mensagens de erro ainda mais detalhadas sobre a atividade do usuário final, para que os desenvolvedores possam entender melhor se as digitalizações devem ser repetidas ou aceitas. (Por exemplo, se um usuário final não aproximar o cartão da câmera e a sessão expirar, o desenvolvedor receberá esses detalhes específicos no backend). Essa atualização de recurso específico foi baseada diretamente no feedback do desenvolvedor.

Uma interface mais informativa

Uma de nossas principais prioridades com o BlinkID sempre foi colocar a experiência do usuário em primeiro lugar. É por isso que nossa equipe de produtos trabalha em estreita colaboração com nossos designers de produtos, realizando testes com usuários, bem como pesquisas primárias e secundárias, com o objetivo final principal de impulsionar o “sucesso da primeira varredura”.

Para isso, nos concentramos em criar uma interface de usuário e uma rede de suporte fáceis de navegar, resultando em uma experiência do usuário mais otimizada. Como parte de nossa última atualização, agora fornecemos instruções simples e passo a passo e feedback aprimorado em tempo real em todo o fluxo do usuário, por meio de um tutorial de introdução e telas de ajuda com dicas de ferramentas, para ajudar a garantir que os usuários realizem uma varredura bem-sucedida.

Funcionalidade de dispositivo para dispositivo

Entendemos que há alguns elementos do comportamento do usuário que estão fora do controle de uma interface, como o tipo de dispositivo que o usuário possui. Por exemplo, as pessoas que utilizam o BlinkID por meio de um navegador (seja desktop ou laptop) podem não ter a mesma qualidade de câmera disponível em um smartphone de última geração.

Para evitar imagens de baixa qualidade, digitalizações repetidas e atrito com o usuário, em breve apresentaremos a funcionalidade de dispositivo para dispositivo. Agora, os usuários baseados em navegador poderão mudar para o telefone com câmera para obter uma melhor captura de imagem e, em seguida, voltar ao dispositivo original para concluir a integração, sem interrupção do fluxo.

Recursos de personalização

A maioria dos clientes chega ao mercado com a nossa solução de escaneamento de identificação pronta para uso. No entanto, para os interessados em modificar o fluxo do usuário ou criar um fluxo do zero, também oferecemos várias opções de personalização para criar uma experiência de marca branca em pouco tempo – até variações de fonte, cor ou outros componentes de design.

// Um exemplo de como iniciar a verificação com a interface do usuário personalizada
class MainActivity : AppCompatActivity() {

  private lateinit var recognizer: BlinkIdMultiSideRecognizer
 private lateinit var recognizerBundle: RecognizerBundle

  override fun onCreate(savedInstanceState: Bundle?) {
 super.onCreate(savedInstanceState)
 setContentView(R.layout.activity_main)

  recognizer = BlinkIdMultiSideRecognizer()
 recognizerBundle = RecognizerBundle(recognizer)
 }

  fun onScanButtonClick(view: View?) {
 // Crie a interface do usuário com as configurações padrão
 val uiSettings = BlinkIdUISettings(recognizerBundle)

  // Ocultar a caixa de diálogo de introdução
 uiSettings.setShowIntroductionDialog(false)

  // Iniciar a atividade de varredura com base nas configurações da interface do usuário
 blinkIdScanLauncher.launch(uiSettings)
 }

  private val blinkIdScanLauncher = registerForActivityResult(MbScan()) { result: ScanResult ->
 // Faz algo com o resultado
 }
}

@IBAction func didTapScan(_ sender: AnyObject) {

  self.blinkIdMultiSideRecognizer = MBBlinkIdMultiSideRecognizer()

  /** Personalizar as configurações da interface do usuário do BlinkID */
 let settings: MBBlinkIdOverlaySettings = MBBlinkIdOverlaySettings()
    
 /** Ocultar a caixa de diálogo de introdução */
 settings.showIntroductionDialog = false

  /** Continuar com a inicialização... */
 let recognizerList = [self.blinkIdMultiSideRecognizer!]
 let recognizerCollection: MBRecognizerCollection = MBRecognizerCollection(recognizers: recognizerList)
  
 let blinkIdOverlayViewController: MBBlinkIdOverlayViewController = MBBlinkIdOverlayViewController(settings: settings, recognizerCollection: recognizerCollection, delegate: self)
      
 guard let recognizerRunnerViewController: UIViewController = MBViewControllerFactory.recognizerRunnerViewController(withOverlayViewController: blinkIdOverlayViewController) else {
 return
 }

  self.present(recognizerRunnerViewController, animated: true, completion: nil)
}

<!-- Altere a interface do usuário padrão fornecendo atributos HTML -->
<blinkid-in-browser
 license-key="..."
 scan-from-image="false"
 hide-feedback="true"
></blinkid-in-browser>

<script type="text/javascript">
  const blinkId = document.querySelector("blinkid-in-browser");

  //  Obter resultados em cada varredura bem-sucedida de documentos
 blinkId.addEventListener(
 "scanSuccess",
 (ev) => console.log("Extracted information", ev.detail)
 );
</script>

Você está procurando mais informações sobre a integração do BlinkID? Consulte nosso hub de desenvolvedores para obter uma lista completa de links de documentação na página da empresa no Github.