App store screenshots: otimize seus assets visuais para atrair mais usuários

O cérebro humano está programado para focar em conteúdos visuais.

É por isso que esses elementos não devem ficar em segundo plano na sua estratégia de App Store Optimization (ASO). No geral, os usuários passam apenas 7 segundos em uma página de produto. Por isso, os screenshots que você mostra na loja de aplicativos têm o potencial de atrair a atenção dos usuários e transmitir sua mensagem em milissegundos. 

Pesquisas sugerem que os usuários leem apenas 20% de um texto quando visitam uma página. A partir de estudos de rastreamento ocular e mapa de calor, sabemos que as imagens chamam a atenção dos usuários. Também sabemos que imagens com texto aumentam a retenção em até 89% — sendo essa uma boa estratégia para manter o seu app na mente dos usuários.

Com relação aos screenshots nas lojas de aplicativos, a grande questão é – eles não são apenas simples capturas de tela do seu produto. Eles precisam ser são cuidadosamente projetados, gráficos personalizados que têm o poder de impulsionar downloads. 

Nesse blog post, vamos falar sobre como criar um screenshot do seu app, diretrizes específicas da Apple e do Google e práticas recomendadas para o seu sucesso. 

Por que os screenshots são importantes para o ASO?

Embora eles não afetem a sua posição nos resultados de pesquisa, os screenshots podem influenciar diretamente na decisão de conversão para alguém que está visualizando o seu app, por alguns motivos:

1. Eles levam os usuários para a página do produto. Os screenshots do seu app aparecem nos resultados de pesquisa, junto com o título e a legenda do aplicativo. Em meio a uma longa lista de concorrentes, eles são uma das melhores maneiras de atrair um leitor, que pode até mesmo abrir a página do seu produto antes de olhar apps concorrentes.
2. Eles permitem que os usuários vejam uma prévia do seu produto. Além da descrição do aplicativo, os usuários querem ver qual é a sua aparência e interface. Os screenshots permitem a visualização dessas informações em apenas alguns segundos. 
3. Eles transmitem a identidade da sua marca. No quadro em branco dos resultados de pesquisa, esse é o melhor espaço para exibir a sua identidade visual, incluindo cores, tipografia e imagens.
4. Eles geram uma conexão com os usuários. Quando os usuários conseguem se ver representados por meio de fotos, ilustrações ou casos específicos — é mais provável que eles experimentem o seu produto. 

Quais são os elementos de um bom screenshot? 

Os melhores screenshots são atraentes, simples e mostram o aplicativo em uso. 

Seus screenshots devem equilibrar um design simples com um bom conteúdo. Lembre-se que, na tela do celular, a sua imagem é pequena. Por isso, é importante que ela não tenha muitos elementos e textos pequenos fora da interface. 

Muitos dos screenshots de aplicativos bem-sucedidos são simples — eles inserem um screenshot em um frame de dispositivo com um plano de fundo sólido e uma linha de copy. 

Veja o TikTok e o YouTube, por exemplo. Ambos mantêm a simplicidade, colocando screenshots em um fundo branco com texto preto simples. Outros apps usam fotografias ou ilustrações, mantendo o exemplo do aplicativo e no centro da imagem. 

Outra abordagem de design bem-sucedida é a criação de um design de paisagem que é dividido em várias telas — para criar um efeito de imagem maior. 

Exemplos de aplicativos que usam essa técnica são a ESPN, Twitch, Marvel Unlimited e Planta. Essa estratégia cria um efeito visual de parada do scrolling; apenas lembre-se de que cada screenshot individual deve mostrar como o seu app funciona e representar o seu produto com sucesso. 

Diretrizes e tamanhos

Como acontece com todos os esforços de ASO, o seu design precisa se alinhar com os requisitos das loja da Apple e do Google.

Requisitos da App Store

A App Store da Apple permite até 10 screenshots para cada produto, que podem ser em retrato ou paisagem, sendo que um a três screenshots podem ser exibidos no seu preview, dependendo da orientação. Recomendamos o uso de todos os 10 screenshots para mostrar o máximo possível sobre o seu app. 

O mais importante é que a plataforma exige que cada captura de tela realmente mostre o aplicativo em uso. Isso é um pouco mais restrito do que as diretrizes da Google Play Store, que permite mais flexibilidade para fotos e cases. 

A Apple recomenda comunicar a essência e as principais funcionalidades do seu aplicativo no primeiro screenshot e focar em uma vantagem ou recurso específico em cada captura de tela subsequente. Se você oferecer suporte ao Modo Escuro, considere incluir um screenshot que complemente esse modo. 

Os requisitos da App Store são: 

• Mínimo de 1 screenshot, máximo de 10
• Formato PNG, JPEG ou vídeo
• Resolução de 72 DPI sem transparência
• Se você usar um vídeo, ele aparecerá no primeiro frame e em reprodução automática
• Conformidade com especificações exatas de tamanho de pixel para dispositivos compatíveis, incluindo vários iPhones e iPads, Macs, Apple TVs e Apple Watches

Requisitos da Google Play Store

Na Google Play Store, os screenshots de aplicativos nem sempre aparecem nos resultados de pesquisa, mas apenas quando pesquisamos pelo nome da marca. 

Nos resultados de pesquisa, eles aparecem diretamente abaixo das principais informações de um aplicativo, incluindo o título, ícone e avaliação do app. Você pode adicionar até oito screenshots e deve fazer o upload de imagens personalizadas para cada tipo de dispositivo compatível.

De acordo com o Google, os screenshots devem transmitir a aparência, os recursos e a experiência oferecida pelo seu aplicativo. Você pode fazer isso através de uma foto que represente um estilo de vida específico que inclui o uso do seu app, ou através de screenshots que mostrem os seus principais recursos. O copy e taglines não devem representar mais de 20% de uma imagem e não devem incluir calls to action diretos ou palavras-chave de performance, como “top” ou “número 1”. 

Os requisitos da Google Play Store são: 

• Mínimo de 4 screenshots, máximo de 8
• Formato JPEG ou PNG de 24 bits sem alfa
• 320 a 3840 pixels com um tamanho máximo de 8 MB
• Proporção 16:9 ou 9:16
• A dimensão máxima não pode exceder 2x da dimensão mínima

Uma vantagem da Google Play Store é que a loja possui um recurso que recomenda aplicativos e jogos através de screenshots. Embora não seja possível controlar quando o seu aplicativo será selecionado, você pode aumentar suas chances seguindo a recomendações do Google. 

Por exemplo, use screenshots com um mínimo de 1920 x 1080 pixels, mostre a experiência real no seu app e evite mostrar pessoas interagindo com o dispositivo.

Melhores práticas, dicas, insights e tendências

Não sabe por onde começar? Siga essas sete práticas comprovadas para criar visuais que a sua audiência vai adorar.

1 – Faça uma pesquisa da concorrência

Para se inspirar, confira quais tipos de screenshots os seus concorrentes estão usando. Embora você não possa exibir diretamente comparações entre aplicativos, você pode realizar pesquisas para identificar e destacar o que torna o seu app único. 

Lembre-se de que os usuários avaliam vários aplicativos parecidos ao mesmo tempo. O que pode fazer com que o seu se destaque? 

• Compare screenshots de pelo menos três aplicativos concorrentes lado a lado. Primeiro, analise o design e avalie qual deles mais chama a sua atenção e por quê. 
• Observe mais de perto as propostas de valor comunicadas em cada screenshot e no texto que o acompanha. Você pode oferecer algo diferente ou melhor? 
• Veja as avaliações dos aplicativos para descobrir as frustrações dos usuários com seus apps concorrentes. Chame a atenção para o seu diferencial nos seus screenshots.

Guia

ASO: guia completo de App Store Optimization

Saiba mais

2 – Encontre a melhor ordem de exibição

Somente 9% dos usuários olham todos os seus screenshots, o que significa que as três primeiras imagens são as únicas que a maioria dos usuários verá. Essa estatística é um pouco melhor para jogos, com 17% de scrolling. 

Para tirar o máximo proveito disso, comunique seu objetivo ou vantagem principal logo na primeira imagem e deixe os novos recursos para o final. 

Certifique-se de que o texto seja grande o suficiente para que os leitores consigam ler sem ter que ampliar a imagem, limitando seu texto em apenas quatro ou cinco palavras por linha. 

3 – Conte uma história

Seus screenshots devem fluir de forma coesa, contando uma história clara. Use a primeira imagem para destacar sua principal vantagem e use as próximas imagens para mostrar o que o seu app faz para garantir essa vantagem. 

Se o seu app apresenta um novo conceito para o usuário, o storytelling é uma ótima abordagem para mostrar rapidamente como ele funciona. Por exemplo, o app Wag! começa apontando a sua principal vantagem (“Cuidados com o seu pet a qualquer dia, a qualquer hora”) e, em seguida, usa os próximos screenshots para mostrar os passos básicos para contratar um passeador de cães.  

Uma maneira de transformar os screenshots do seu app em uma narrativa é por meio de um design que combine diferentes imagens. No entanto, você não precisa adotar essa abordagem. Você pode simplesmente certificar-se de que os gráficos e as mensagens funcionem em screenshots individuais.  

4 – Retrato x paisagem

Não há uma resposta certa ou errada para screenshots em retrato ou paisagem. Use a orientação para a qual o seu aplicativo foi projetada. Retrato é a escolha mais popular, já que muitos apps são projetados para uso em retrato, mas usar uma imagem de paisagem pode fazer você se destacar (dê uma olhada no Hulu, por exemplo). 

Muitos jogos optam por usar um vídeo em paisagem como seu primeiro screenshot. Se você usar esse modelo, lembre-se de que esse formato ocupa mais espaço de visualização e menos usuários verão sua segunda e terceira imagens, então faça esse conteúdo valer a pena.

5 – Faça testes A/B

O design do seu screenshot não pode ser definido apenas com base em suposições. Assim, você pode descobrir quais visuais geram mais conversões através de testes A/B.

Tanto a Apple quanto o Google oferecem testes A/B de diferentes versões de listagens do seu app, incluindo uma análise dos seus screenshots. Recomendamos que você teste diferentes screenshots e também de diferentes sequências de imagens para descobrir qual funciona melhor. 

6 – Localize os screenshots do seu aplicativo

Como acontece com todos os metadados do seu app, recomendamos que você localize os screenshots do seu aplicativo para diferentes mercados globais. Se o app estiver disponível em idiomas diferentes ou se você personalizar a listagem do app para outros idiomas, inclua screenshots nesses idiomas ou dialetos. 

Além disso, é importante testar e analisar seus designs visuais, pois cada mercado tem preferências únicas. Se você usa fotos ou ilustrações, certifique-se de que elas sejam representativas e apropriadas para a cultura de cada região.   

7 – Personalize seus screenshots e dimensões para cada loja

É importante lembrar que os usuários da App Store e da Google Play Store não são os mesmos: eles têm preferências diferentes. Por isso, uma mesma abordagem pode não funcionar para ambas as lojas. 

Faça pesquisas de concorrência e testes A/B para cada loja e esteja preparado para personalizar sua abordagem com base nos resultados obtidos.

Receba notícias de marketing e insights de especialistas direto em seu e-mail

Bônus: ícones e vídeos

Além dos screenshots, há outros dois visuais importantes: ícone e vídeos do seu app

Vídeos

Tanto a Apple quanto o Google permitem que você envie um vídeo junto com seus screenshots. 

Os vídeos são uma ótima maneira de mostrar como um aplicativo funciona e quais são seus principais recursos e benefícios. Eles aparecem em primeiro lugar na ordem dos seus screenshots, então seu vídeo precisa ter uma ótima qualidade para justificar seu uso. 

Lembre-se de que os vídeos são reproduzidos automaticamente sem som, portanto, verifique se a sua mensagem é clara mesmo sem áudio.

No Google, os vídeos devem ser hospedados no YouTube. Ajuste sua configuração para tornar o vídeo público ou não listado, desativar anúncios e torná-lo embutível. Leve em consideração que os primeiros 30 segundos de um vídeo são reproduzidos automaticamente. Ainda que você possa tornar o seu vídeo mais longo, quanto mais simples, melhor.

Ícones

Os ícones dos aplicativos devem ter um design limpo e nítido. Abrace a simplicidade e evite pequenos detalhes gráficos que serão perdidos no tamanho minúsculo do ícone. Se você usar texto, limite-o a um nome de marca curto ou sinal nominativo. 

Use keyline de grade para centralizar seu trabalho artístico e torná-lo versátil para pequenas nuances. Os ícones dos aplicativos devem ser projetados sem borda e em um formato quadrado. 

A Apple e o Google aplicam a formatação específica (cantos arredondados e uma sombra projetada) depois que você faz o seu upload.

	App Store da Apple	Google Play Store
Formato de arquivo	PNG	PNG de 32 bits (com alfa)
Dimensões	1024 x 1024 pixels. Você também pode permitir que a Apple reduza sua escala ou fazer o upload de versões personalizadas para cada plataforma.	512 x 512 pixels
Outros requisitos	Display P3 (cor gamut), sRGB, Gray Gamma 2.2 (tons de cinza). As camadas, a transparência e o raio de canto podem variar de acordo com a plataforma.	Tamanho máximo do arquivo é de 1024KB
O que evitar	Texto, a menos que seja uma parte essencial da sua marca; Fotos	Texto exibindo preços; Avaliações ou badges; Categorias da Google Play

Principais conclusões

Não importa como os usuários chegaram à página do seu app, um screenshot atraente pode diferenciá-lo e impulsionar seus downloads. Por isso, lembre-se:

• Você só tem sete segundos para causar uma impressão. Não perca tempo: coloque sua principal vantagem logo no primeiro screenshot.  
• Os visuais da sua página na loja de aplicativos devem equilibrar um design bonito com informações úteis — mostrando o que você tem a oferecer.
• As listagens são um espaço em branco. Use elementos visuais para fazer o seu app se destacar e transmitir a sua marca.
• Os screenshots são muito pequenos em uma tela de celular, por isso, evite excessos.
• Analise tudo! Pesquise a sua concorrência e teste diferentes versões para descobrir o que mais atrai os usuários.