1. Evite pop-ups
Quando se trata de pop- ups , você deve evitar usá-los completamente, se puder. Em um computador, é fácil exibir um pop-up que não ocupe a tela inteira, e também é fácil para os usuários clicarem no ‘X’ e seguirem em frente se não estiverem interessados. Mas esse não é o caso em um telefone.
Pode ser muito difícil fechar pop-ups móveis. Mesmo quando você torna o ‘X’ grande o suficiente para clicar, nem sempre é fácil encontrá-lo em uma tela tão pequena, e os usuários geralmente clicam inadvertidamente no próprio pop-up. Em geral, os pop-ups móveis tendem a causar muito mais frustração para os usuários do que qualquer outra coisa.
Exceto pelos pop-ups que os usuários solicitam especificamente clicando em algo, tente eliminá-los do seu site.
2. Simplifique os formulários
Os pop-ups não são a única coisa com que os usuários podem ter dificuldade em dispositivos móveis. Os formulários online também podem causar problemas se não forem usados corretamente. Ao contrário dos pop-ups, no entanto, você não pode simplesmente eliminar completamente os formulários, normalmente você precisa deles para gerar leads ou ajudar os usuários a fazer compras.
A solução, então, é tornar seus formulários o mais simples possível. Não crie formulários que exijam muitas informações ou incluam muitas caixas para preencher. Torne-os o mais minimalistas possível, com botões grandes e caixas de texto, para que os usuários tenham facilidade em usá-los.
3. Elimine grandes blocos de texto
Outra coisa que os dispositivos móveis dificultam são os grandes blocos de texto. Blocos de texto enormes não são bons para web design, mesmo em um computador, mas são particularmente ruins em dispositivos móveis. Não tente enfiar centenas de palavras em uma pequena tela de telefone de uma só vez.
Em vez disso, tente usar o mínimo de texto possível para transmitir seu ponto de vista. Se você realmente precisar transmitir muitas informações, divida-as o máximo que puder para facilitar a leitura. Aqui estão algumas maneiras de dividir seu texto:
- Mantenha seus parágrafos curtos
- Intercalar imagens e vídeos
- Incorpore listas com marcadores e numeradas
4. Simplifique menus e barras de navegação
Outra maneira de simplificar as coisas em seu site é otimizando seus menus e barras de navegação . Em computadores, você pode esticar uma longa linha de guias na parte superior da tela, mas não em dispositivos móveis, onde a parte superior da tela geralmente tem menos de três polegadas de largura. A primeira maneira de reformatar suas barras de navegação é usar a técnica comum de confiar em menus de hambúrguer, nos quais os usuários podem clicar para expandir.
Mas mesmo quando um menu for expandido, certifique-se de não listar muitas guias. Dê aos usuários um pequeno punhado de opções para manter as coisas simples.
5. Realize testes móveis frequentes
A última maneira de garantir a compatibilidade com dispositivos móveis em seu site é testá-lo com frequência. Você pode fazer isso com a ferramenta de teste de compatibilidade com dispositivos móveis do Google , que avaliará a compatibilidade com dispositivos móveis do seu site e fará sugestões sobre como melhorá-lo.
Você também pode testar elementos individuais do seu web design se quiser ter uma visão mais detalhada das coisas.
Por exemplo, você pode testar a velocidade de carregamento da sua página no PageSpeed Insights do Google, que avaliará a velocidade de carregamento do seu site para computadores e dispositivos móveis.
