Página de detalhes do Gerador de Ecrã Splash iOS & Android

Como fazer um ecrã de projecção para a sua aplicação em 3 passos simples?

  1. Introduza o seu nome comercial
  2. Deixe o seu ecrã mostrar a sua marca.

  3. Carregue a sua imagem desejada
  4. Personalizá-lo para um melhor aspecto e sensação.

  5. Gerar ecrãs de projecção para aplicações iOS e Android
  6. Dê uma primeira impressão fantástica aos utilizadores da sua aplicação.

Gerador de ecrãs iOS & Android Splash - Appy Pie

Desenho de um ecrã atractivo para uma primeira impressão apelativa

As primeiras impressões importam, ponto final!

Porque pensa que a entrada em hotéis de sete estrelas é tão grandiosa? Como designer de aplicações, é importante que pense na primeira impressão que está a causar em alguém que a está a utilizar pela primeira vez.

É aqui que o ecrã de projecção e a sua concepção podem vir em seu auxílio.

Neste post vamos falar sobre ecrãs splash tanto para Android como iOS, razões pelas quais precisamos de ecrãs splash, geradores de ecrã splash, como criar ecrã splash no Android e iOS, melhores práticas para a concepção de ecrãs splash.

Portanto, comecemos com o básico, primeiro.

O que é um ecrã de projecção?

Um ecrã de projecção é normalmente um ecrã que é exibido numa aplicação ou num website que aparece para os telespectadores enquanto a aplicação ou website está a carregar.

Tipicamente, um ecrã de projecção mostra um logótipo, propriedades da marca, por vezes um indicador de carga.

De acordo com um estudo recente, 63% das pessoas confessam uma marca consistente e repetitiva como um grande influenciador na sua decisão de compra.

Os ecrãs de salpicos foram associados principalmente ao fortalecimento da marca, mas vamos aprofundar as razões pelas quais pode necessitar de um ecrã de salpicos de aplicação.

O que é uma página de salpicos?

Há uma diferença marcada entre Splash Screen e Splash Page. Embora tenhamos falado longamente sobre o que é um Splash Screen, é tempo de falar sobre Splash Page. Uma Splash Page é uma óptima forma de fazer anúncios ou promover coisas que os visitantes podem ver antes de atingirem o conteúdo real. Pode adicionar uma certa funcionalidade a uma página de splash, não a um ecrã de splash. Isto poderia ser para permitir aos visitantes escolher uma língua, ir a uma certa página de ofertas, assistir a um pouco de uma história secundária, antes de passar para a página real.

Porque é que precisamos de um ecrã de projecção de aplicações?

Já houve debate suficiente sobre a utilização de ecrãs de projecção de aplicações. Enquanto algumas pessoas são da opinião de que isso afasta as pessoas, há outras que insistem que os ecrãs de projecção de aplicações móveis ajudam de mais do que uma forma.

Vamos dar uma vista de olhos.

  1. Gratificação instantânea
  2. A paciência é um bem precioso, e é raro! Ninguém hoje tem a paciência de esperar muito tempo para que uma aplicação ou um website seja carregado. De facto, de acordo com um estudo da Kissmetrics, 40% das pessoas abandonam um website depois de esperar três segundos, se o website não for carregado! Três Segundos!

    Um ecrã de projecção dá aos utilizadores da aplicação uma razão para ficarem por perto.

  3. Dê o tom
  4. A experiência do utilizador começa no momento em que um utilizador abre a sua aplicação. Pode usar o ecrã de projecção da sua aplicação para definir o tom de toda a experiência que lhes foi concebida. Ecrãs salpicados que são bem concebidos, reconhecem a presença do cliente, fazendo-o sentir-se apreciado e cuidado. Não é um grande tom a definir, logo no início?

    Isto pode ter um efeito contrário, se não prestar atenção suficiente ao design da sua aplicação e criar uma experiência negativa para os utilizadores da aplicação. Na verdade, isto é algo de que talvez nunca mais volte!

  5. Gerir a percepção e expectativas dos utilizadores
  6. A satisfação do utilizador é de primordial importância quando se trata de qualquer aplicação móvel. Os ecrãs de projecção podem ajudá-lo a maximizá-lo maravilhosamente, gerindo a sua percepção e expectativas. Utilizando um ecrã de projecção, pode assegurar-se de que a sua percepção da sua aplicação está acima das suas expectativas em relação à aplicação.

    Se conseguir fazer isto, pode assegurar a satisfação do utilizador.

  7. Suavizar os atrasos
  8. Sejamos realistas, vai haver atrasos no carregamento. A espera torna-se um pouco mais suportável quando se tem pelo menos uma ideia de quanto tempo vai demorar. Pode ter a melhor aplicação, os seus utilizadores podem ter o melhor dispositivo, ainda pode haver alturas em que um atraso é inevitável. Isto pode ser quando a aplicação está a carregar dados do utilizador ou a autenticar-se com serviços remotos. Um ecrã de projecção de aplicações pode ajudar a reduzir a ansiedade dos utilizadores enquanto esperam. Isto ajuda, fazendo com que o tempo de espera seja menor e assegurando-lhes que a aplicação ainda está a carregar.

  9. Lealdade à marca
  10. Os ecrãs App splash são um grande espaço para estabelecer a lealdade à marca. É aqui que pode mostrar a sua propriedade de marca, particularmente o seu logótipo ou uma linha de etiqueta que deseja que os clientes associem à sua aplicação.

    34% das pessoas aceitam gastar mais com uma marca que seja consistente com as suas mensagens, enquanto 39% dizem que gastariam menos com uma marca que carece dessa consistência.
    No entanto, o exagero pode ter um efeito contrário, porque pode levar a uma aversão, quando se tenta demasiado. Tenha cuidado com este!

Melhores práticas para design de ecrã de projecção de aplicações móveis

Os ecrãs salpicados não precisam de ser salpicados nem cintilantes. De facto, é uma boa ideia ficar longe do jazz. Não quer incomodar os seus clientes! Pense na criação de um ecrã que seja diferente, memorável, mas não perturbador.

  1. Seja breve
  2. Reitero aqui que não há muita gente que tenha a paciência de esperar nestes dias. Por exemplo, sabemos como os vídeos são populares hoje em dia, mas se o tempo de carregamento do vídeo for mesmo 400 milissegundos mais de 2 segundos, as pessoas vão abandoná-lo e seguir em frente.

    O que estou a tentar dizer aqui é que, considerando que o tempo de atenção está a diminuir a cada dia e que o nível geral de paciência é bastante baixo, um ecrã mais comprido é obrigado a afastar as pessoas da sua aplicação. não quer certamente isso, pois não?

  3. Manter a identidade da marca
  4. Como mencionei anteriormente no blogue, é importante manter a consistência nas mensagens da marca. Isto não só assegura aos utilizadores da aplicação a sua autenticidade, como também o ajuda a solidificar o reconhecimento da sua marca.

    A identidade da marca pode ser mantida mantendo as cores da marca, incluindo os logótipos da marca estrategicamente no visual, e sendo consistente com o tom geral e o envio de mensagens da marca.

  5. Formato de imagem correcto
  6. Como melhor prática, é importante que desenhe o ecrã de projecção no formato correcto. O formato transparente PNG adapta-se melhor ao fim a que se destina. Embora outros formatos possam fazer o trabalho, mas o formato PNG torna todo o ecrã mais apelativo e limpo.

  7. Evitar publicidade
  8. A publicidade no sistema de publicidade é um método viável e popular de monetização de aplicações. No entanto, o seu ecrã não é um local para colocar anúncios! Isto vai fazer a sua aplicação mais mal do que bem. O ecrã de projecção é algo que introduz a sua aplicação e se os anúncios são a primeira coisa que eles vêem, consegue imaginar como é que eles vão reagir? Eles podem até desinstalar a sua aplicação!

    Gerador de ecrãs iOS & Android Splash - Appy Pie

  9. Manter tamanho & resolução
  10. Um dos piores pontos a ignorar é o tamanho e a resolução do ecrã de respingo. Um ecrã que não se ajusta ao tamanho do ecrã dificulta toda a imagem da sua marca. Parece pouco profissional e faz com que os seus produtos e serviços pareçam não ser fiáveis. Isto é complicado porque existem múltiplos tamanhos de ecrã, particularmente no caso de dispositivos Android que têm múltiplas opções.

  11. Simples mas memorável
  12. Os ecrãs de projecção devem chamar a atenção e a atenção dos utilizadores da aplicação; por conseguinte, devem ser concebidos de forma bonita. Acrescentar demasiados elementos ou texto a este ecrã não é uma grande ideia. Se estiver a fazer isto correctamente, o seu ecrã de respingo aparecerá apenas por um curto período de tempo. Não há necessidade de sobrecarregar o ecrã. Alguns designers optam por um gradiente de cor, enquanto outros defendem uma combinação de fundos criativos, logotipo, e um pouco de animação.

  13. Tornar a espera suportável
  14. Os ecrãs de projecção fazem um trabalho muito bom para manter os utilizadores envolvidos. No entanto, se a sua aplicação estiver a demorar algum tempo a carregar, é uma boa ideia colocar um indicador de carga para que os utilizadores da aplicação saibam quanto tempo será a espera. Pode ser uma barra de progresso, ou uma curta animação de roda que lhes assegure que a aplicação está a carregar.

  15. Trazer alegria
  16. Um óptimo visual que traz à tona a sua identidade de marca, provoca alegria no utilizador da aplicação. Bem começado está meio feito. Se conseguir induzir um sentimento positivo ou felicidade logo no início, o resto da experiência do utilizador na aplicação irá certamente correr bem.

Como adicionar um ecrã de projecção à sua aplicação?

Passo 1: Vá a appypie.com/app-builder e clique em “Criar a sua aplicação gratuita”.
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 2: Introduza o nome da sua empresa e clique em Next
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 3: Escolha a categoria para a sua aplicação
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 4: Escolha um esquema de cores para a sua aplicação
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 5: Seleccionar um dispositivo de teste
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 6: Clique em Guardar e Continuar para verificar a pré-visualização da aplicação
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 7: Inscrever-se para criar uma conta com Appy Pie. Se já tem uma conta app, pode clicar em login para continuar. Pode até fazer login usando a sua conta Google
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 8: Esta é a secção de personalização de design. A partir daqui pode alterar o tema de cor da aplicação, fontes e cores, layout da aplicação, elementos da aplicação, etc. Aqui adicionaremos o ecrã de projecção da aplicação
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 9: Percorrer para baixo para personalizar a área de elementos de aplicação. Aqui verá a opção de ecrã de projecção de aplicações e a imagem por defeito. Clique na imagem para adicionar um novo ecrã de projecção
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 10: Abrir-se-á um “Ecrã de salpicos” popup. Aqui tem três opções. Se quiser, pode adicionar uma imagem gratuita da Appy Pie, ou uma imagem paga do Shutterstock ou carregar a sua própria imagem como um ecrã de projecção
Gerador de ecrãs iOS & Android Splash - Appy Pie
Passo 11: Uma vez terminado, clique em Ok para continuar

Deve usar um ecrã de projecção?

Hoje em dia, a maioria das aplicações de qualidade acolhe os utilizadores de aplicações com ecrãs de projecção, mas ainda assim a questão é frequentemente colocada pelos criadores de aplicações, utilizadores de aplicações, e proprietários de aplicações.

A resposta a esta pergunta depende de quem se está a perguntar. Para um comerciante, um ecrã de projecção é uma ferramenta crucial para reforçar a sua marca. No entanto, para um revelador, o ecrã de projecção é um elemento desnecessário na maioria dos casos.

No entanto, no caso de aplicações que dependem de recursos pesados como Mapas, jogos, ou Google Earth, os ecrãs Splash desempenham um papel importante.

Alguns marqueteiros acharam óptimos ecrãs de salpicos, não só para a marca mas também para manter os visitantes da aplicação por mais tempo. Os designers UX acharam a utilização de uma barra de progresso bastante eficiente quando se trata de conseguir que as pessoas fiquem até ao carregamento da aplicação.