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
Lorsque vous adaptez la conception de votre application à l'ensemble des utilisateurs,
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.
Lorsqu'ils complètent la conversation
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
Sur les appareils avec sortie d'écran
Avec des composants de conversation
Dans un modèle préformaté
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. |