Descripción general de los componentes visuales

Los componentes visuales incluyen tarjetas, carruseles, listas y otros recursos visuales. Los componentes visuales son útiles si estás presentando información detallada, pero no son necesarios para cada turno de diálogo.

En esta sección, encontrarás orientación sobre los componentes visuales disponibles para usar en tu acción, cuándo usarlos y cómo personalizarlos.

Cuándo crear elementos visuales

Si seguiste nuestro proceso de diseño de conversación, habrás comenzado a diseñar para un dispositivo sin pantalla, como Google Home. Esto se debe a que obtener el flujo de conversación correcto es más fácil si todo está en un solo lugar: los mensajes de voz.

A medida que amplíe su diseño, comenzará a crear imágenes para incluir otros dispositivos, como teléfonos celulares.

El objetivo de los elementos visuales es complementar la conversación y, por lo tanto, no son obligatorios en cada turno del diálogo.

Piensa en qué información podría representarse mejor en una pantalla. Haz preguntas como las siguientes:

  • ¿Ayudaría a los usuarios a ver una imagen de lo que se debate?
  • ¿Sería más fácil para el usuario elegir entre una lista visual y no una voz?
  • ¿Hay contenido adicional que, si bien no es fundamental para la conversación, sería útil para mostrar a los usuarios?


Dónde y cómo aparecen las imágenes

Obviamente, las imágenes solo se mostrarán en dispositivos con salida de pantalla. Se cambiará su tamaño y se reorganizarán automáticamente para que se ajusten al tamaño de la pantalla en la que aparecen.
Las imágenes nunca aparecerán solas. Siempre estarán acompañadas por mensajes de voz o de visualización. También deben estar acompañados de chips.
Piense en estos componentes visuales como plantillas con campos obligatorios y opcionales. Lo único que debes hacer es especificar los datos (es decir, las strings de texto, los archivos de imagen, etc.) que deseas que aparezcan. Consulte las secciones de "Requisitos" debajo de cada componente visual para obtener detalles sobre lo que necesita especificar.

Tipos de componentes visuales

Componente visual Descripción
Tarjeta básica Usa tarjetas básicas para mostrar una imagen y texto a los usuarios.
Carrusel de navegación Los carruseles de navegación están optimizados para permitir que los usuarios seleccionen uno de muchos elementos, cuando esos son contenido de la Web.
Carrusel Los carruseles están optimizados para permitir a los usuarios seleccionar uno de varios elementos, cuando esos elementos se diferencian más fácilmente por una imagen.
Lista Las listas están optimizadas para permitir que los usuarios seleccionen uno de muchos elementos, cuando esos elementos se diferencian más fácilmente por su título.
Respuesta multimedia Las respuestas multimedia se usan para reproducir y controlar la reproducción de contenido de audio, como música y otro contenido multimedia.
Tabla Se usan para mostrar datos estáticos a los usuarios en un formato fácil de escanear.