Passez en mode Prototype.
Découvrez comment concevoir et créer des prototypes avec des commandes vocales, de la lecture vocale et de la lecture audio.
Vous pouvez utiliser des commandes vocales pour déclencher une interaction entre les plans de travail ou les états de composant, ou pour une lecture vocale, audio, vidéo ou Lottie.
Définissez Voix comme déclencheur et entrez la commande vocale. Comme type d’action, choisissez Transition, Animation automatique, Superposition, Défilement, Plan de travail précédent, Lecture audio, Lecture vocale, Lecture vidéo ou Lecture Lottie. Par exemple, si vous intégrez la recherche vocale dans une application mobile, vous pouvez utiliser les commandes vocales et la lecture vocale pour effectuer automatiquement la transition entre les plans de travail.
Passez en mode Prototype.
Pour définir une interaction, cliquez sur le connecteur bleu sur l’objet source, l’état du composant ou le plan de travail. Définissez les options suivantes dans l’Inspecteur Propriétés :
A. Définir le déclencheur sur Voix B. Saisir la commande vocale sous forme de texte
A. Définir le déclencheur sur Voix B. Saisir la commande vocale sous forme de texte C. Définir la destination sur un état de composant
Procédez comme suit pour définir plusieurs interactions pour un objet, un état de composant ou un plan de travail :
Vous pouvez appliquer les déclencheurs de type Appuyer, Faire glisser, Survoler et Temporisé une seule fois et les déclencheurs Voix et Touches/Manette à plusieurs reprises.
Pour visualiser les modifications mises à jour, sélectionnez le bouton Aperçu sur ordinateur .
Pour prévisualiser la transition vers le plan de travail ou l’état de composant suivant, maintenez la barre d’espace enfoncée et répétez la commande vocale.
Utilisez l’action Lecture audio pour ajouter des effets sonores à vos prototypes. Par exemple, une confirmation audio après la livraison réussie d’un e-mail. Vous pouvez importer un fichier audio sous forme de fichier MP3 ou WAV.
Pour ajouter une option de lecture audio à un objet ou un plan de travail, procédez comme suit :
En mode Prototype, sélectionnez l’objet ou le plan de travail.
Dans l’Inspecteur Propriétés, définissez les options suivantes :
La lecture automatique d’un fichier audio ne fonctionne dans Safari que si vous avez activé la lecture automatique dans les paramètres de Safari. Pour activer la lecture automatique du son associé aux liens de prototypes XD, consultez la section Activation de la lecture automatique du son dans Safari.
Vous pouvez ajouter une action non transitoire telle que Lecture audio avec une action transitoire principale telle que Transition ou Animation automatique sur un seul déclencheur. Par exemple, le son du clic de la souris lorsque vous passez d’un plan de travail à un autre.
Pour ajouter plusieurs actions à votre prototype, procédez comme suit :
En mode Prototype, sélectionnez l’objet ou le plan de travail auquel vous souhaitez ajouter plusieurs actions.
Dans l’Inspecteur Propriétés, définissez les options suivantes :
Le deuxième bouton Action + dans l’Inspecteur Propriétés n’est activé que lorsque vous définissez le déclencheur Appuyer. En outre, si vous définissez une action non transitoire telle que Lecture audio ou Lecture vocale comme première action, le deuxième bouton Action + n’est pas activé.
Pour ajouter une lecture vocale à un objet ou un plan de travail, procédez comme suit :
Reliez les plans de travail source et cible.
Pour ajouter une lecture vocale, dans l’Inspecteur Propriétés, sélectionnez l’une des options suivantes :
A. Définir le déclencheur sur Délai B. Définir le délai en secondes C. Définir l’action sur Lecture vocale D. Définir la voix E. Entrez le texte que vous souhaitez pour la lecture vocale.
Pour prévisualiser les modifications, sélectionnez le bouton Aperçu sur ordinateur .
Pour prévisualiser la transition de la lecture vocale vers le plan de travail suivant, maintenez la barre d’espace enfoncée et répétez la commande vocale.
En mode Prototype, sélectionnez l’écran d’accueil où le début du flux est défini et cliquez sur le bouton Aperçu sur ordinateur.
Sélectionnez la flèche déroulante à côté du bouton d’enregistrement et sélectionnez l’option Activer le microphone (macOS). Si vous êtes sur Windows, activez le microphone via un contrôle au niveau du système d’exploitation dans Gamecenter. Lors de l’enregistrement, vérifiez que l’icône rouge clignote bien sur l’interface.
Enregistrez l’enregistrement sous forme de fichier MP4, et partagez-le avec les parties concernées ou publiez-le dans les réseaux sociaux.
Cela ne capture pas directement la sortie audio depuis XD, comme la lecture vocale. Le micro entend ou enregistre la sortie en fonction de la configuration de l’utilisateur (le micro du système entend les haut-parleurs du système reproduire la lecture vocale).
Dans l’application sur ordinateur, cliquez sur l’icône Partager dans le coin supérieur droit et choisissez Vérification du design (pour les prototypes) ou Développement (pour les spécifications techniques).
Lors de la prévisualisation d’un prototype sur l’un des appareils ou outils suivants, procédez comme suit :
Lors de la prévisualisation de spécifications techniques, les développeurs peuvent lire ou afficher les commandes vocales et la lecture vocale sous forme de texte.
Les spécifications techniques ne prennent pas en charge les interactions vocales.
Par défaut, la lecture automatique du son est désactivée dans Safari. Pour activer la lecture automatique du son dans les liens de prototypes XD, effectuez les étapes suivantes :
Ce paramètre garantit le fonctionnement automatique du son associé aux liens de prototypes XD.
Lorsque vous exécutez un prototype dans Chrome, si vous recevez un message d’erreur indiquant qu’il y a eu un problème avec l’action de lecture, activez le son dans les paramètres de Chrome.
Effectuez les étapes ci-dessous pour activer le son des liens de prototypes XD dans les paramètres de Chrome :
Ce paramètre permettra la lecture du son associé aux liens de prototypes XD.
Vous pouvez maintenant résoudre les problèmes d’interactions par commande vocale depuis l’aperçu de prototype sur ordinateur et sur le web. Les collaborateurs qui examinent les spécifications techniques peuvent également utiliser cette fonctionnalité pour mieux comprendre comment interagir avec votre prototype dans Adobe XD.
Avant de parler à votre prototype pendant l’aperçu, assurez-vous que l’option de menu Afficher les notifications est activée. Par défaut, cette option de menu est activée lorsque vous démarrez Adobe XD.
Chaque commande que vous donnez à XD est comparée à tous les déclencheurs vocaux présents sur le plan de travail ou le composant en question. Si aucune correspondance n’est trouvée, vous recevez une notification indiquant Aucune correspondance trouvée pour : {la commande que vous avez donnée}. Voir ce que XD a entendu vous aide à déterminer pourquoi une correspondance n’est pas trouvée à chaque fois que vous parlez.
Il peut y avoir différentes raisons pour lesquelles aucune correspondance ne peut être trouvée. Peut-être que la commande vocale donnée n’est utilisée dans aucune interaction de ce plan de travail ou l’état du composant actuel. Ou peut-être que le service de conversion de parole en texte a renvoyé un résultat inattendu.
Par exemple, vous pouvez décider d’ajouter la phrase deux dollars comme commande vocale dans une interaction. Mais lorsque vous donnez la commande, le service de conversion de parole en texte peut renvoyer le résultat 2,00 $. Les chiffres ayant remplacé les mots dans la notification, vous savez maintenant qu’il faut modifier l’interaction pour utiliser des chiffres au lieu de mots.
Accéder à votre compte