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

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Princípios de design do app Google Chat

Os princípios de design do Google Chat são um sistema que criamos para ajudar você a criar apps de chat de alta qualidade. O sistema se baseia em dois pilares: princípios de design e um framework de IU baseado em cards.

Princípios de design

Os princípios de design são guias que ajudam você a planejar, criar e implementar recursos do app Chat que ajudam os usuários a atingir as metas deles.

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

  1. Planeje seu app de chat.Durante o planejamento, você vai considerar as pessoas com quem seu app de chat ajudará, as tarefas com que ele vai ajudar e mapear as jornadas dos usuários que definem cada interação do app.
  2. Dê as boas-vindas e dê os primeiros passos. Durante a integração, o app Chat apresenta o produto aos usuários e espaços, e os prepara para o sucesso.
  3. Oriente as pessoas a alcançar o sucesso. Após a integração, o app Chat continuará ajudando as pessoas a alcançar as metas delas, com cards e mensagens interativos. Se as pessoas precisarem de ajuda ou encontrarem erros, o app Chat mostrará o que elas precisam saber para continuar.

Um framework de IU baseado em cards

Um framework de IU baseado em cards garante uma experiência consistente e divertida no Android, no iOS e na Web.

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

As mensagens de texto são perfeitas para receber notificações simples. Elas são compatíveis 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á se aproximando:

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

As mensagens de card são compatíveis com um layout definido, elementos interativos da IU como botões e rich media como imagens. Use mensagens de cartão para apresentar informações detalhadas, coletar informações dos 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 em um espaço do Chat com uma mensagem de card

Para ajudar os usuários a concluir processos em várias etapas, como preencher dados de formulário, os cards podem ser agrupados 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:

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

Próximas etapas

Estes princípios vão ajudar você a criar apps do Chat para agradar os usuários, seja você um desenvolvedor do Chat, que já criou e implantou um app de chat.

Planejar o app Chat

Dê as boas-vindas e dê os primeiros passos

Ensine as pessoas ao sucesso