A tua taxa de conversão em telemóvel é de um por cento. A tua taxa de conversão no computador é de cinco por cento. Os visitantes de telemóvel veem a mesma oferta que os visitantes de computador. O mesmo produto. Os mesmos benefícios. Tudo igual. Mas o telemóvel converte uma fração do computador. A diferença não está na oferta. A diferença está no atrito. O telemóvel tem mais atrito. Os ecrãs são mais pequenos. Escrever é mais lento. Os formulários são desajeitados em ecrãs táteis. As imagens demoram a carregar nas redes móveis. O pagamento exige scroll sem fim. Cada passo parece mais difícil em telemóvel. Este atrito mata as conversões. Um visitante no computador preenche um formulário em dois minutos. O mesmo formulário em telemóvel demora sete minutos. Ao terceiro minuto, já abandonou. A otimização de conversões em telemóvel remove este atrito. Simplifica os formulários. Acelera as páginas. Redesenha para o toque. Remove passos desnecessários. O objetivo não é igualar a conversão em telemóvel à do computador. É remover o atrito artificial que mata as conversões em telemóvel. Este artigo explica a otimização de conversões em telemóvel e como melhorar as conversões em ecrãs pequenos.
Porque é que as conversões em telemóvel são mais baixas
As conversões em telemóvel são mais baixas por razões legítimas. Os utilizadores de telemóvel estão distraídos. Estão em cafés e em comboios. São interrompidos. Os dispositivos móveis são mais lentos. As redes são mais lentas. Os dispositivos têm menos capacidade de processamento. As experiências em telemóvel exigem mais esforço. Escrever é mais difícil. É preciso fazer scroll. Tocar em alvos pequenos é difícil. São limitações reais. A otimização para telemóvel não consegue remover estas limitações. Mas pode minimizar o seu impacto.
Otimização de formulários para telemóvel
Os formulários são o maior ponto de atrito em telemóvel. Um formulário de dez campos no computador é gerível. Em telemóvel exige scroll sem fim. Simplifica os formulários para telemóvel. Reduz os campos de dez para três. Pede só a informação essencial. Pede a informação opcional depois da conversão. Usa o preenchimento automático e o pré-preenchimento, sempre que possível. Deixa que os navegadores de telemóvel preencham o email e a morada automaticamente. Usa tipos de campo que abram os teclados adequados. Um campo de número de telefone deve abrir um teclado numérico. Um campo de email deve abrir um teclado de email. Estas pequenas alterações reduzem o atrito.
Otimização da velocidade para telemóvel
As redes móveis são mais lentas do que as redes de computador. As páginas lentas causam abandono. Otimiza as imagens. Comprime-as. Serve imagens com o tamanho adequado aos ecrãs de telemóvel. Não sirvas uma imagem de computador de quatro megabytes a um telemóvel. Reduz o código. Remove o JavaScript desnecessário. Adia o carregamento do JavaScript não crítico para depois de a página carregar. Usa a cache de forma agressiva. Guarda os ficheiros estáticos no dispositivo para não terem de ser descarregados outra vez. Testa a velocidade da tua página em telemóvel. O Google PageSpeed Insights mostra-te o que corrigir.
Otimização de botões e do toque
Os botões têm de ser maiores em telemóvel. Os dedos são menos precisos do que os ratos. Um botão fácil de clicar no computador pode ser impossível em telemóvel. Faz botões com pelo menos quarenta e quatro por quarenta e quatro píxeis. É mais ou menos o tamanho de um dedo humano. Separa os botões uns dos outros, para não serem tocados por acidente. Não ponhas dois botões lado a lado. Remove os efeitos ao passar o rato. Em telemóvel não existe passar o rato. Os efeitos ao passar o rato confundem os utilizadores de telemóvel. Substitui-os por estados ativos que mostrem o que acontece quando tocam.
Otimização do pagamento para telemóvel
O pagamento é onde o abandono em telemóvel é mais alto. Simplifica o pagamento. Um pagamento numa só página é melhor do que em várias páginas, em telemóvel. Reduz os campos do formulário. Pré-preenche o que já sabes. Mostra o progresso com clareza. Diz aos utilizadores quantos passos faltam. Oferece pagamento como convidado. Não obrigues a criar uma conta antes da compra. Oferece vários métodos de pagamento. Alguns utilizadores usam a carteira digital do telemóvel. Alguns usam o Google Pay. Alguns usam cartões de crédito. Aceitar todos reduz o atrito.
Testar a otimização para telemóvel
Faz testes A/B às alterações em telemóvel. Um formulário simplificado de três campos contra um de dez campos. Um botão maior contra um botão mais pequeno. Um pagamento numa só página contra um pagamento em várias páginas. Mede qual converte melhor. Aplica o que funciona. O telemóvel é suficientemente diferente para que alterações que funcionam no computador possam não funcionar em telemóvel. Testa em dispositivos móveis reais. Testar num navegador de computador não é o mesmo que testar num telemóvel.
Perguntas frequentes
Devo criar uma app para telemóvel em vez de otimizar o meu website para telemóvel?
Não necessariamente. Os websites para telemóvel servem a maioria dos negócios. As apps exigem transferências. As transferências são atrito. Os utilizadores raramente descarregam apps, a menos que tragam valor significativo. Começa com um website para telemóvel bem otimizado. Considera uma app só se os utilizadores beneficiarem de funcionalidade offline, de notificações push ou de uma experiência melhor do que a que a web permite. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Como otimizo para diferentes tamanhos de ecrã de telemóvel?
Usa design adaptável. Um só design que se adapta a diferentes tamanhos de ecrã. As media queries de CSS permitem aplicar estilos diferentes em pontos de rutura diferentes. Testa em dispositivos e tamanhos de ecrã diferentes. Não assumas que todos os dispositivos móveis são iguais. Um telemóvel e um tablet têm tamanhos de ecrã diferentes. Otimiza para os dois.
Qual é a otimização para telemóvel com mais impacto que posso fazer?
Reduzir os campos do formulário costuma ter o maior impacto. Os formulários longos são o maior ponto de atrito em telemóvel. Corta os campos desnecessários e vê a conversão em telemóvel melhorar. A otimização da velocidade vem em segundo lugar. As páginas lentas causam abandono. Otimiza as imagens e remove código desnecessário.
Posso usar o mesmo pagamento em telemóvel e no computador?
Podes partilhar o mesmo sistema de base, mas otimizar a apresentação para cada dispositivo. O pagamento no computador pode ter mais campos e mais passos. O pagamento em telemóvel deve ser mais simples. Usa design adaptável para que um só pagamento se adapte a cada dispositivo. Ou cria pagamentos específicos para cada dispositivo, se tiveres recursos para isso.
Como testo o telemóvel sem um dispositivo móvel real?
As ferramentas de programador do navegador permitem simular dispositivos móveis. Podes ver como o teu site fica em vários tamanhos de ecrã. Mas a simulação não é o mesmo que dispositivos reais. Os dispositivos reais têm redes mais lentas e navegadores diferentes. Testa em dispositivos reais, sempre que possível. Pede emprestados telemóveis e tablets a colegas, se não tiveres os teus.
Qual é a melhoria típica da otimização para telemóvel?
Uma experiência em telemóvel bem otimizada costuma melhorar as taxas de conversão em cinquenta a cem por cento. Só simplificar um formulário pode melhorar a conversão em telemóvel em vinte por cento. A otimização da velocidade pode melhorá-la em trinta por cento. Combina várias otimizações e o impacto acumula-se.