Cómo hemos optimizado BlinkID, desde la integración hasta la experiencia de usuario

Desde 2013, BlinkID ha facilitado y agilizado la tediosa tarea de capturar y extraer datos de documentos de identidad para millones de personas en todo el mundo. Ya sea para abrir una cuenta bancaria en línea, responder a una solicitud de verificación de edad o intentar realizar un pago entre particulares, nuestra solución de escaneo de documentos de identidad y extracción de datos, basada en inteligencia artificial, ha eliminado la introducción manual de datos, al tiempo que permite tanto a nuestros clientes como a sus usuarios verificar información esencial de forma precisa y segura. 

El éxito de BlinkID en el mercado nos ha permitido escanear más de 12 000 millones de documentos de identidad en los últimos 10 años y, sin embargo, seguimos esforzándonos por mejorar, tanto para los desarrolladores que integran nuestro producto como para los usuarios finales que utilizan nuestra interfaz. Nuestra última ronda de actualizaciones de software tiene como objetivo satisfacer las necesidades de ambas partes fundamentales, al tiempo que ofrece algunas funciones nuevas que amplían nuestro alcance y nuestra capacidad para escalar BlinkID a nivel mundial. 

Dicho esto, hagamos un recorrido visual por las últimas y mejores novedades de BlinkID. También echaremos un vistazo entre bastidores a algunas de las actualizaciones más técnicas, lo que demuestra nuestro compromiso por ofrecer la mejor experiencia para desarrolladores de su categoría. 

¿Qué novedades hay en BlinkID?

Nuestra última actualización de BlinkID incluye nuevas e interesantes funciones que pueden llevar el proceso de escaneo y extracción de datos de tus documentos de identidad a un nivel aún más alto. Desde modelos de aprendizaje automático nuevos y mejorados para la extracción de datos, pasando por un escaneo de códigos de barras optimizado, hasta una interfaz actualizada y flujos de animación mejorados, BlinkID sigue innovando teniendo siempre en cuenta tanto la experiencia del desarrollador como la del usuario.

En lo que respecta a nuestros mercados internacionales, la incorporación de los alfabetos árabe y cirílico amplía aún más nuestra lista de documentos compatibles y, al mismo tiempo, permite la compatibilidad con múltiples alfabetos, lo que significa que ahora podemos extraer datos de documentos de identidad que contengan tanto caracteres latinos (por ejemplo, inglés o español) como campos de datos en árabe o cirílico.

También hemos mejorado la precisión de escaneo de todos los documentos de identidad que incluyen un código de barras PDF417 u otro tipo (por ejemplo, Code 39), reduciendo las tasas de error en un 20 % adicional. Una mejor tecnología de escaneo se traduce en datos aún más limpios y de mayor calidad para cada documento de identidad procesado por nuestro software. Con ese fin, hemos mejorado nuestros índices de precisión gracias a las mejoras introducidas en nuestros modelos principales de OCR y de posprocesamiento. 

También hemos actualizado nuestra función de anonimización de campos, que permite a los clientes ocultar determinadas partes de un documento de identidad (texto censurado o imágenes recortadas), y hemos añadido la anonimización de los códigos QR de los documentos de identidad neerlandeses, por poner un ejemplo, para cumplir con la legislación local en materia de privacidad.

Además de ampliar nuestras capacidades básicas de digitalización de documentos, ya sea mediante la compatibilidad con nuevos scripts o una mayor precisión, también hemos mejorado el modo en que se utiliza BlinkID, desde el backend hasta el frontend. 

Menos código, menos quebraderos de cabeza

Tanto si utilizas dispositivos móviles (iOS, Android o multiplataforma), ordenadores de sobremesa u otros servicios web (autohospedados o en la nube), BlinkID se integra fácilmente en tu plataforma. ¿Cómo de fácil? A nuestro cliente medio le lleva menos de un día poner en marcha BlinkID y completar con éxito su primer escaneo.

// 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": "..." } }'

Y ahora, el escaneo básico de documentos de identidad se ha simplificado aún más para los nuevos usuarios, ya que hemos reducido las líneas de código necesarias para implementar BlinkID a una sola línea. Esta nueva opción está disponible tanto en nuestros SDK móviles para iOS como para Android, y está pensada para nuestros casos de uso más habituales (es decir, escanear ambas caras de un documento), lo que permite a los desarrolladores integrar BlinkID lo más rápido posible.

Notificaciones de errores en tiempo real

La mitad del trabajo a la hora de implementar una solución eficaz de escaneo de documentos de identidad consiste en saber qué ocurre en la interfaz de usuario. Incluso con una interfaz fluida, los usuarios pueden seguir encontrando dificultades, como no realizar correctamente un paso obligatorio (por ejemplo, sostener el documento de identidad demasiado lejos de la cámara), lo que puede dar lugar a errores imprevistos o inexplicables. 

Para ofrecer una experiencia de desarrollo realmente de primera clase, BlinkID envía ahora mensajes de error aún más detallados sobre la actividad del usuario final, de modo que los desarrolladores puedan comprender mejor si es necesario repetir los escaneos o aceptarlos. (Por ejemplo, si un usuario final no acerca su tarjeta a la cámara y se agota el tiempo de espera de su sesión, el desarrollador recibirá estos detalles específicos en el backend.) Esta actualización concreta de la función se ha basado directamente en los comentarios de los desarrolladores.

Una interfaz más informativa

Una de nuestras principales prioridades en BlinkID siempre ha sido dar prioridad a la experiencia del usuario. Por eso, nuestro equipo de producto colabora estrechamente con nuestros diseñadores de producto, llevando a cabo pruebas con usuarios, así como investigaciones primarias y secundarias, con el objetivo final clave de garantizar el «éxito del primer escaneo». 

Para lograrlo, nos hemos centrado en crear una interfaz de usuario y una red de asistencia fáciles de usar, lo que se traduce en una experiencia de usuario más óptima. Como parte de nuestra última actualización, ahora ofrecemos instrucciones sencillas paso a paso y comentarios mejorados en tiempo real a lo largo de todo el proceso de uso, a través de un tutorial introductorio y ventanas emergentes de ayuda, para garantizar que los usuarios realicen un análisis con éxito.

Funcionalidad de dispositivo a dispositivo

Entendemos que hay algunos aspectos del comportamiento de los usuarios que escapan al control de una interfaz, como el tipo de dispositivos que poseen. Por ejemplo, es posible que las personas que utilizan BlinkID a través de un navegador (ya sea en un ordenador de sobremesa o portátil) no dispongan de la misma calidad de cámara que ofrece un smartphone de última generación. 

Para evitar una mala calidad de imagen, tener que repetir los escaneos y las dificultades para el usuario, pronto introduciremos la funcionalidad de dispositivo a dispositivo. A partir de ahora, los usuarios que utilicen el navegador podrán cambiar a la cámara de su móvil para capturar mejores imágenes y, a continuación, volver a su dispositivo original para completar el proceso de registro, sin ninguna interrupción en el flujo.

Posibilidades de personalización

La mayoría de los clientes lanzan al mercado nuestra solución de escaneo de documentos de identidad tal y como viene de fábrica. Sin embargo, para aquellos interesados en modificar el flujo de usuario o crear uno desde cero, también ofrecemos varias opciones de personalización para crear una experiencia de marca blanca en un abrir y cerrar de ojos, incluyendo variaciones en la tipografía, el color u otros componentes de diseño.

// 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>

¿Buscas más información sobre la integración de BlinkID? Echa un vistazo a nuestro centro para desarrolladores, donde encontrarás una lista completa de enlaces a la documentación en la página de GitHub de nuestra empresa.