Tarjeta básica

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

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.

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.

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.

Qué no debes hacer:

Evita la redundancia entre el mensaje de voz, el mensaje de pantalla y las imágenes.

Qué debes hacer:

A veces, una imagen es la mejor manera de transmitirle información al usuario.

Qué no debes hacer:

Aunque la descripción es linda, una imagen hubiese sido mejor.

Anterior
Personalización
Siguiente
Carrusel de navegación