Não é mais necessário destacar a importância de preparar seu site para dispositivos móveis. A revolução móvel é a maior mudança na curta história da Web. A única questão é se os usuários de smartphones e tablets serão mais da metade do seu público este ano, ou do próximo.
Tendo isso em mente, otimizar suas páginas de destino para dispositivos móveis é agora um processo essencial para todos os projetistas. Não precisa ser difícil, mas há uma lista de verificação simples que você pode executar para garantir que seu site esteja pronto para navegadores móveis:
A capacidade de um website para escalar vários dispositivos é vital. Existem milhares de dispositivos disponíveis, portanto, selecionar alguns tamanhos de tela representativos não é prático.
A resposta aceita para isso é responsivo web design, algumas pessoas argumentam que adaptativo é melhor, outras pessoas argumentam que adaptativo é a mesma coisa. Esses argumentos são realmente semânticos, o ponto principal é que você tem a capacidade de fazer seu site funcionar em qualquer dispositivo, atual ou futuro. Deixar de fazê-lo seria irresponsável.
Uma consideração importante: certifique-se de que seu site seja dimensionado corretamente em retrato e paisagem.
Obviamente, o celular oferece muito menos espaço para encaixar conteúdo em uma página de destino. O ideal é manter as manchetes curtas, sucintas, no ponto e em torno de três a quatro palavras. Da mesma forma, mantenha a página livre de desordem, com um número reduzido de links e um máximo de uma imagem, se possível.
Coloque o conteúdo em pontos de bala para que o olho possa levá-lo facilmente, sem precisar pausar e apertar os olhos. Além disso, crie um apelo à ação claro para convencer o visitante a visitar o restante do site. Deve dar algum tipo de incentivo e pode ser tão simples quanto um botão que permite aos visitantes chamar a empresa, especialmente útil para empresas locais que também usam serviços de localização.
Algo como 75% dos usuários pesquisados agem em seus resultados de pesquisa em uma hora, por isso é fácil entender por que uma call to action deve ser forte. Além disso, coloque a frase de chamariz em algum lugar perto do topo da página, para que seja uma das primeiras coisas que o visitante móvel vê.
Sim, o tamanho realmente importa - tamanho do arquivo. Uma página de destino deve ser sempre rápida para carregar, especialmente uma que será acessada por meio de um dispositivo móvel.
Não há regras definidas - quanto mais rápido melhor, mas como um guia geral, se sua página de destino levar mais de 3 ou 4 segundos para ser carregada, você começará a perder muitos usuários.
Idealmente, sua página deve ser extremamente leve, abaixo de 20 kilobytes. As imagens levam muito tempo para serem carregadas e, portanto, devem ser mantidas a um mínimo absoluto. Mantenha todo o seu código limpo e arrumado, use sprites de imagem, se necessário, e use CSS, em vez de imagens, sempre que possível.
Além do tamanho do arquivo, pense no número de solicitações que estão sendo feitas no servidor; normalmente, esses pedidos causam mais atraso do que o download real do arquivo.
Os usuários de dispositivos móveis geralmente estão em trânsito, por isso, use os serviços de localização. Adapte a página de destino para ser relevante para os usuários locais e ofereça incentivos para eles também. Você pode personalizar o conteúdo para a filial local de uma loja, por exemplo.
Dependendo do tamanho e do escopo do projeto, você também pode adaptar o conteúdo principal para o local.
Ser capaz de ler o que está na tela é vital, e é por isso que menos é mais. Se você não consegue ler o texto com o telefone preso no comprimento do braço, então ele precisa ser maior. Você realmente é limitado pelo espaço.
Não faça os usuários rolar eternamente, senão eles ficarão entediados rapidamente e seguirão em frente. Sim, as pessoas têm pouco tempo de atenção na Internet, muito mais curtas do que quando lêem uma revista ou um livro, então tudo que você faz deve atrair a atenção delas imediatamente.
Qualquer coisa clicável na sua página de destino deve passar no teste do polegar. Se não puder ser clicado facilmente usando o polegar, repense-o. Bloqueie os links para deixar o máximo possível de espaço ao redor deles e deixe espaço suficiente entre os links. Isso reduzirá as chances de o usuário clicar nos links errados e deixar de lado a frustração.
Os plug-ins podem ser usados para garantir que as fotos possam ser facilmente passadas, embora não seja exatamente recomendado colocar fotos na página de destino.
Se você colocar um formulário na página de destino, mantenha-o bem simples e não ocupe muito espaço. Formulários que exigem muita entrada são desalentadores e atingem uma taxa de conversão mais baixa do que os formulários simples. Então, adicione o menor número de campos possível.
Mais uma vez, as pessoas ficam entediadas rapidamente, portanto, dar a elas uma forma demorada de preenchimento aumentará a probabilidade de elas abandonarem o site.
A navegação deve ser simples e direta. Mantenha os botões no mínimo e garanta que eles passem no teste do polegar. Tente adicionar botões a diferentes áreas da página para que um caminho lógico possa ser seguido.
Teste cuidadosamente sua página de destino para garantir que ela funcione efetivamente no celular. Considerar Teste A / B , que foi mostrado para aumentar as ligações em até 40% em alguns casos.
Com um teste A / B, você criaria dois designs da mesma página, A e B. O tráfego é dividido entre cada design para ver qual executa melhor. Use as métricas mais importantes para o projeto, como taxa de conversão, vendas e taxa de rejeição. No final do teste, vá com o que tem melhor desempenho e você estará no meio do caminho para ter um design comprovado.
Existem vários simuladores para dispositivos móveis, mas, seja qual for o escolhido, certifique-se de usá-lo apenas na primeira rodada de testes. Para testar corretamente, você precisa usar dispositivos reais. Implore, peça emprestado e roube, se necessário, dê uma olhada no seu site em quantos dispositivos reais você puder colocar em suas mãos.
Quanto mais cliques ou ações um usuário tiver que fazer, menor será a probabilidade de concluí-los. Permita que as pessoas passem do ponto A para o ponto B com o menor número de cliques possível. Torne cada aspecto da navegação e a chamada à ação incrivelmente simples.
Estas são as coisas mais importantes a ter em conta ao otimizar uma página de destino para dispositivos móveis. Lembre-se durante todo o processo de design que o celular é um meio diferente para o PC. As pessoas têm ainda menos paciência em dispositivos móveis porque geralmente estão em trânsito e querem concluir sua tarefa com um mínimo de barulho. Tempos de carregamento lentos e interações que não respondem também irritam as pessoas, então aproveite para acertar.
Acertar pode ser gratificante e pode significar a diferença entre o site ter um bom desempenho contra a concorrência e a perda de visitantes.
Imagem em destaque / miniatura, imagem móvel via Shutterstock.