A arte dos ícones da App Store

Publicados: 2020-04-14

Os ícones da loja de aplicativos são a cara dos aplicativos. Todo o seu trabalho duro e todas as suas horas no GitHub se resumem a um pequeno quadrado de 1024 x 1024. Criar um ótimo ícone é muito bem reconhecido como uma das melhores coisas que você pode fazer para otimizar a loja de aplicativos (ASO). Tradução? Seu ícone é a última coisa entre desenvolvedores e riquezas acima da linha da pobreza. Então, vamos passar por algumas práticas recomendadas que você pode aplicar para fazer seu design de ícone (metaforicamente) brilhar.

Por que é importante

este é um banco muito importante
Imagem via Flickr

Antes de entrarmos no que a Apple diz sobre ícones (não muito) e o que outras pessoas dizem sobre ícones (muitos e muitos), por que o design de ícones é tão importante? É uma pergunta justa.

Primeiro, uma imagem vale mais que mil palavras e, se um usuário percorre dezenas ou centenas de aplicativos ao mesmo tempo, seu ícone precisa se destacar. Isso é bastante óbvio. Esse desafio se tornou ainda mais pertinente desde que a Apple lançou sua atualização do iOS 8 em 2014. A mudança para rolagem contínua significa que os usuários podem navegar pelos aplicativos muito mais rápido do que costumavam.

O resultado? Menos tempo por aplicativo, então você realmente precisa acertar suas fotos e capturas de tela.

O que a Apple tem a dizer

Então, o que a Apple tem a dizer sobre o assunto? Uma rápida olhada na iOS Dev Library e eles têm uma seção inteira sobre ícones de aplicativos. A maior parte é sobre como fazer com que o ícone pareça bom quando estiver no dispositivo, e não na App Store, mas eles oferecem alguns conselhos de alto nível, como:

“Crie uma interpretação abstrata da ideia principal do seu aplicativo”
“Se você quer retratar substâncias reais, faça-o com precisão”

Portanto, a Apple não está exatamente distribuindo conselhos práticos, mas é um bom lugar para começar – essencialmente, não use uma imagem e torne seu ícone tangivelmente relacionado ao que você deseja que os usuários vejam seu aplicativo.
Por exemplo, o Desk (do qual falei na semana passada) tem um ótimo ícone. É uma máquina de escrever minúscula, e sem saber nada sobre o produto, eu diria que a maioria das pessoas acharia que tem algo a ver com digitação ou processamento de texto. Ver? Tangivelmente relacionado.

No final do dia, a Apple ficou de boca fechada sobre o que faz um bom ícone.

Práticas recomendadas para ícones de aplicativos (com exemplos!)

Então, o que você deve fazer para ajudar a transmitir toda a grandiosidade do seu aplicativo para o mundo exterior?

Projeto Geral

Embora existam muitos truques para realmente se destacar, como adicionar uma tag 'grátis' ou usar o personagem principal (mais sobre isso depois), também existem algumas diretrizes básicas de design que você deve seguir. Naturalmente, tudo isso pode ser quebrado com resultados excelentes, mas na maioria das vezes:

Considere ter uma borda, para que, assim que seu aplicativo for baixado, fique bonito, não importa qual seja o plano de fundo
Não deixe seu logotipo transparente. Vai reduzir a legibilidade
Não use palavras – elas se perderão em tamanhos menores
Não deixe seu ícone brilhante - isso tornará muito invisível
Mantenha-o simples - os ícones de aplicativos são pequenos e os detalhes se perdem

Se destacarem

Mais fácil falar do que fazer, eu sei. Independentemente disso, continua sendo uma das principais funções do seu ícone – diferenciar-se e fazer com que o usuário toque em seu aplicativo sobre todos os outros.
Pense nisso desta maneira. Existem 1,2 milhão de aplicativos na loja de aplicativos – é improvável que você seja o único a oferecer seu produto. Então, como as pessoas sabem que você tem o melhor aplicativo de calculadora em comparação com os outros? Seu ícone, é assim.
Por exemplo, aqui está uma captura de tela dos resultados de pesquisa de aplicativos de calculadora para iPhone.

Você sabe o que se destaca para mim? A tag 'grátis' no aplicativo da calculadora.
captura de tela da calculadora editada
É mais do que um pouco ridículo, já que a grande maioria dos aplicativos na loja de aplicativos são gratuitos, mas ainda assim - colocando essa pequena tag nele, automaticamente me faz pensar que, se eles são marcados como gratuitos, o resto não deve ser . E essa diferença de fração de segundo é realmente tudo o que você precisa na loja de aplicativos.

Mudar

Peixe Espumante

Não muito, mas mudar um pouco o ícone do seu aplicativo é uma ótima maneira de revigorar os downloads. Os ícones sazonais são o melhor exemplo disso.

No último Halloween, por exemplo, Splashy Fish mudou seu ícone para ser mais Halloween-y. É uma pequena mudança, mas se você é o proprietário de um aplicativo conhecido, pode ser a coisa certa para aumentar seus downloads.

Marca

Se você tem um forte valor de marca, então o branding simples é um ótimo caminho a percorrer. Mas lembre-se: mantenha tudo muito simples. A Nike, por exemplo, faz um trabalho muito bom nisso – é isso que acontece quando você os pesquisa:
Aplicativos da Nike
Isso torna praticamente reconhecível instantaneamente quais aplicativos são deles, então, se eu estiver procurando por algo da Nike, é bom e rápido. Além disso, como eles são uma marca de marca incrivelmente confiável para eles, faz muito sentido.

Outro ponto sobre branding é que, se esse for o caminho que você seguirá (espero) no futuro, escolha algo que possa ser adaptado a muitas configurações diferentes. O swoosh da Nike, por exemplo, se encaixa perfeitamente em vários ícones de aplicativos diferentes.
ícone de confronto de clãs

O ícone do Clash of Clans, por outro lado, não é tão flexível e, embora possa haver uma exceção para ícones de jogos que apresentam personagens principais, eu diria que devemos ter cautela quando se trata de ícones de personagens altamente estilizados.

Apoio de marca

Essa é uma maneira divertida de obter um melhor reconhecimento do seu público. (NB: não estou defendendo que você infrinja a lei ou engane seus usuários, então faça isso com cautela).

Então, estamos claros sobre o que quero dizer, vamos ver um exemplo. Hipstamatic é um aplicativo de fotos digitais que aumenta exponencialmente a funcionalidade do seu telefone com câmera. Basicamente, é uma versão muito legal do Instagram. Sabendo que o designer de ícones Aravind Kaimal veio com isso:
ícone hipstamatic
Imagem via Dribbble

Está bem claro de onde veio sua insta-ração, se você entende o que quero dizer. Mas isso não é ruim! O Instagram construiu essa marca incrível e sua iconografia é sinônimo de fotos filtradas – que é exatamente o que a Hipstamatic faz . Então, por que não capitalizar o reconhecimento de outras marcas?

Se o apoio da marca for bem feito, como se fosse semelhante o suficiente para obter reconhecimento e forjar o link, mas diferente o suficiente para não haver cliques acidentais do tipo 'ah, eu pensei que era isso', então é uma estratégia realmente excelente.

GoogleAndroid

Por fim, eu queria dar um aceno para a Play Store, que muitas vezes é negligenciada no bate-papo do aplicativo, e acho que isso é injusto.
~~O Google realmente tem um~~ Gerador de ícones bacana feito por Roman Nurik, presumivelmente para ajudá-lo a tornar seu ícone melhor e mais focado para a Google Play Store. Parece-me que, embora não seja uma ferramenta tão útil para a criação de aplicativos, é uma ótima ferramenta para testar e iterar o ícone do seu aplicativo muito rápido (especialmente se você não tiver um designer com habilidades de equipe/design). Então isso é uma coisa.

Em segundo lugar, a maior parte do que se aplica à App Store também se aplica à Play Store.

Não estamos realmente lidando com softwares diferentes, estamos lidando com a psicologia do que faz as pessoas verem algo e pensarem 'sim, esse é o aplicativo para mim'.

Em um mercado hipersaturado, isso é absolutamente dourado. (isso disse que há, é claro, algumas diferenças técnicas)

Embrulhar

Seu ícone da App Store/Play Store é muito importante. É uma pequena janela de oportunidade que você tem para chamar a atenção dos navegadores da App Store e convencê-los de que suas capturas de tela, seu vídeo promocional, sua descrição e, eventualmente, o download do seu aplicativo valem a pena para eles. Infelizmente, não há uma fórmula para o que faz um ícone bom ou ruim da App Store. É mais sobre o que vai separá-lo o suficiente para se destacar, mas ainda ser reconhecível o suficiente para que seu público saiba instantaneamente o que seu produto faz.

Isso é muito para fazer e não há muito espaço para fazê-lo, então é melhor você começar a rachar.