1. Mantenha uma estrutura simples
Embora as telas dos celulares estejam aumentando, elas ainda são muito pequenas em relação ao tamanho de um monitor. Nesse caso, utilizar uma estrutura simples é a chave para garantir uma boa experiência para todo mundo. Mantenha a imagem de fundo neutra (branca ou com tons de cinza) e trabalhe com poucas cores (3 no máximo). Isso vai ajudar a criar um template claro para os usuários mobile e chamar a atenção apenas para o que é realmente importante.2. Reduza a quantidade de texto no corpo da mensagem
Quanto mais texto a sua mensagem tiver, mais o seu leitor terá que rolar a tela de visualização. Neste caso, “menos é mais”. Facilite o consumo da informação e tente incluir os dados mais importantes o mais próximo do topo possível. Por exemplo: os CTAs que não estiverem visíveis de imediato correm o risco de não serem acionados.3. Diminua a quantidade de imagens e otimize-as
Muitos provedores de email costumam bloquear as imagens de uma mensagem como medida de segurança e, em dispositivos móveis, para preservar o consumo de dados. Além disso, se o leitor tiver uma internet de velocidade lenta, as suas imagens podem demorar para carregar, o que vai frustrá-lo. Nestes casos, a melhor forma de prezar por uma boa experiência é utilizar a menor quantidade de imagens possíveis e otimizar todas elas:- reduza o tamanho do arquivo;
- use códigos de redimensionamento de acordo com a proporção da tela;
- preencha o alt text e a descrição;
4. Deixe os CTAs grandes para facilitar o toque em telas menores
Seu email tem um objetivo, e muito provavelmente ele está “traduzido” em forma de um call to action na sua mensagem. Ou seja, ele é um dos elementos mais importantes do seu texto. Ao pensar em um design mobile-friendly, lembre-se de que os CTAs serão acionados por dedos, e não por um mouse! Por conta disso, a Apple recomenda a utilização de ícones com uma área mínima de 44 × 44 pixels, o que facilita o toque. Outra boa prática relacionada aos CTAs é deixar um espaço vazio ao redor dos botões, o que evita que o usuário clique em links que ele não tem interesse em acessar. Dica bônus: se você utiliza a para disparar as suas campanhas de email marketing, descubracomo criar um CTA otimizado para mobile.5. Otimize a tipografia em tamanho e tipo
Como já foi dito, quanto mais simples o seu design para mobile, melhor. E isso também se aplica àtipografia. Se você utilizar uma fonte muito diferente ou refinada, corre o risco de que ela não seja reconhecida pelo aplicativo de leitura do email, o que leva o sistema a trocá-la por outra mais comum. Nesse caso, todos os esforços que você fez para criar um design elaborado podem ir por água abaixo. Evite essa situação e utilize fontes comuns e populares, como:- Arial;
- Georgia;
- Helvetica;
- Tahoma;
- Times New Roman;
- e Verdana.