Comment nous avons optimisé BlinkID de l’intégration à l’UX

Depuis 2013, BlinkID a rendu la tâche fastidieuse de la capture et de l’extraction d’identité plus facile et plus rapide pour des millions de personnes à travers le monde. Qu’il s’agisse de s’inscrire à un compte bancaire en ligne, de répondre à une demande de vérification d’âge ou d’envoyer un paiement peer-to-peer, notre solution de numérisation d’identité et d’extraction de données alimentée par l’IA a éliminé la saisie manuelle, tout en permettant à nos clients et à leurs utilisateurs de vérifier des informations vitales avec précision et en toute sécurité.

Les prouesses de BlinkID sur le marché nous ont permis de scanner plus de 12 milliards d’identifiants au cours des 10 dernières années. Pourtant, nous nous efforçons toujours de nous améliorer, à la fois pour les développeurs qui intègrent notre produit et pour les utilisateurs finaux qui naviguent dans notre interface. Notre dernière série de mises à jour logicielles vise à répondre aux besoins de ces deux parties essentielles, tout en offrant de nouvelles fonctionnalités qui étendent notre portée et notre capacité à faire évoluer BlinkID à l’échelle mondiale.

Ceci étant dit, nous allons faire un tour d’horizon des dernières nouveautés de BlinkID. Nous jetterons également un coup d’œil sous le capot de certaines des mises à jour les plus techniques, démontrant ainsi notre engagement à offrir aux développeurs une expérience de premier ordre.

Quelles sont les nouveautés de BlinkID ?

Notre dernière mise à jour de BlinkID comprend de nouvelles fonctionnalités passionnantes qui peuvent élever votre processus de numérisation et d’extraction de documents d’identité à des niveaux encore plus élevés. Qu’il s’agisse de nouveaux modèles d’apprentissage automatique améliorés pour l’extraction des données, d’une meilleure lecture des codes-barres ou d’une mise à jour de l’interface et des flux d’animation, BlinkID continue d’innover en gardant à l’esprit l’expérience des développeurs et des utilisateurs.

Pour nos marchés internationaux, l ‘ajout des écritures arabes et cyrilliques élargit encore notre liste de documents pris en charge tout en permettant la prise en charge de plusieurs écritures, ce qui signifie que nous pouvons désormais extraire des données à partir d’identifiants contenant à la fois des champs de données latins (par exemple, anglais, espagnol) et arabes ou cyrilliques.

Nous avons également amélioré la précision de lecture pour toutes les pièces d’identité comportant un code PDF417 ou un autre type de code-barres (par exemple, le code 39), ce qui a permis de réduire les taux d’erreur de 20 % supplémentaires. Une meilleure technologie de numérisation signifie des données encore plus propres et de meilleure qualité pour chaque pièce d’identité traitée par notre logiciel. À cette fin, nous avons augmenté nos taux de précision en améliorant nos principaux modèles d’OCR et de post-traitement.

Nous avons également mis à jour notre fonctionnalité d’anonymisation des champs, qui permet aux clients de masquer certaines parties d’un document d’identité (texte expurgé ou images recadrées), en ajoutant l’anonymisation des codes QR sur les cartes d’identité néerlandaises, par exemple, afin de se conformer aux lois locales sur la protection de la vie privée.

Au-delà du développement de nos capacités de numérisation de documents, que ce soit par la prise en charge de nouveaux scripts ou par l’amélioration de la précision, nous avons également amélioré la façon dont BlinkID est utilisé – du backend au frontend.

Moins de code, moins de maux de tête

Que vous opériez sur mobile (iOS, Android ou multiplateforme), sur ordinateur de bureau ou sur d’autres services web (auto-hébergés ou basés sur le cloud), BlinkID peut facilement s’intégrer à votre plateforme. Facile comment ? Il faut en moyenne moins d’une journée à nos clients pour lancer BlinkID et effectuer avec succès leur première analyse.

// Code nécessaire pour lancer l'analyse
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 ->
 // Faire quelque chose avec les résultats
 }
}

/** Code nécessaire pour démarrer l'analyse */
@IBAction func didTapCustomUI(_ sender : Any) {
  
 /** Créer un contrôleur de vue de reconnaissance avec le contrôleur de vue superposé souhaité */
 guard let recognizerRunnerViewController : UIViewController = MBViewControllerFactory.recognizerRunnerViewController(withResult : { result in
 /** Handle results */
 }, closeButtonTapped : {
 /** Gérer l'événement de fermeture */
 }) else {
 return
 }

 /** Présenter le contrôleur de vue du moteur de reconnaissance */
 self.present(recognizerRunnerViewController, animated : true, completion : nil)
}

<!-- Simplifiez l'intégration en utilisant notre composant d'interface utilisateur -->
<blinkid-in-browser license-key="..."></blinkid-in-browser>

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

  // Obtenir des résultats à chaque numérisation de document réussie
 blinkId.addEventListener(
 "scanSuccess",
 (ev) => console.log("Extracted information", ev.detail)
 ) ;
</script>

# Exécutez l'image docker
docker run -p 8080:8080 -e "LICENSEE=..." -e "LICENSE_KEY=..." -v /etc/machine-id:/etc/machine-id microblink/api

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

Aujourd’hui, la numérisation de documents d’identité de base est encore plus simplifiée pour les nouveaux utilisateurs, car nous avons réduit à une seule ligne les lignes de code nécessaires au déploiement de BlinkID. Cette nouvelle option est disponible dans nos SDK mobiles iOS et Android, et est destinée à nos cas d’utilisation les plus courants (c’est-à-dire la numérisation des deux côtés d’un document), ce qui permet aux développeurs d’intégrer BlinkID le plus rapidement possible.

Messages d’erreur en temps réel

La moitié de la bataille dans le déploiement d’une solution de numérisation d’identité réussie est de savoir ce qui se passe sur le frontend. Même avec une interface transparente, les utilisateurs peuvent toujours rencontrer des difficultés, comme le fait de ne pas effectuer correctement une étape requise (par exemple, en tenant leur pièce d’identité trop loin de la caméra), ce qui peut entraîner des erreurs imprévues ou inexpliquées.

Pour offrir une expérience de premier ordre aux développeurs, BlinkID envoie désormais des messages d’erreur encore plus détaillés concernant l’activité de l’utilisateur final, afin que les développeurs puissent mieux comprendre si les scans doivent être répétés ou acceptés. (Par exemple, si un utilisateur ne rapproche pas sa carte de la caméra et que sa session se termine, le développeur recevra ces détails spécifiques en arrière-plan). Cette mise à jour particulière de la fonctionnalité a été basée directement sur les commentaires des développeurs.

Une interface plus informative

L’une des principales priorités de BlinkID a toujours été d’accorder la priorité à l’expérience de l’utilisateur. C’est pourquoi notre équipe produit travaille en étroite collaboration avec nos concepteurs de produits, en menant des tests auprès des utilisateurs ainsi que des recherches primaires et secondaires, avec pour objectif principal de favoriser le « succès de la première lecture ».

Pour y parvenir, nous nous sommes concentrés sur la création d’une interface utilisateur et d’un réseau d’assistance faciles à naviguer, ce qui a permis d’optimiser l’interface utilisateur. Dans le cadre de notre dernière mise à jour, nous fournissons désormais des instructions simples, étape par étape, et un retour d’information amélioré en temps réel tout au long du flux d’utilisateurs, via un tutoriel d’introduction et des écrans d’aide sous forme d’infobulles, afin de garantir que les utilisateurs effectuent un scan réussi.

Fonctionnalité d’appareil à appareil

Nous comprenons que certains éléments du comportement de l’utilisateur échappent au contrôle de l’interface, comme le type d’appareil dont dispose l’utilisateur. Par exemple, les personnes qui utilisent BlinkID via un navigateur (qu’il s’agisse d’un ordinateur de bureau ou d’un ordinateur portable) ne disposent pas de la même qualité d’appareil photo que sur un téléphone intelligent dernier cri.

Pour éviter les images de mauvaise qualité, les scans répétés et les frictions entre utilisateurs, nous introduirons bientôt une fonctionnalité d’appareil à appareil. Désormais, les utilisateurs utilisant un navigateur pourront passer à leur appareil photo pour une meilleure capture d’image, puis revenir à leur appareil d’origine pour terminer l’onboarding – sans aucune interruption du flux.

Capacités de personnalisation

La plupart des clients utilisent notre solution de scannage d’identité dès sa sortie de l’emballage. Cependant, pour ceux qui souhaitent modifier le flux d’utilisateurs ou en créer un à partir de zéro, nous offrons également plusieurs options de personnalisation pour créer une expérience en marque blanche en un rien de temps – jusqu’à des variations de police, de couleur ou d’autres composants de conception.

// Un exemple de démarrage de l'analyse avec une interface utilisateur personnalisée
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 ?) {
 // Créez l'interface utilisateur avec les paramètres par défaut
 val uiSettings = BlinkIdUISettings(recognizerBundle)

  // Masquer le dialogue d'introduction
 uiSettings.setShowIntroductionDialog(false)

  // Lancement de l'activité de balayage en fonction des paramètres de l'interface utilisateur
 blinkIdScanLauncher.launch(uiSettings)
 }

  private val blinkIdScanLauncher = registerForActivityResult(MbScan()) { result : ScanResult ->
 // Faire quelque chose avec le résultat
 }
}

@IBAction func didTapScan(_ sender : AnyObject) {

  self.blinkIdMultiSideRecognizer = MBBlinkIdMultiSideRecognizer()

  /** Personnalisation des paramètres de l'interface utilisateur BlinkID */
 let settings : MBBlinkIdOverlaySettings = MBBlinkIdOverlaySettings()
    
 /** Masquer le dialogue d'introduction */
 settings.showIntroductionDialog = false

  /** Poursuivre l'initialisation... */
 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)
}

<!-- Changez l'interface utilisateur par défaut en fournissant des attributs 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") ;

  // Obtenir des résultats à chaque numérisation de document réussie
 blinkId.addEventListener(
 "scanSuccess",
 (ev) => console.log("Extracted information", ev.detail)
 ) ;
</script>

Vous cherchez plus d’informations sur l’intégration de BlinkID ? Consultez notre hub développeur pour une liste complète de liens de documentation sur la page Github de notre société.