10 exemplos de ótimas telas de lançamento de aplicativos

Você só tem uma chance de causar uma primeira impressão.
Embora os usuários tenham uma ideia do que é seu aplicativo a partir de sua descrição e capturas de tela na App Store, de onde vem a primeira impressão do aplicativo real em ação?
Sua tela de lançamento.
Também conhecida como “tela inicial” , essa é a primeira coisa que os usuários do seu aplicativo verão quando clicarem para abri-lo. Por isso, sua importância não deve ser subestimada!
Faça certo - telas de lançamento ousadas, simples e relevantes tendem a funcionar melhor - e você fará seu público se sentar e prestar atenção, sentir-se genuinamente empolgado com o que está reservado para eles e torná-los muito mais dispostos a gastar tempo experimentando seu aplicativo fora.
Se errar, você perderá seu público, dando a eles uma percepção negativa do seu aplicativo antes mesmo de ser carregado.
Hoje, vou ajudá-lo a garantir que seu aplicativo seja aberto com um estrondo, mostrando alguns exemplos reais de como é uma boa tela de inicialização. (Nota: MobiLoud não é afiliado a nenhuma das empresas cujos aplicativos listamos abaixo – simplesmente acreditamos que eles fizeram um ótimo trabalho com sua tela de lançamento!)

O que é uma tela de inicialização do aplicativo?

Primeiro, vamos dar uma olhada no que realmente é uma tela de inicialização .
Apesar de sua importância, do ponto de vista funcional, uma tela de inicialização faz muito pouco – seu aplicativo ainda pode funcionar perfeitamente sem uma.
Curioso sobre o Mobiloud? Clique aqui para saber mais
Uma tela de inicialização é simplesmente um espaço reservado visual exibido ao usuário enquanto o aplicativo está carregando. A ideia surgiu do iOS como uma forma de criar a percepção de que um aplicativo era rápido e responsivo - em vez de abrir um aplicativo e ter que esperar alguns segundos para que ele carregasse, os usuários seriam instantaneamente apresentados à tela de inicialização.
Isso desempenhou um papel crucial na melhoria da experiência do usuário, tanto que a Apple tornou uma parte obrigatória do design de um aplicativo, continuando até hoje.
Como o papel da tela de lançamento é mais estético do que funcional, algumas pessoas se posicionam firmemente no campo da tela antilançamento.
O principal argumento contra a tela de lançamento é a crença de que seu uso contínuo se deve em grande parte às expectativas; os usuários apenas esperam ver uma tela de inicialização, mesmo que a esmagadora maioria dos aplicativos simplesmente não use recursos suficientes para justificar uma — à medida que os sistemas operacionais móveis se tornam cada vez mais rápidos, eles só são realmente necessários para os aplicativos que consomem mais recursos.
Esse argumento é justo, mas perde o poder das telas de lançamento do ponto de vista da marca.
Toda vez que um usuário inicia seu aplicativo, ele vê a mesma tela de boas-vindas, o que gera familiaridade e reforça sua marca. Se o usuário adora seu aplicativo, cada vez que é recebido com aquela tela de lançamento – estampada com sua marca – ela começa a enchê-lo com uma sensação de entusiasmo.
Isso é uma coisa poderosa para ser associada.

Exemplo de telas de inicialização

Agora que abordamos o que é uma tela de inicialização e por que elas são importantes, vamos dar uma olhada em alguns ótimos exemplos de telas de inicialização eficazes. Observe as semelhanças que todos eles têm e você poderá criar um que seja igualmente eficaz para seu próprio aplicativo móvel!

Nike+ Running : A tela de lançamento da Nike é um exemplo de livro didático, com o fundo vermelho em negrito em nítido contraste com o logotipo branco simples. O contorno fraco da pista de corrida na parte inferior também é altamente relevante para o objetivo do aplicativo.

Grasshopper : O “aplicativo de codificação para iniciantes” – Grasshopper – possui uma tela de carregamento elegante e eficaz. O fundo escuro parece profissional e o texto na tela permite que os usuários saibam instantaneamente sobre o que é o aplicativo. Embora não sejam visíveis em uma imagem estática, esses 4 pontos coloridos giram em um círculo à medida que o aplicativo é carregado, o que o torna animado e interessante de se ver.

The Financial Times : Se você está lendo as notícias, quer ter certeza de que suas fontes são precisas e confiáveis. O Financial Times criou uma tela de lançamento de aplicativo durante a qual cria confiança o mais cedo possível, destacando a qualidade e a profundidade de seu jornalismo, bem como um bom ícone semelhante a um jornal. Outro ponto interessante a ser observado é que você pode rolar entre três diferentes versões da tela de lançamento, cada uma contendo diferentes propostas de valor.

Dropbox : A tela de inicialização do Dropbox é simples, mas eficaz - um fundo marinho em negrito com seu logotipo reconhecível e o nome da empresa em uma cor azul muito clara. Não há necessidade de complicar demais a tela de inicialização do seu aplicativo, e o Dropbox é um ótimo exemplo disso.

Médio : essa tela de inicialização é inteligente, atualizada e reflete a experiência do usuário tanto no aplicativo móvel quanto no site. Sendo uma plataforma para criadores e escritores de conteúdo, o Medium usou uma imagem única de um piano combinado com uma máquina de escrever, refletindo seu slogan, “Ideias e perspectivas que você não encontrará em nenhum outro lugar” . O estilo de ilustração é moderno e amigável.

Citymapper : “O aplicativo de transporte definitivo” reflete sua missão nesta tela de lançamento de forma eficaz. O uso mínimo de gráficos significa que a tela de inicialização não fica confusa, mas as setas e o ícone circular destacam a relação do aplicativo com o transporte.

Wikipedia : A tela de inicialização do aplicativo da Wikipedia parece profissional e limpa, refletindo o site regular da Wikipedia. A imagem é de alta resolução e instantaneamente reconhecível como Wikipedia. Esta tela de lançamento é minimalista, mas eficaz

TripAdvisor : a tela de inicialização do aplicativo TripAdvisor faz um ótimo trabalho ao capturar a aparência do próprio aplicativo. O fundo verde exclusivo do TripAdvisor com o logotipo é instantaneamente reconhecível como TripAdvisor, e o texto abaixo destaca alguns dos principais benefícios de usar o TripAdvisor para alguém que acabou de baixar o aplicativo!

Lyft : Outra tela de inicialização simples (você está percebendo uma tendência aqui?) mas eficaz é a do Lyft. O esquema de cores é retirado diretamente do logotipo e do ícone do aplicativo, que promove efetivamente a marca quando você abre o aplicativo. O texto claro em um fundo colorido escuro, mas distinto, com um gradiente se destaca e atrai os olhos do usuário do aplicativo para o logotipo.

Soompi : A tela de inicialização do aplicativo do Soompi é eficaz por alguns motivos. Em primeiro lugar, o logotipo é claro e se destaca no fundo escuro. O fundo é divertido e animado, contendo ilustrações e textos relacionados ao conteúdo do app (é um app de notícias focado na indústria do K-Pop). Apesar do visual animado, a paleta de cores mantém um visual profissional, e o círculo de carregamento na parte inferior da tela permite que o usuário saiba que o aplicativo está carregando.

Aprendizado

Depois de analisar algumas das melhores telas de inicialização de aplicativos, há algo que podemos tirar e aplicar em nossas próprias telas de inicialização?
A esmagadora maioria das telas de lançamento – bem, as boas de qualquer maneira – usam a seguinte fórmula:

1. Plano de fundo – Embora não haja uma regra definida para o plano de fundo, os melhores são ousados ​​e distintos. Normalmente, a cor escolhida é brilhante para se destacar, embora seja perfeitamente aceitável escolher uma cor em torno do esquema de cores da sua marca. Embora a simplicidade seja frequentemente escolhida, em alguns casos, usar uma textura intrigante é uma ótima maneira de criar uma sensação distinta para seu aplicativo, e imagens relevantes também preparam o usuário para a experiência no aplicativo.
2. Logo — O logo é claro e posicionado de forma proeminente no centro da tela. A maioria escolhe uma cor em nítido contraste com o fundo, para fazê-lo saltar.
3. Nome – A menos que você já seja um nome familiar, a maioria dos desenvolvedores também optará por incluir o nome do aplicativo abaixo do logotipo para aumentar ainda mais o reconhecimento da marca.
4. Slogan – Muitos aplicativos menores e menos reconhecidos também incluirão um pequeno slogan na tela de lançamento. Isso informa ao usuário o que seu aplicativo faz, o que os preparará para a experiência que eles têm na loja.

Siga esta estrutura para dar ao seu aplicativo uma ótima tela de inicialização e causar uma primeira impressão impressionante!
Lembre-se, seu próprio aplicativo também precisa ter uma ótima aparência após a tela de inicialização! Se seu aplicativo foi criado ou você planeja criar seu aplicativo a partir de um site WordPress, compilamos uma lista de 5 temas WordPress que ajudarão você a criar uma página de destino do aplicativo de alto desempenho.
Saiba mais sobre o MobiLoud aqui!