Présentation des composants visuels

Les composants visuels incluent les fiches, les carrousels, les listes et d'autres assets visuels. Les composants visuels sont utiles si vous présentez des informations détaillées, mais ils ne sont pas obligatoires pour chaque tour de boîte de dialogue.

Cette section vous fournit des conseils sur les composants visuels à votre disposition dans votre action, et vous explique quand les utiliser et les personnaliser.

Quand créer des visuels

Si vous avez suivi notre processus de conception des conversations, vous avez commencé par créer un appareil sans écran comme Google Home. En effet, il est plus facile d'organiser la conversation si toutes les informations sont regroupées au même endroit : les invites vocales.

Vous allez commencer à créer des visuels à mesure que vous développez votre design pour inclure d'autres appareils, comme des téléphones mobiles.

Les images servent à compléter la conversation et ne sont donc pas obligatoires à chaque tour de la boîte de dialogue.

Réfléchissez aux informations qui pourraient être mieux représentées à l'écran. Posez-vous des questions telles que :

  • Les utilisateurs pourraient-ils voir une image de ce qui est en cours de discussion ?
  • Serait-il plus facile pour l'utilisateur de faire un choix dans une liste visuelle plutôt que dans une liste vocale ?
  • Existe-t-il des contenus supplémentaires qui pourraient être présentés aux utilisateurs, même s'ils ne sont pas essentiels à la conversation ?


Emplacement et apparence des éléments visuels

Bien entendu, les visuels ne s'afficheront que sur les appareils dotés d'une sortie écran. Elles sont automatiquement redimensionnées et réorganisées pour s'adapter à la taille de l'écran sur lequel elles apparaissent.
Les visuels ne s'afficheront jamais seuls. Ils sont toujours accompagnés d'une invite vocale et/ou display. Ils doivent également être accompagnés de chips.
Considérez ces composants visuels comme des modèles avec des champs obligatoires et facultatifs. Il vous suffit de spécifier les données (c'est-à-dire les chaînes de texte, les fichiers image, etc.) que vous souhaitez afficher. Consultez les sections "Conditions requises" sous chaque composant visuel pour en savoir plus sur les éléments à spécifier.

Types de composants visuels

Composant visuel Description
Carte de base Utilisez des fiches de base pour présenter une image et du texte aux utilisateurs.
Carrousel de navigation Les carrousels de navigation sont optimisés pour permettre aux utilisateurs de sélectionner l'un des nombreux éléments disponibles lorsque ces éléments proviennent du Web.
Carrousel Les carrousels sont optimisés pour permettre aux utilisateurs de sélectionner l'un des nombreux éléments lorsqu'ils sont facilement différenciés par une image.
Liste Les listes sont optimisées pour permettre aux utilisateurs de sélectionner l'un des nombreux éléments, lesquels sont plus faciles à différencier par leur titre.
Réponse média Les réponses multimédias permettent de lire et de contrôler la lecture de contenus audio tels que de la musique ou d'autres contenus multimédias.
Table Les tables permettent d'afficher des données statiques dans un format facile à analyser.