Compila apps de Chat que ayuden y deleiten a los usuarios

Los principios de diseño de Google Chat son un sistema que reunimos para ayudarte a compilar apps de chat de alta calidad. El sistema se basa en dos pilares: principios de diseño y un framework de IU basado en tarjetas.

Principios de diseño

Los principios de diseño son guías que te ayudan a planificar, diseñar e implementar funciones de la app de Chat que ayudan a los usuarios a alcanzar sus objetivos.

Los principios de diseño dividen el proceso de creación de la app de Chat en tres fases secuenciales:

  1. Planifica tu app de Chat. Durante la planificación, deberás tener en cuenta a las personas a las que ayudará tu app de Chat, las tareas con las que ayudará la app y mapearás los recorridos del usuario que definen cada interacción entre el usuario y la app.
  2. Dales la bienvenida a las personas y dales la bienvenida. Durante la integración, la app de Chat se presenta ante los usuarios y los espacios, y los prepara para el éxito.
  3. Guía a las personas al éxito. Después de la integración, tu app de Chat sigue ayudando a las personas a lograr sus objetivos guiándolas con tarjetas y mensajes interactivos. Si las personas necesitan ayuda o se encuentran errores, la app de Chat les indica lo que necesitan saber para continuar.

Un framework de IU basado en tarjetas

Un framework de IU basado en tarjetas garantiza una experiencia coherente y agradable en Android, iOS y la Web.

Las apps de chat interactúan con los usuarios mediante mensajes de texto o mensajes de tarjeta, que se representan como un objeto JSON.

Los mensajes de texto son ideales para las notificaciones simples. Admiten @menciones y formatos básicos, como negrita, cursiva y code.

Una app podría usar un mensaje de texto para notificar a los desarrolladores de software que se acerca la inmovilización del código:

Ejemplo de mensaje de texto en Google Chat que anuncia la suspensión del código

Los mensajes de tarjeta admiten un diseño definido, elementos interactivos de la IU (como botones) y rich media (como imágenes). Usa mensajes de tarjeta para presentar información detallada, recopilar información de los usuarios y guiarlos a dar el siguiente paso.

Una app podría usar un mensaje de tarjeta para ejecutar una encuesta:

Ejecuta una encuesta en un espacio de Chat con un mensaje de tarjeta

Para ayudar a los usuarios a completar procesos de varios pasos, como completar los datos de formularios, las tarjetas se pueden combinar de manera secuencial en un diálogo. Los diálogos se abren en ventanas que permiten a las apps interactuar con un usuario directamente.

Una app puede iniciar un diálogo para recopilar detalles de contacto:

Recopilar detalles sobre un contacto nuevo de un usuario con un diálogo

Independientemente de si ya compilaste e implementaste una app de Chat o ahora estás pensando en el nombre de una app de Chat, estos principios pueden ayudarte a compilar apps de Chat que deleiten a los usuarios.