Traduction côté client avec l'IA

Découvrez l'API Translation expérimentale pour renforcer l'assistance client à l'échelle mondiale.

Maud Nalpas
Maud Nalpas
Kenji Baheux
Kenji Baheux

Publié le 16 mai 2024, dernière mise à jour le 13 novembre 2024

Développer votre activité sur les marchés internationaux peut être coûteux. Plus de marchés signifie probablement plus de langues à prendre en charge, ce qui peut entraîner des difficultés avec les fonctionnalités et les flux interactifs, comme le chat d'assistance après-vente. Si votre entreprise ne dispose que d'agents d'assistance anglophones, les personnes qui ne parlent pas anglais couramment peuvent avoir du mal à expliquer exactement le problème qu'elles ont rencontré.

Comment pouvons-nous utiliser l'IA pour améliorer l'expérience des utilisateurs parlant plusieurs langues, tout en minimisant les risques et en confirmant s'il est intéressant d'investir dans des agents d'assistance parlant d'autres langues ?

Certains utilisateurs tentent de surmonter la barrière de la langue à l'aide de la fonctionnalité de traduction de page intégrée à leur navigateur ou d'outils tiers. Toutefois, l'expérience utilisateur est inférieure à la moyenne avec les fonctionnalités interactives, comme notre chat d'assistance après-vente.

Pour les outils de chat avec traduction intégrée, il est important de minimiser les délais. En traitant la langue sur l'appareil, vous pouvez traduire en temps réel, avant même que l'utilisateur n'envoie le message.

Cela dit, la transparence est essentielle pour combler les lacunes linguistiques à l'aide d'outils automatisés. N'oubliez pas qu'avant le début de la conversation, vous devez indiquer clairement que vous avez implémenté des outils d'IA qui permettent cette traduction. Cela permet de fixer des attentes et d'éviter les moments gênants si la traduction n'est pas parfaite. Ajoutez un lien vers votre règlement pour en savoir plus.

Nous travaillons sur une API Translator côté client avec un modèle intégré à Chrome.

Chat de démonstration

Nous avons créé un chat du service client qui permet aux utilisateurs de saisir leur langue maternelle et de recevoir une traduction en temps réel pour l'agent du service client.

Utiliser l'API Translator

Pour déterminer si l'API Translator est compatible, exécutez l'extrait de code de détection de fonctionnalités suivant.

if ('ai' in self && 'translator' in self.ai) {
  // The Translator API is supported.
}

Vérifier la prise en charge des combinaisons linguistiques

La traduction est gérée à l'aide de modules linguistiques, téléchargés à la demande. Un pack de langues est comme un dictionnaire pour une langue donnée.

  • sourceLanguage: langue actuelle du texte.
  • targetLanguage: langue finale dans laquelle le texte doit être traduit.

Utilisez les codes courts de langue BCP-47 comme chaînes. Par exemple, 'es' pour l'espagnol ou 'fr' pour le français.

Déterminez la disponibilité du modèle et écoutez downloadprogress:

const translator = await self.ai.translator.create({
  sourceLanguage: 'es',
  targetLanguage: 'fr',
  monitor(m) {
    m.addEventListener('downloadprogress', (e) => {
      console.log(`Downloaded ${e.loaded * 100}%`);
    });
  },
});

Si le téléchargement échoue, les événements downloadprogress s'arrêtent et la promesse ready est rejetée.

Créer et exécuter le traducteur

Pour créer un traducteur, appelez la fonction create() asynchrone. Il nécessite un paramètre d'options avec deux champs, l'un pour sourceLanguage et l'autre pour targetLanguage.

// Create a translator that translates from English to French.
const translator = await self.ai.translator.create({
  sourceLanguage: 'en',
  targetLanguage: 'fr',
});

Une fois que vous avez un traducteur, appelez la fonction translate() asynchrone pour traduire votre texte.

await translator.translate('Where is the next bus stop, please?');
// "Où est le prochain arrêt de bus, s'il vous plaît ?"

Étapes suivantes

Inscrivez-vous au test de l'origine de l'API Translator pour activer vos fonctionnalités de traduction pour tous les utilisateurs de votre origine, dans Chrome.

Votre avis nous intéresse. Partagez vos commentaires sur cette approche en ouvrant un problème sur la vidéo explicative et en nous indiquant les cas d'utilisation qui vous intéressent le plus.

Vous pouvez vous inscrire au programme Preview anticipé pour tester cette API et d'autres avec des prototypes locaux.