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
Cuando escalas tu diseño para ayudar a los usuarios dondequiera que estén
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.
Cuando complementen la conversación
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
En dispositivos con salida de pantalla
En una plantilla con formato previo
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. |