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

Desde 2013, a BlinkID tornou a tediosa tarefa de captura e extração de documentos de identidade mais fácil e rápida para milhões de pessoas em todo o mundo. Seja ao abrir uma conta bancária online, responder a uma solicitação de verificação de idade ou tentar enviar um pagamento entre pessoas, nossa solução de digitalização e extração de dados de documentos de identidade, baseada em IA, eliminou a necessidade de preenchimento manual, permitindo que tanto nossos clientes quanto seus usuários verifiquem informações essenciais com precisão e segurança. 

O sucesso da BlinkID no mercado nos permitiu digitalizar mais de 12 bilhões de documentos de identidade nos últimos 10 anos; no entanto, estamos sempre buscando melhorar — tanto para os desenvolvedores que integram nosso produto quanto para os usuários finais que utilizam nossa interface. Nossa mais recente rodada de atualizações de software visa atender a esses dois públicos essenciais, ao mesmo tempo em que oferece novos recursos que ampliam nosso alcance e nossa capacidade de expandir o BlinkID em nível global. 

Dito isso, vamos fazer um tour visual pelas novidades mais recentes e interessantes da BlinkID. Também vamos dar uma olhada nos bastidores de algumas das atualizações mais técnicas, demonstrando nosso compromisso em oferecer a melhor experiência possível para desenvolvedores. 

Quais são as novidades do BlinkID?

Nossa mais recente atualização do BlinkID inclui alguns novos recursos empolgantes que podem elevar o seu processo de digitalização e extração de documentos de identidade a um nível ainda mais alto. Desde modelos novos e aprimorados de aprendizado de máquina para extração de dados, passando por uma digitalização aprimorada de códigos de barras, até uma interface atualizada e fluxos de animação, o BlinkID continua inovando, sempre priorizando tanto a experiência do desenvolvedor quanto a do usuário.

Para nossos mercados internacionais, a inclusão dos alfabetos árabe e cirílico amplia ainda mais nossa lista de documentos compatíveis, ao mesmo tempo em que possibilita o suporte a múltiplos alfabetos, o que significa que agora podemos extrair dados de documentos de identificação que contenham tanto caracteres latinos (por exemplo, inglês, espanhol) quanto campos de dados em árabe ou cirílico.

Também aprimoramos a precisão da leitura de todos os documentos de identificação que contêm um código de barras PDF417 ou de outro tipo (por exemplo, Código 39), reduzindo as taxas de erro em mais 20%. Uma tecnologia de leitura aprimorada significa dados ainda mais precisos e de melhor qualidade para cada documento de identificação processado pelo nosso software. Para isso, aumentamos nossos índices 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 campos, que permite que os clientes ocultem determinadas partes de um documento de identidade (texto censurado ou imagens recortadas), com anonimização adicional para códigos QR em carteiras de identidade holandesas, por exemplo, a fim de cumprir as leis locais de privacidade.

Além de ampliar nossos recursos essenciais de digitalização de documentos, seja por meio do suporte a novos scripts ou de maior precisão, também aprimoramos a forma como o BlinkID é utilizado — desde o back-end até o front-end. 

Menos código, menos dores de cabeça

Seja em dispositivos móveis (iOS, Android ou multiplataforma), em computadores ou em outros serviços baseados na web (hospedados por você mesmo ou na nuvem), o BlinkID pode ser facilmente integrado à sua plataforma. Quão fácil? Em média, nossos clientes levam menos de um dia para ativar o BlinkID e concluir com sucesso sua primeira varredura.

// Code needed to start the scan
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 ->
    // Do something with results
  }
}

/** Code needed to start the scan */
@IBAction func didTapCustomUI(_ sender: Any) {
  
  /** Create recognizer view controller with wanted overlay view controller */
  guard let recognizerRunnerViewController: UIViewController = MBViewControllerFactory.recognizerRunnerViewController(withResult: { result in
    /** Handle results */
  }, closeButtonTapped: {
    /** Handle close event */
  }) else {
    return
  }

  /** Present the recognizer runner view controller */
  self.present(recognizerRunnerViewController, animated: true, completion: nil)
}

<!-- Simplify integration by using our UI component -->
<blinkid-in-browser license-key="..."></blinkid-in-browser>

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

  // Get results on every successful document scan
  blinkId.addEventListener(
    "scanSuccess",
    (ev) => console.log("Extracted information", ev.detail)
  );
</script>

# Run docker image
docker run -p 8080:8080 -e "LICENSEE=..." -e "LICENSE_KEY=..." -v /etc/machine-id:/etc/machine-id microblink/api

# Scan document
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, já que reduzimos as linhas de código necessárias para implementar o BlinkID a uma única linha. Essa nova opção está disponível em nossos SDKs móveis para iOS e Android e foi projetada para os nossos casos de uso mais comuns (ou seja, digitalização de ambos os lados de um documento), permitindo que os desenvolvedores integrem o BlinkID o mais rápido possível.

Mensagens de erro em tempo real

Metade do trabalho na implantação de uma solução eficaz de leitura de documentos de identidade consiste em saber o que está acontecendo no front-end. Mesmo com uma interface intuitiva, os usuários ainda podem enfrentar dificuldades, como não conseguir realizar corretamente uma etapa necessária (por exemplo, segurar o documento de identidade muito longe da câmera), o que pode resultar em erros imprevistos ou inexplicáveis. 

Para oferecer uma experiência de desenvolvedor verdadeiramente 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 verificaçõ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 específica do recurso foi baseada diretamente no feedback dos desenvolvedores.

Uma interface mais informativa

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

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 (UX) mais otimizada. Como parte de nossa última atualização, agora oferecemos instruções simples e passo a passo, além de feedback aprimorado em tempo real ao longo de todo o fluxo do usuário, por meio de um tutorial introdutório e telas de ajuda com dicas de ferramentas, para ajudar a garantir que os usuários realizem uma verificação bem-sucedida.

Funcionalidade de dispositivo para dispositivo

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

Para evitar má qualidade de imagem, repetição de digitalizações e dificuldades para o usuário, em breve introduziremos a funcionalidade “dispositivo a dispositivo”. A partir de agora, os usuários que utilizam navegadores poderão alternar para a câmera do celular para obter uma captura de imagem de melhor qualidade e, em seguida, voltar ao dispositivo original para concluir o processo de cadastro — sem nenhuma interrupção no fluxo.

Recursos de personalização

A maioria dos clientes já começa a utilizar nossa solução de leitura de documentos de identidade assim que a adquire. No entanto, para aqueles interessados em modificar o fluxo do usuário ou criar um do zero, também oferecemos várias opções de personalização para criar uma experiência de marca branca em pouco tempo — incluindo variações de fonte, cor ou outros componentes de design.

// An example on how to start the scan with customized UI
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?) {
        // Create UI with default settings
        val uiSettings = BlinkIdUISettings(recognizerBundle)

        // Hide introduction dialog
        uiSettings.setShowIntroductionDialog(false)

        // Start scan activity based on UI settings
        blinkIdScanLauncher.launch(uiSettings)
    }

    private val blinkIdScanLauncher = registerForActivityResult(MbScan()) { result: ScanResult ->
        // Do something with result
    }
}

@IBAction func didTapScan(_ sender: AnyObject) {

  self.blinkIdMultiSideRecognizer = MBBlinkIdMultiSideRecognizer()

  /** Customize BlinkID UI settings */
  let settings: MBBlinkIdOverlaySettings = MBBlinkIdOverlaySettings()
    
  /** Hide introduction dialog */
  settings.showIntroductionDialog = false

  /** Continue with initialization... */
  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)
}

<!-- Change default UI by providing HTML attributes -->
<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");

  // Get results on every successful document scan
  blinkId.addEventListener(
    "scanSuccess",
    (ev) => console.log("Extracted information", ev.detail)
  );
</script>

Quer saber mais sobre a integração com o BlinkID? Acesse nosso hub para desenvolvedores para ver uma lista completa de links para a documentação na página da nossa empresa no GitHub.