Cómo diseñar interacciones del usuario

En esta página, se describe cómo implementar la interactividad del usuario en las apps de Google Chat. Las apps de Chat admiten la interactividad de algunas de las siguientes maneras, desde mensajes basados en texto hasta interfaces gráficas de usuario basadas en tarjetas:

  • Cómo presentar tu app de Chat a los usuarios
  • Responde a las interacciones de Chat
  • Mensajes de tarjeta
  • Diálogos
  • Comandos de barra
  • Vista previa de los vínculos
  • @menciona usuarios en un mensaje

Cómo presentar tu app de Chat a los usuarios

Integra personas y espacios a tu app de Chat con un mensaje de bienvenida en el que se detalle lo que hace tu app de Chat y cómo las personas pueden trabajar mejor con ella.

Un mensaje de integración eficaz tiene la siguiente estructura:

  • Salúdalos. Establece la voz y el tono adecuados con tus usuarios.
  • Describe brevemente lo que hace tu app de Chat. Presenta tu app de Chat diciéndoles a las personas lo que puede ayudarlos a hacer en una o dos oraciones.
  • Indícales a las personas cómo comenzar. Indícales a las personas cómo trabajar con tu app de Chat. Si tu app de Chat requiere configuración o autorización, este es un buen lugar para pedirles a los usuarios que completen el proceso de configuración. Por ejemplo, sugiere uno o dos comandos de barra comunes.
  • Explica cómo obtener ayuda y cómo enviar comentarios. Finaliza el mensaje diciéndoles a las personas cómo pueden obtener ayuda u ofrecer feedback.

El siguiente mensaje de integración de la app de Chat prepara a los usuarios para el éxito:

Ejemplo de mensaje de integración para una app de Chat de programación

Recibe interacciones de Chat y respóndelas

Tu app de Chat puede recibir y responder a las interacciones del usuario, también conocidos como eventos de interacción de la app de Chat. Las interacciones que se describen en esta página son todas interacciones de Chat, pero también pueden incluir otras interacciones, como agregar o quitar una app de Chat en un espacio.

Enviar mensajes de tarjeta

Los mensajes de tarjeta son elementos de la IU que pueden contener widgets interactivos y estáticos, como texto, imágenes y botones que las apps de Chat pueden enviar a los usuarios y los espacios. Si tu app de Chat necesita recopilar información de los usuarios, presentar información detallada o guiar a los usuarios para que realicen el siguiente paso, envía un mensaje de tarjeta.


Diseña tarjetas y obtén una vista previa de ellas con el Creador de tarjetas.

Abre el Creador de tarjetas

El siguiente es un mensaje de tarjeta de una app de Chat:

App de Chat enviando un mensaje de tarjeta

Abrir diálogos en mensajes

Los diálogos son interfaces con ventanas basadas en tarjetas que un usuario puede abrir para interactuar con tu app de Chat. En los diálogos, puedes unir varios mensajes de tarjetas de forma secuencial, lo que ayuda a los usuarios a completar procesos de varios pasos, como rellenar datos de formularios.

En el siguiente ejemplo, una app de chat inicia un diálogo para recopilar los detalles de contacto de un usuario que emite el comando de barra /createContact:

Recopilación de detalles sobre un nuevo contacto de un usuario mediante un diálogo

Configura comandos de barra

Los comandos de barra te permiten registrar y anunciar comandos específicos que los usuarios pueden ejecutar en una app de Chat si escribes un comando que comienza con una barra diagonal (/), como /help.

La siguiente es una lista de comandos de barra disponibles para la app de Chat de Cymbal:

Elige un comando de barra para interactuar con la app de Chat.

Después de configurar las vistas previas de vínculos en tu app de Chat, cada vez que alguien comparta un vínculo coincidente, los usuarios podrán obtener una vista previa de ese vínculo adjuntando una tarjeta al mensaje.

La siguiente app de Chat ayuda a los agentes de atención al cliente a obtener una vista previa de los vínculos a los casos compartidos en un espacio de Chat. Para ello, adjunta una tarjeta que muestra información sobre el caso.

Vista previa del vínculo en un mensaje de tarjeta.

@menciona usuarios en un mensaje

Tu app de Chat puede @mencionar usuarios específicos o todos los usuarios en un espacio para notificarlos sobre el mensaje. Antes de mencionar a un solo usuario, y en especial antes de mencionar a todos los usuarios de un espacio, debes considerar si es realmente necesario y optar por no @mencionar personas.

Mencionar a usuarios individuales hace que reciban una notificación e interrumpa lo que estén haciendo. Cuando se menciona a todos los usuarios de un espacio, se envía una notificación a todos los participantes. Si mencionas a las personas con mucha frecuencia, es posible que se molesten con tu app de Chat y comiencen a verla como spam.

Está bien mencionar usuarios por razones muy importantes o urgentes. Por ejemplo, en la siguiente app de Chat, se @menciona un espacio lleno de desarrolladores de software para notificarles que se acerca el bloqueo del código y para darles la oportunidad de decir que necesitan un poco más de tiempo antes de la fecha límite:

La app de Chat envía mensajes a todos los usuarios de un espacio.

Por otro lado, la siguiente app de Chat menciona a un cliente directamente para agradecerle, lo cual es cortés, pero no merece una notificación:

App de Chat que envía mensajes a un solo usuario