Escala tu diseño
Diseño multimodal
Anatomía de la respuesta
Componentes de conversación
Los componentes de conversación se combinan para redactar el contenido de los mensajes de voz, los mensajes de visualización y los chips.
Los componentes conversacionales (mensajes y chips) deben diseñarse para cada turno de diálogo.
Mensaje hablado | El contenido que tu acción le habla al usuario mediante TTS o audio grabado previamente |
Mostrar mensaje | El contenido que tu acción escribe al usuario, a través de texto impreso en la pantalla |
| Papas fritas | Sugerencias para que el usuario continúe o reoriente la conversación |
Componentes visuales
Los componentes visuales incluyen tarjetas, carruseles y otros elementos visuales.
Son perfectos para escanear y comparar opciones. Los componentes visuales son útiles si estás presentando información detallada, pero no son necesarios para cada turno de diálogo.
| Tarjeta básica de | 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 que los usuarios seleccionen uno de muchos 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 varios elementos, cuando esos elementos se diferencian más fácilmente por su título. |
| Respuesta de para medios | Las respuestas de medios 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. |
Agrupa los dispositivos según los componentes que se usaron para la respuesta
Pasa de habla a multimodal
Estos son algunos ejemplos de la acción de Google I/O 18
La mayoría de las veces, puedes volver a usar el mismo mensaje por voz en dispositivos como pantallas inteligentes, ya que la necesidad de transmitir el núcleo de la conversación sigue siendo la misma.
En este punto de la conversación, no hay contenido que sea apropiado para un componente visual como una tarjeta o un carrusel, por lo que no se incluye ninguno.
Asegúrate de agregar chips. Como mínimo, deben incluir todas las opciones que se ofrecen en los mensajes para que el usuario pueda presionarlos rápidamente a fin de responder.
Como no hay contenido apropiado para un componente visual, no hay contenido que se pueda quitar del mensaje de voz. Por lo tanto, está bien volver a usar el original.
El aviso de visualización debe ser una versión condensada del mensaje hablado, optimizada para la capacidad de escaneo. Mueve las opciones de respuesta a los chips, pero asegúrate de incluir siempre la pregunta.
Vuelve a usar los mismos chips que acabas de crear.
Comienza con el mensaje de voz original del diálogo de muestra de ejemplo.
Ten en cuenta que la lista de voz se limita a 6 elementos (de 17 en total) para reducir la carga cognitiva. Los temas se aleatorizan para no priorizar un tema por sobre otro.
Una vez más, está bien volver a usar el mismo mensaje por voz, ya que no podemos suponer que el usuario está mirando la pantalla.
Incluir una lista visual de todos los temas ayuda al usuario a explorar y seleccionar. Tenga en cuenta que la lista visual de los 17 elementos (paginados) se muestra en orden alfabético, lo que facilita a los usuarios buscar el tema que desean.
Debido a que la lista ya enumera los temas que se pueden elegir, no es necesario incluirlos como chips. En su lugar, incluye otras opciones, como "Ninguna de ellas", para ofrecerle una salida al usuario.
Aquí, podemos suponer que el usuario tiene el mismo acceso al audio y a la pantalla. Dado que la modalidad visual es más adecuada para las listas, dirija a los usuarios a la pantalla para que elijan un tema y aprovechen esta fortaleza. Esto nos permite acortar el mensaje de voz para obtener una descripción general de la lista y de la pregunta.
Solo se debe mantener la pregunta en el mensaje de la pantalla.
Vuelve a usar el mismo chip que acabas de crear.
Relación entre los mensajes
En general, los mensajes de voz están optimizados para seguir las convenciones de las conversaciones. Las indicaciones de la pantalla se optimizan y siguen las convenciones de las conversaciones escritas. Aunque son ligeramente diferentes, deben transmitir el mismo mensaje principal.
Diseñe el diseño tanto para el oído como para el ojo. Es más fácil comenzar con la indicación hablada. Imagina lo que puedes decir en una conversación entre personas. Luego, redúcelo a fin de crear la solicitud para mostrarla.
Permitido
No.
Permitido
No.
Permitido
No.
Relación entre los componentes
Recuerde que todos los componentes están destinados a proporcionar una única respuesta unificada.
A menudo, es más fácil comenzar por escribir mensajes para una experiencia sin pantallas y, luego, volver a imaginar lo que se podría decir en una conversación de persona a persona. Luego, imagina cómo cambiaría la conversación si uno de los participantes tuviera una pantalla táctil. ¿Qué detalles ahora se pueden omitir de los componentes conversacionales? Por lo general, el mensaje en pantalla se reduce de manera significativa, ya que el usuario puede comprender la información en el aspecto visual con la misma facilidad que en el mensaje en pantalla. Agrupa la información de modo que el usuario no tenga que echar un vistazo entre la solicitud para mostrar y la visualización varias veces.
DETENIDO