Neste artigo, você encontra recomendações específicas para uso de imagens, vídeos e gifs em mensagens de RCS, baseadas no conteúdo oferecido pelo Google sobre a plataforma RCS Business Messaging.
Mídia em Rich cards
Tamanho do card
É a altura total do Rich card, que pode se expandir verticalmente para acomodar o conteúdo:
-
Altura mínima: 112 DP.
-
Altura máxima: 344 DP.
-
Se o conteúdo for menor que a altura mínima, o card é preenchido com espaço em branco.
Alturas da mídia
Refere-se às alturas predefinidas para a mídia dentro do Rich card:
-
Curto: 112 DP.
-
Médio: 168 DP.
-
Alto: 264 DP.
-
A mídia deve caber em uma dessas alturas. Se não couber, ela será ampliada e cortada para ajustar-se ao card.
Rich cards verticais
-
Rich cards verticais exibem mídia horizontal na parte superior.
-
Proporções da mídia horizontal: 2:1, 16:9 ou 7:3.
-
Quando a mídia horizontal tem uma proporção de 2:1, as recomendações são:
-
Resolução: 1.440 x 720 pixels.
-
Tamanho máximo de arquivo: 2 MB para imagens e 10 MB para vídeo.
-
Para miniatura de mídia: resolução 770 x 335 pixels e tamanho de arquivo 40 KB (máximo 100 KB).
-
Rich cards horizontais
-
Rich cards horizontais exibem mídia vertical no lado esquerdo ou direito do card.
-
Proporção de mídia vertical: 3:4.
-
Quando a mídia vertical tem uma proporção de 3:4, as recomendações são:
-
Resolução: 768 x 1024 pixels.
-
Tamanho máximo de arquivo: 2 MB para imagens e 10 MB para vídeo.
-
Para miniatura de mídia: resolução 250 x 330 pixels e tamanho de arquivo 40 KB (máximo 100 KB).
-
Veja exemplo de altura de mídia 264 DP e 112 DP, respectivamente:
Mídia em carrosséis de Rich card
Use um carrossel de Rich card quando precisar apresentar a um usuário várias opções de escolha.
Os carrosséis reúnem de dois a dez rich cards, permitindo que os usuários comparem e interajam individualmente com cada opção.
Os rich cards no carrossel devem seguir os requisitos padrão de conteúdo e altura:
-
Eles exibem mídia horizontal na parte superior dos Rich cards.
-
Proporção de mídia horizontal: 4:3.
-
Quando a mídia horizontal tem uma proporção de 3:4, as recomendações são:
-
Resolução: 960 x 720 pixels.
-
Tamanho máximo de arquivo: 1 MB para imagens e 5 MB para vídeo.
-
Para miniatura de mídia: resolução 605 x 452 pixels e tamanho de arquivo 40 KB (máximo 100 KB).
-
Truncamento
O truncamento acontece quando parte de um texto ou elemento visual é cortado ou omitido devido a restrições de espaço ou formato.
Como isso se aplica aos carrosséis?
Nos Rich cards individuais e nos carrosséis, a resolução da tela, densidade de pixels e preferências do usuário influenciam como os cards são mostrados. Nos carrosséis, a altura dos primeiros cartões determina a altura para todos os cartões no conjunto. Isso afeta diretamente o título, a descrição e a possibilidade de truncamento das sugestões.
Veja como a plataforma RBM trata o truncamento quando um dispositivo não pode exibir todos os elementos de um card:
-
Reduz a descrição para uma linha.
-
Reduz o título para uma linha.
-
Omite sugestões que não cabem no cartão, começando pelo final da lista.
-
Omite a descrição, se necessário.
-
Omite o título, se necessário.
Dicas para evitar truncamento:
-
Mantenha títulos e descrições o mais curtos possível.
-
Para cartões com mídia de tamanho médio ou grande, limite-se a até duas sugestões.
-
Para cartões com mídia pequena, pode-se incluir até três sugestões.
-
Evite incluir mídia em cartões com quatro sugestões para garantir que todos os elementos sejam exibidos sem truncamento.
-
Mantenha os cartões com tamanho e comprimento de conteúdo aproximadamente equivalentes.
-
Se necessário, carregue o carrossel com cartões maiores no início para evitar truncamento nos cartões seguintes.
Essas práticas ajudam a garantir uma experiência consistente e completa para os usuários, independentemente das especificidades de exibição de seus dispositivos.