Criar apps do Chat que ajudam e encantam os usuários

Os princípios de design do Google Chat são um sistema que criamos para ajudar você a criar apps de alta qualidade do Google Chat. O sistema se baseia em dois pilares: princípios de design e uma estrutura de IU baseada em cartões.

Princípios de design

Os princípios de design são guias que ajudam você a planejar, projetar e implementar recursos do app de chat para que os usuários atinjam os objetivos deles.

Os princípios de design dividem o processo de criação de apps de chat em três fases sequenciais:

  1. Planejar o app Chat
  2. Dê as boas-vindas e comece já. Durante a integração, seu app Chat se apresenta aos usuários e espaços e os prepara para o sucesso.
  3. Ensine as pessoas ao sucesso. Depois da integração, o app Chat continua ajudando as pessoas a atingir as metas, oferecendo cards e mensagens interativos. Quando as pessoas precisam de ajuda ou encontram erros, o app Chat mostra o que elas precisam saber para continuar.

Uma estrutura de IU baseada em cartão

Uma estrutura de IU baseada em cartão garante uma experiência agradável e consistente no Android, iOS e na Web.

Os apps de chat interagem com os usuários usando mensagens de texto ou card, e cada uma é representada por um objeto JSON.

As mensagens de texto são perfeitas para notificações simples. Ele é compatível com @menções e formatação básica, como negrito, itálico e code.

Um app pode usar uma mensagem de texto para notificar os desenvolvedores de software de que o congelamento de código está próximo:

Exemplo de mensagem de texto no Google Chat sobre o congelamento do código

As mensagens do card são compatíveis com um layout definido, elementos de IU interativos, como botões, e rich media, como imagens. Use mensagens de cartão para apresentar informações detalhadas, coletar informações de usuários e orientá-los a dar o próximo passo.

Um app pode usar uma mensagem de card para fazer uma enquete:

Fazer uma enquete no espaço do Chat com uma mensagem de card

Para ajudar os usuários a realizar processos de várias etapas, como preencher dados de formulário, os cards podem ser adicionados em sequência em uma caixa de diálogo. As caixas de diálogo são abertas em janelas que permitem que os apps interajam diretamente com um usuário.

Um app pode iniciar uma caixa de diálogo para coletar detalhes de contato:

Reunir detalhes sobre um novo contato de um usuário com uma caixa de diálogo

Próximas etapas

Se você já criou e implantou um app de chat ou está pensando no nome de um app de chat, esses princípios vão ajudar a criar apps do Chat que vão encantar os usuários.

Planejar o app Chat

Dê as boas-vindas às pessoas e dê os primeiros passos

Guie as pessoas para o sucesso