Tabela de conteúdos
- Como fazer um ecrã de projecção para a sua aplicação em 3 passos simples?
- Desenho de um ecrã atractivo para uma primeira impressão apelativa
- O que é um ecrã de projecção?
- O que é uma página de salpicos?
- Porque é que precisamos de um ecrã de projecção de aplicações?
- Melhores práticas para design de ecrã de projecção de aplicações móveis
- Como adicionar um ecrã de projecção à sua aplicação?
- Deve usar um ecrã de projecção?
Como fazer um ecrã de projecção para a sua aplicação em 3 passos simples?
- Introduza o seu nome comercial
Deixe o seu ecrã mostrar a sua marca.
- Carregue a sua imagem desejada
Personalizá-lo para um melhor aspecto e sensação.
- Gerar ecrãs de projecção para aplicações iOS e Android
Dê uma primeira impressão fantástica aos utilizadores da sua aplicação.
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.
- Gratificação instantânea
- Dê o tom
- Gerir a percepção e expectativas dos utilizadores
- Suavizar os atrasos
- Lealdade à marca
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.
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!
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.
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.
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.
- Seja breve
- Manter a identidade da marca
- Formato de imagem correcto
- Evitar publicidade
- Manter tamanho & resolução
- Simples mas memorável
- Tornar a espera suportável
- Trazer alegria
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?
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.
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.
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!
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.
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.
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.
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”.
Passo 2: Introduza o nome da sua empresa e clique em Next
Passo 3: Escolha a categoria para a sua aplicação
Passo 4: Escolha um esquema de cores para a sua aplicação
Passo 5: Seleccionar um dispositivo de teste
Passo 6: Clique em Guardar e Continuar para verificar a pré-visualização da aplicação
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
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
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
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
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.