10 dicas essenciais para criar e-mails compatíveis com dispositivos móveis

10 dicas essenciais para criar e-mails compatíveis com dispositivos móveis

10 dicas essenciais para criar e-mails compatíveis com dispositivos móveis

Sempre que envia uma mensagem de correio eletrónico e-maildeve estar ciente de que uma grande parte dos seus subscritores vai abrir a sua mensagem nos seus telemóveis ou tablets – não nos seus computadores de secretária ou portáteis.

Parece que a cada duas semanas um novo estudo cita um número esmagador de pessoas que lêem e-mails nos seus dispositivos móveis – 51% de acordo com a Litmus, 66% de acordo com a Movable Ink.

Os números variam, mas o comerciante de conteúdos experiente sabe que ignorar os e-mails compatíveis com dispositivos móveis é um grande erro.

O seu trabalho é não só fazer com que os seus e-mails sejam abertos e lidos, mas também fazer com que as experiências dos seus clientes tão forte como se as mensagens fossem abertas em computadores portáteis ou de secretária.

Sabe como fazer isso acontecer?

A design de sítios Web responsivos a telemóveis apresenta o seu conteúdo corretamente, independentemente da forma como alguém visualiza o seu sítio Web, e pode garantir que as mensagens de correio eletrónico que envia também têm um excelente aspeto, quer tenha ou não um modelo de correio eletrónico responsivo a dispositivos móveis.

Aqui estão 10 dicas essenciais para transformar a sua mensagem num e-mail compatível com dispositivos móveis.

1. Escreva linhas de assunto curtas

A quantidade de espaço que os dispositivos móveis disponibilizam para apresentar as linhas de assunto pode fazer com que até o escritor mais sucinto chore até adormecer.

Embora alguns clientes de correio eletrónico apresentem todo o texto da sua linha de assunto, muitos não o fazem.

E como a sua linha de assunto num e-mail é semelhante a o seu títulonão quer cortá-lo e perder a oportunidade de estabelecer uma ligação com o seu leitor.

A solução é manter a sua linha de assunto curta – 40 caracteres ou menos é uma boa regra de ouro – ou posicionar a frase mais importante da sua linha de assunto nos primeiros 40 caracteres para maximizar as suas hipóteses de os leitores a verem.

2. Utilize um modelo de coluna única

No ecrã de um dispositivo móvel, as colunas múltiplas parecem condensadas e confusas de navegar.

Uma única coluna torna o seu correio eletrónico compatível com vários dispositivos e simples, mesmo quando é visualizado com diferentes clientes de correio eletrónico.

As colunas únicas também podem simplificar o seu design e destacar o seu conteúdo importante.

3. Mantenha o seu correio eletrónico com menos de 600 píxeis de largura

Embora a maioria dos dispositivos móveis modernos consiga lidar com designs responsivos, existem excepções.

Quando a largura do seu e-mail é de 600 pixels ou menos, os utilizadores não terão problemas em visualizar e-mails que foram formatados para ecrãs de computador grandes.

Defina um atributo de largura na etiqueta de tabela do seu modelo de correio eletrónico para 600 pixels ou utilize a propriedade de largura CSS para efetuar este ajuste.

4. Utilize um tamanho de letra grande

Uma vez que um tipo de letra de 10 pixels é difícil de ler num ecrã de computador de secretária, e os ecrãs pequenos tornam os tipos de letra ainda mais pequenos, a maioria das pessoas apagará o seu e-mail antes de apertar os olhos para ler o seu texto minúsculo.

Um tamanho de letra de 13 ou 14 pixels torna o seu e-mail substancialmente mais legível num ecrã pequeno.

Mas não tenha medo de aumentar ainda mais. Os tipos de letra grandes tornam os seus e-mails mais fáceis de ler tanto em computadores de secretária como em dispositivos móveis.

5. Exiba imagens pequenas

As imagens mais pequenas reduzem os tempos de carregamento e a largura de banda. Muitos utilizadores móveis ainda utilizam ligações 3G ou mais lentas, pelo que a velocidade de carregamento das imagens é vital.

Se tiver conhecimentos técnicos ou conhecer alguém que o possa ajudar, utilize técnicas de codificação responsivas para carregar imagens mais pequenas em dispositivos móveis e imagens maiores noutros dispositivos.

Outra opção é reduzir uma imagem em 50% e comprimi-la a uma taxa de compressão ligeiramente superior à normal para carregar as suas imagens mais rapidamente e conservar a largura de banda do utilizador.

6. Forneça um apelo à ação distinto

A apelo à ação deve levar o destinatário do seu e-mail a fazer alguma coisa. Geralmente, esse “algo” é tocar (ou clicar) num botão que o leva a seguir o caminho que pretende que ele siga.

O seu apelo à ação tem de ser suficientemente grande para que o destinatário o possa fazer de forma fácil e eficaz no ecrã de um dispositivo móvel.

Os dedos não são tão exactos como os ponteiros do rato e, embora os fabricantes de telemóveis tenham criado dispositivos que respondem com precisão às suas acções, não são perfeitos.

Se o seu leitor tiver de tocar mais do que uma vez para continuar a interagir com o seu conteúdo, é provável que não se dê ao trabalho.

Apresente um apelo à ação convincente que tenha pelo menos 40 pixels quadrados – e de preferência maior do que isso – para manter o leitor envolvido com o seu e-mail.

7. Não faça do seu apelo à ação uma imagem

Alguns clientes de correio eletrónico apenas apresentam imagens de endereços de envio verificados. Assim, se utilizar uma imagem para o seu apelo à ação e o cliente de correio eletrónico do destinatário não tiver as imagens activadas para o seu endereço de envio, este não a verá.

Depois de todo o trabalho que dedicou à elaboração dos seus e-mails, é uma chatice perder uma oportunidade de levar o seu leitor a agir.

Mas o problema é que quando os destinatários vêem imagens, melhoram frequentemente as taxas de cliques.

Se decidir utilizar uma imagem para o seu apelo à ação, certifique-se de que a imagem tem uma etiqueta ALT descritiva que corresponde ao texto que aparece na imagem, como “clique aqui”.

Desta forma, mesmo que a imagem não seja mostrada, a mensagem no seu texto ALT continuará a aparecer.

8. Evite barras de menu

Tal como referi anteriormente, uma vez que os dedos não são instrumentos de precisão, as barras de menu e de navegação minúsculas são frustrantes de utilizar.

Recomendo que as evite completamente. É um correio eletrónico, não um sítio Webpor isso não precisa de um menu tradicional ou de uma barra de navegação.

Com os e-mails, mantenha-se fiel aos blocos de construção básicos da Web: links e imagens.

9. Não empilhe links

Os links empilhados causam os mesmos problemas que outras formas minúsculas de navegação. Aqui está um exemplo de links empilhados:

Google
Yahoo
Bing

Se imaginar links empilhados dentro de um parágrafo, pode ver como seria fácil clicar acidentalmente no link errado.

Além disso, quando duas palavras estão mesmo em cima uma da outra, pode ligar por engano as duas palavras ao mesmo destino, em vez de atribuir uma ligação distinta a cada palavra.

Incluir várias hiperligações numa mensagem de correio eletrónico é correto, mas certifique-se de que vê uma pré-visualização da mensagem de correio eletrónico e separa as hiperligações com outro texto, imagens ou espaço em branco, conforme necessário.

10. Teste em vários dispositivos

Não se preocupe; não precisa de comprar uma dúzia de telemóveis para testar corretamente os seus emails.

Litmus tem um serviço pago que executa testes abrangentes em mais de 30 clientes de email. Oferecem um teste gratuito de sete dias para que possa começar.

Para executar um teste, basta fornecer o HTML da sua mensagem de correio eletrónico. O Litmus abre a sua mensagem de correio eletrónico em vários clientes, faz capturas de ecrã de cada um deles e envia-lhe um e-mail com os resultados. Normalmente, o teste demora apenas alguns minutos.

Uma rápida análise dos resultados alertá-lo-á para quaisquer problemas visuais que possam ocorrer em diferentes dispositivos.

A experiência do leitor é a sua primeira prioridade

Pense na sua própria experiência quando se depara com um e-mail que não é apresentado corretamente no seu dispositivo móvel.

Mesmo que seja de uma fonte que lhe interessa, pode não querer perder tempo extra a decifrar a mensagem.

E se não conseguir ver a ação que o remetente quer que tome, certamente não a tomará.

Em vez de colocar o seu leitor neste cenário indesejável, pode facilmente criar mensagens de correio eletrónico compatíveis com dispositivos móveis que são apresentadas corretamente em qualquer dispositivo.

Que medidas especiais toma para produzir uma experiência de visualização móvel óptima para os seus leitores de correio eletrónico?

Diga-nos em LinkedIn

Nota do editor: Se esta publicação lhe foi útil, sugerimos-lhe que leia também 37 dicas para escrever e-mails que são abertos, lidos e clicadospor Henneke Duistermaat.

Imagem do Flickr Creative Commons via Karen.