Criar apps de chat que ajudam e agradam os usuários

Os princípios de design do Google Chat são um sistema que montamos para ajudar você a criar apps do 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 a planejar, projetar e implementar recursos do app do Chat que ajudam os usuários a atingir as metas.

Os princípios de design dividem o processo de criação do app do Chat em três fases sequenciais:

  1. Planeje seu app do Chat. Durante o planejamento, você vai considerar as pessoas para quem o app do Chat vai ajudar, as tarefas em que o app vai ajudar e mapear as jornadas dos usuários que definem cada interação do usuário com o app.
  2. Dê as boas-vindas às pessoas e comece a usá-las. Durante a integração, o app do Chat se apresenta aos usuários e espaços e os configura para o sucesso.
  3. Conduza as pessoas ao sucesso. Após a integração, seu app do Chat continua a ajudar as pessoas a atingir as metas, orientando-as com cards e mensagens interativos. Se as pessoas precisarem de ajuda ou encontrar erros, o app do Chat informará o que elas precisam saber para seguir em frente.

Um framework de IU com base em cards

Um framework de IU baseado em cartão garante uma experiência consistente e agradável no Android, no iOS e na Web.

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

As mensagens de texto são perfeitas para notificações simples. Elas oferecem suporte a @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 cards oferecem suporte a um layout definido, elementos interativos da IU, como botões, e rich media, como imagens. Use as mensagens do card para apresentar informações detalhadas, coletar informações dos usuários e orientá-los a seguir para a próxima etapa.

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

Enquete em um espaço do Chat com uma mensagem com um card

Para ajudar os usuários a concluir processos em várias etapas, como o preenchimento de dados de formulários, os cards podem ser agrupados sequencialmente em uma caixa de diálogo. 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:

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

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