Personnalisation de l'Interface Utilisateur pour la Vérification d'Identité (FR)

Personnalisation de l'Interface Utilisateur pour la Vérification d'Identité

Dans le paysage concurrentiel actuel, une expérience utilisateur fluide et personnalisée est primordiale. En matière de vérification d'identité, les interfaces génériques peuvent perturber le processus et éroder la confiance. Didit fournit un puissant SDK de vérification d'identité doté d'options de personnalisation étendues, vous permettant de blanchir entièrement le processus de vérification pour qu'il corresponde à l'apparence et à l'identité de votre marque. Cet article explore les différentes méthodes pour obtenir un contrôle total de l'interface utilisateur, de la personnalisation CSS de base à la création d'une expérience entièrement sur mesure.

Point clé 1 : Didit offre un éventail d'options de personnalisation, des simples remplacements CSS à une approche de rendu côté serveur complète pour un contrôle maximal de l'interface utilisateur.

Point clé 2 : La mise en œuvre appropriée du blanchiment renforce la confiance des utilisateurs et la cohérence de la marque tout au long du processus de vérification.

Point clé 3 : L'API Didit est conçue pour prendre en charge à la fois les composants d'interface utilisateur prêts à l'emploi et les interfaces entièrement personnalisées.

Point clé 4 : La personnalisation CSS avancée permet un contrôle granulaire de l'apparence du SDK sans modifier le code principal.

Comprendre les options de blanchiment

Didit reconnaît que chaque marque a des exigences uniques. Nous proposons plusieurs approches de personnalisation de l'interface utilisateur :

• Personnalisation CSS (Basique) : La méthode la plus simple, vous permettant de remplacer les styles par défaut à l'aide de CSS personnalisé. Ceci est idéal pour les ajustements de marque mineurs tels que les couleurs, les polices et les styles de bouton.
• Personnalisation de la page hébergée (Intermédiaire) : Modifiez la page de vérification hébergée via des options de style limitées disponibles dans la console Didit.
• Intégration du SDK avec une interface utilisateur personnalisée (Avancée) : Contrôle total. Intégrez le SDK Didit à votre application et créez une interface utilisateur entièrement personnalisée à l'aide de vos frameworks préférés (React, Angular, Vue.js, etc.). Cela utilise nos API pour le traitement back-end.
• Rendu côté serveur (Expert) : Gérez l'ensemble du flux de vérification sur vos serveurs, en utilisant l'API de Didit pour effectuer les contrôles d'identité principaux et en créant une interface avant entièrement personnalisée.

Exploiter la personnalisation CSS

Pour les mises à jour rapides de la marque, la personnalisation CSS est un outil puissant. Le SDK de Didit vous permet d'injecter des règles CSS personnalisées qui remplacent les styles par défaut. Ceci est réalisé en ajoutant une balise style au HTML contenant le widget de vérification, ou en fournissant une URL vers une feuille de style.

Exemple :

<style>
  .didit-button {
    background-color: #2567FF !important; /* Bleu Didit */
    color: white !important;
    border-radius: 5px !important;
  }
  .didit-input {
    font-family: 'Votre police personnalisée', sans-serif !important;
  }
</style>

Considérations importantes :

• Utilisez !important pour vous assurer que vos styles remplacent les styles par défaut du SDK.
• Inspectez la structure HTML du SDK pour identifier les classes CSS pertinentes.
• Testez soigneusement sur différents navigateurs et appareils.

Création d'une interface utilisateur personnalisée avec le SDK

Pour un contrôle total de l'interface utilisateur, vous devrez intégrer le SDK Didit à votre application et créer une interface avant personnalisée. Cette approche nécessite plus d'efforts de développement, mais offre une flexibilité inégalée.

Architecture :

1. Initialisez le SDK Didit dans votre application.
2. Créez des éléments d'interface utilisateur personnalisés (boutons, champs de saisie, etc.) qui correspondent à votre marque.
3. Utilisez l'API Didit pour déclencher les étapes de vérification (capture de documents d'identité, détection de la présence, etc.).
4. Gérez les résultats de la vérification et mettez à jour votre interface utilisateur en conséquence.

Exemple : Lancer la vérification d'identité à l'aide du SDK JavaScript.

didit.launchIDVerification({
  container: '#didit-container',
  onSuccess: function(result) {
    console.log('Vérification réussie:', result);
  },
  onFailure: function(error) {
    console.error('Vérification échouée:', error);
  }
});

Style avancé et personnalisation étendue

Au-delà du CSS de base, vous pouvez obtenir une personnalisation plus sophistiquée en utilisant l'API Didit pour contrôler le flux de vérification et rendre des éléments d'interface utilisateur personnalisés. Cela permet des modifications dynamiques en fonction du statut de la vérification, de la localisation ou d'autres facteurs. Par exemple, vous pouvez afficher ou masquer dynamiquement des éléments en fonction du pays de l'utilisateur, ou afficher des messages d'erreur personnalisés.

Les options de style étendu de Didit incluent la possibilité de personnaliser :

• Les indicateurs de chargement
• Les messages d'erreur
• Les animations de succès
• Les ressources d'image

Comment Didit peut vous aider

Didit permet aux entreprises de proposer une expérience de vérification d'identité personnalisée et sans friction. Notre SDK flexible et notre API complète vous fournissent les outils dont vous avez besoin pour :

• Améliorer la cohérence de la marque.
• Accroître la confiance des utilisateurs.
• Améliorer les taux de conversion.
• Réduire les coûts de support.
• Maintenir une expérience utilisateur fluide.

Prêt à commencer ?

Prêt à prendre le contrôle de l'interface utilisateur de votre vérification d'identité ? Explorez notre documentation et nos ressources d'intégration :

• Documentation Didit
• Centre de démonstration Didit
• Tarifs Didit