Conversation Design | Google for Developers

Las acciones de conversación dejaron de estar disponibles el 13 de junio de 2023. Para obtener más información, consulta Eliminación de acciones en conversaciones.

Se usó la API de Cloud Translation para traducir esta página.

Tarjeta básica

Usa tarjetas básicas (también llamadas tarjetas de entidad) para mostrar una imagen y texto a los usuarios.

Ejemplo

Este es un ejemplo de cómo se ve una tarjeta básica cuando se completan todos los campos obligatorios y opcionales.

Requisitos

Actualmente, este componente visual admite la personalización.

Nombre del campo	¿Es obligatoria?	Restricciones/personalizaciones
Imagen en primer plano	Sí, es obligatorio si no hay una descripción	Máx. 1 imagen en primer plano. El ancho y la altura varían según la pantalla. Si la relación de aspecto de la imagen es diferente de la de la pantalla, esta se centra con barras en los costados o en los lados. La fuente de la imagen es una URL. Si un vínculo de imagen está roto, se usa una imagen de marcador de posición. Forma de imagen personalizable (esquinas angulares o redondeadas). Se permiten los GIF en movimiento. El texto alternativo es obligatorio para la accesibilidad.
Fondo de la tarjeta	No	Imagen o color personalizables
Título	No	Familia y color de fuentes personalizables Se recomienda 1 línea como máximo. La altura de la tarjeta se contrae si no se especifica un título.
Subtítulo	No	Texto sin formato Fuente y tamaño fijos Se recomienda 1 línea como máximo. La altura de la tarjeta se contrae si no se especifica un subtítulo.
Descripción (también denominado cuerpo o texto con formato)	Sí, obligatorio si no hay ninguna imagen	Texto sin formato de forma predeterminada. Fuente y tamaño fijos Hay negritas, cursivas y líneas nuevas disponibles a través de un subconjunto limitado de Markdown. Máx. 10 líneas con una imagen. Eso es aproximadamente 500 caracteres, según la pantalla. Se cortarán los caracteres adicionales. Máx. 15 líneas sin imagen. Tiene aproximadamente 750 caracteres, según la pantalla. Se cortarán los caracteres adicionales.
Vínculo de acción	No	Se puede especificar 1 vínculo al final de una tarjeta de texto. Los vínculos pueden dirigir a los usuarios directamente a las páginas web o generar otros componentes visuales para avanzar en el diálogo. También pueden ser vínculos directos a las aplicaciones. El título del vínculo es obligatorio y no puede ser engañoso. Esto se verifica durante el proceso de aprobación.

Orientación

Las tarjetas básicas se usan para describir entidades (es decir, temas, como personas, lugares o cosas), por lo que son más adecuadas cuando se necesita un factor de forma de respuesta estilo "definición". Úsalos para resumir información o proporcionar información adicional y relevante al usuario.

Resumir información del usuario

Qué debes hacer:

Resume datos como los eventos con una tarjeta básica. De esta manera, los usuarios pueden escanear rápidamente la información que desean.

Qué no debes hacer:

Es menos eficiente presentar información como detalles de eventos en los mensajes.

Proporcione la respuesta breve en las indicaciones y los detalles relacionados en la tarjeta

Qué debes hacer:

Usa los mensajes de voz y de visualización para dar la respuesta específica a la pregunta dirigida del usuario (11:30 a.m. en este ejemplo). Usa las imágenes para obtener detalles relacionados.