Compila apps de Chat que ayuden y deleiten a los usuarios

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

Principios de diseño de la app de Google Chat

Los principios de diseño de Google Chat son un sistema que creamos para ayudarte a crear apps de alta calidad. El sistema se basa en dos pilares: principios de diseño y un marco de trabajo 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 las 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 apps de Chat en tres fases secuenciales:

  1. Planifica tu aplicación de chat. Durante la planificación, tendrás en cuenta a las personas a las que ayudará tu aplicación de chat, a qué tareas te ayudará la aplicación y te permitirá mapear los recorridos de los usuarios que definen cada interacción con la aplicación.
  2. Deles la bienvenida a las personas y comencemos con ellas. Durante la integración, su aplicación de Chat se presenta a los usuarios y los espacios, y los prepara para el éxito.
  3. Guiar a las personas al éxito. Después de la integración, su aplicación de Chat continúa ayudando a las personas a lograr sus objetivos guiándolos con tarjetas y mensajes interactivos. Si las personas necesitan ayuda o experimentan errores, su aplicación de Chat les indicará lo que necesitan saber para avanzar.

Un framework de IU basado en tarjetas

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

Las apps de chat interactúan con los usuarios mediante mensajes de texto o mensajes de tarjetas, cada uno de los cuales se representa como un objeto JSON.

Los mensajes de texto son perfectos para recibir 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 suspensió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 de IU interactivos, como botones, y rich media, como imágenes. Usa mensajes de tarjetas para presentar información detallada, recopilar información de los usuarios y guiarlos para dar el siguiente paso.

Una app puede usar un mensaje de tarjeta para realizar una encuesta:

Cómo ejecutar 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 datos de formularios, las tarjetas se pueden unir de forma secuencial en un diálogo. Se abrirán diálogos en ventanas que permiten a las apps interactuar directamente con un usuario.

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

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

Próximos pasos

Independientemente de si ya compilaste e implementaste una aplicación de Chat o ahora estás pensando en el nombre de una aplicación de Chat, estos principios te ayudarán a crear aplicaciones de Chat que deleiten a los usuarios.

Planifica tu app de Chat

Dales la bienvenida a los usuarios y ponlos en marcha

Guía a las personas al éxito