Cómo hemos optimizado BlinkID desde la integración hasta la UX

Desde 2013, BlinkID ha facilitado y agilizado la tediosa tarea de captura y extracción del DNI a millones de personas de todo el mundo. Tanto si se trata de registrarse en una cuenta bancaria en línea, responder a una solicitud de verificación de edad o intentar enviar un pago entre pares, nuestra solución de escaneado de documentos de identidad y extracción de datos basada en IA ha eliminado la introducción manual de datos, al tiempo que ha permitido tanto a nuestros clientes como a sus usuarios verificar información vital de forma precisa y segura.

BlinkIDHemos escaneado más de 12.000 millones de documentos de identidad en los últimos 10 años y, sin embargo, siempre nos esforzamos por mejorar, tanto para los desarrolladores que integran nuestro producto como para los usuarios finales que navegan por nuestra interfaz. Nuestra última ronda de actualizaciones de software pretende abordar estas dos partes vitales, a la vez que proporciona algunas funciones nuevas que amplían nuestro alcance y capacidad para escalar BlinkID a nivel mundial.

Dicho esto, vamos a hacer un recorrido visual por lo último y mejor de BlinkID. También echaremos un vistazo a algunas de las actualizaciones más técnicas, demostrando nuestro compromiso de ofrecer la mejor experiencia para desarrolladores.

¿Qué hay de nuevo en BlinkID?

Nuestra última actualización de BlinkID incluye algunas novedades interesantes que pueden elevar tu proceso de escaneado y extracción de documentos de identidad a cotas aún mayores. Desde nuevos y mejorados modelos de aprendizaje automático para la extracción de datos, pasando por la mejora del escaneado de códigos de barras, hasta la actualización de la interfaz y los flujos de animación, BlinkID sigue innovando teniendo muy presente tanto la experiencia del desarrollador como la del usuario.

Para nuestros mercados internacionales, la adición de los alfabetos árabe y cirílico amplía aún más nuestra lista de documentos admitidos, a la vez que permite la compatibilidad multiescritura, lo que significa que ahora podemos extraer datos de documentos de identidad que contengan tanto campos de datos en alfabeto latino (por ejemplo, inglés o español) como en alfabeto árabe o cirílico.

También hemos mejorado la precisión de escaneado de todos los documentos de identidad que contienen un PDF417 u otro tipo de código de barras (por ejemplo, Código 39), reduciendo las tasas de error en un 20% adicional. Una mejor tecnología de escaneado significa datos aún más limpios y de mayor calidad para cada documento de identidad procesado por nuestro software. Para ello, hemos aumentado nuestras puntuaciones de precisión mediante mejoras en nuestros modelos principales de OCR y postprocesamiento.

También hemos actualizado nuestra funcionalidad de anonimización de campos, que permite a los clientes enmascarar determinadas partes de un documento de identidad (texto redactado o imágenes recortadas), con anonimización añadida para los códigos QR de los documentos de identidad holandeses, como ejemplo, para cumplir la legislación local sobre privacidad.

Además de ampliar nuestras capacidades básicas de escaneado de documentos, ya sea mediante la compatibilidad con nuevas secuencias de comandos o una mayor precisión, también hemos mejorado la forma de utilizar BlinkID, desde el backend hasta el frontend.

Menos código, menos dolores de cabeza

Tanto si operas con móviles (iOS, Android o multiplataforma), ordenadores de sobremesa u otros servicios basados en la web (autoalojados o basados en la nube), BlinkID puede integrarse fácilmente en tu plataforma. ¿Cómo de fácil? Nuestro cliente medio tarda menos de un día en poner en marcha BlinkID y completar con éxito su primer escaneado.

// Código necesario para iniciar el escaneo
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 ->
 // Haz algo con los resultados
 }
}

/** Código necesario para iniciar la exploración */
@IBAction func didTapCustomUI(_ sender: Any) {
  
 /** Crea el controlador de vista del reconocedor con el controlador de vista de superposición deseado */
 guard let recognizerRunnerViewController: UIViewController = MBViewControllerFactory.recognizerRunnerViewController(withResult: { result en
 /** Maneja los resultados */
 }, closeButtonTapped: {
 /** Maneja el evento de cierre */
 }) else {
 return
 }

 /** Presenta el controlador de vista del ejecutor del reconocedor */
 self.present(recognizerRunnerViewController, animated: true, completion: nil)
}

<!-- Simplifica la integración utilizando nuestro componente de interfaz de usuario -->
<blinkid-in-browser license-key="..."></blinkid-in-browser>

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

  // Obtén resultados en cada escaneado de documentos con éxito
 blinkId.addEventListener(
 "scanSuccess",
 (ev) => console.log("Información extraída", ev.detail)
 );
</script>

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

# Escanea el documento
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 escaneado 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 en nuestros SDK para móviles iOS y Android, y está pensada para nuestros casos de uso más comunes (es decir, escanear ambas caras de un documento), permitiendo a los desarrolladores integrar BlinkID lo más rápidamente posible.

Mensajes de error en tiempo real

La mitad de la batalla en el despliegue de una solución de escaneado de documentos de identidad satisfactoria es saber qué ocurre en el frontend. Incluso con una interfaz fluida, los usuarios pueden experimentar dificultades como no realizar correctamente un paso necesario (por ejemplo, sostener el DNI demasiado lejos de la cámara), lo que puede dar lugar a errores imprevistos o inexplicables.

Para ofrecer una experiencia de desarrollador realmente de primera, BlinkID envía ahora mensajes de error aún más detallados sobre la actividad del usuario final, para que los desarrolladores puedan comprender mejor si los escaneos deben repetirse o aceptarse. (Por ejemplo, si un usuario final no acerca su tarjeta a la cámara y su sesión se agota, el desarrollador recibirá estos detalles específicos en el backend). Esta actualización de funciones en concreto se basó directamente en los comentarios de los desarrolladores.

Una interfaz más informativa

Una de nuestras principales prioridades en BlinkID ha sido siempre anteponer la experiencia del usuario. Por eso nuestro equipo de producto trabaja estrechamente con nuestros diseñadores de producto, realizando pruebas de usuario así como investigaciones primarias y secundarias con el objetivo final clave de impulsar el «éxito del primer escaneado.»

Para lograrlo, nos hemos centrado en crear una interfaz de usuario y una red de asistencia fáciles de navegar, lo que ha dado como resultado una UX más óptima. Como parte de nuestra última actualización, ahora proporcionamos instrucciones sencillas, paso a paso, e información mejorada en tiempo real a lo largo del flujo de usuario, mediante un tutorial de introducción y pantallas de ayuda con información sobre herramientas, para ayudar a garantizar que los usuarios realicen un escaneado satisfactorio.

Funcionalidad de dispositivo a dispositivo

Entendemos que hay algunos elementos del comportamiento del usuario que están fuera del control de una interfaz, como el tipo de dispositivos que posee el usuario. Por ejemplo, las personas que utilizan BlinkID a través de un navegador (ya sea de sobremesa o portátil) pueden no poseer la misma calidad de cámara disponible en un teléfono inteligente de última generación.

Para evitar la mala calidad de las imágenes, la repetición de los escaneos y la fricción con el usuario, pronto introduciremos la funcionalidad de dispositivo a dispositivo. Ahora, los usuarios que utilicen el navegador podrán cambiar a su teléfono con cámara para capturar mejor la imagen, y luego volver a su dispositivo original para completar la incorporación, sin interrupción del flujo.

Capacidades de personalización

La mayoría de los clientes salen al mercado con nuestra solución de escaneado de DNI nada más sacarla de la caja. Sin embargo, para quienes estén 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, hasta variaciones en la fuente, el color u otros componentes del diseño.

// Un ejemplo de cómo iniciar la exploración con interfaz de usuario personalizada
class MainActivity : AppCompatActivity() {

  private lateinit var reconocedor: 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?) {
 // Crea una interfaz de usuario con la configuración predeterminada
 val uiSettings = BlinkIdUISettings(recognizerBundle)

  // Ocultar el diálogo de introducción
 uiSettings.setShowIntroductionDialog(false)

  // Inicia la actividad de escaneado según la configuración de la interfaz de usuario
 blinkIdScanLauncher.launch(uiSettings)
 }

  private val blinkIdScanLauncher = registerForActivityResult(MbScan()) { result: ScanResult ->
 // Haz algo con el resultado
 }
}

@IBAction func didTapScan(_ sender: CualquierObjeto) {

  self.blinkIdMultiSideRecognizer = MBBlinkIdMultiSideRecognizer()

  /** Personaliza la configuración de la IU de BlinkID */
 let settings: MBBlinkIdOverlaySettings = MBBlinkIdOverlaySettings()
    
 /** Ocultar el diálogo de introducción */
 settings.showIntroductionDialog = false

  /** Continúa con la inicialización... */
 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)
}

<!-- Cambia la IU por defecto proporcionando 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");

  // Obtén resultados en cada escaneado de documentos con éxito
 blinkId.addEventListener(
 "scanSuccess",
 (ev) => console.log("Información extraída", ev.detail)
 );
</script>

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