Outro dia me peguei falando a frase acima para um dos Experience Designers que trabalham comigo na agência. Isso porque estamos desenhando um novo site com Design Responsivo (que se adapta automaticamente a múltiplas resoluções de tela) e no meio do processo nos pegamos pensando na estratégia de comunicação que acontece por email com os usuários do produto.

Como os emails são um importante ponto de entrada para que o usuário chegue até o site e como cada vez mais pessoas lêem seus emails de um dispositivo mobile, faz todo sentido que os emails também estejam preparados para esse contexto.

Este artigo dá algumas dicas preciosas sobre a criação de emails desse tipo:

• Priorizar o conteúdo. Da mesma forma que em sites responsivos é importante pensar nas variações de conteúdo para cada resolução de tela, os emails também merecem essa atenção. Ninguém tem paciência de ler muito texto em um dispositivo pequeno. E a tentação é grande: queremos sempre que o email seja o mais completo possível, repleto de imagens e de conteúdo em texto. E não se trata de reduzir a quantidade de texto, mas sim de repensar o que é realmente essencial ao se comunicar com os usuários por esse canal.
• Desenhar para usuários desatentos. Segundo uma pesquisa consolidada por Jakob Nielsen, o tempo médio que o usuário permanece em uma newsletters depois que ela é aberta é de 51 segundos. E os usuários pesquisados lêem do começo ao fim apenas 19% dos emails que recebem. Para o restante, o usuário tem um comportamento de “escanear” o email rapidamente ao invés de ler o texto que ele contém. Se você já sabe que os usuários não prestarão muita atenção ao conteúdo do email, use isso a seu favor: construa emails curtos e concisos.
• Defina os breakpoints. Expliquei neste post o que são breakpoints. Na hora de desenhar emails, muitos Visual Designers escolhem uma largura entre 550 e 650 pixels, muitas vezes por pura tradição. Mas além do fato da resolução ser menor do que isso em celulares e alguns modelos de tablet, os softwares leitores de email desses dispositivos muitas vezes não suportam media queries – e parte importante da newsletter pode ficar fora da área visível. Pensar no conteúdo para esse tipo de situação ajuda a torná-lo mais “direto ao ponto” e a prevenir baixas taxas de conversão. Segundo o autor do artigo, “se você está se sentindo aventureiro, pode arriscar usar layout fluido para emails em HTML“.
• Uma coluna, zero problemas. Emails com uma única coluna são mais fáceis de serem lidos e causam menos distração em um dispositivo pequeno. Colunas múltiplas acabam “brigando entre si” pela atenção do usuário. O exercício que eu costumo fazer é: qual dessas duas chamadas é mais importante?
• Deixe os calls-to-action claros. Se o objetivo do email é fazer com que o usuário clique em um link para visitar o site, então esse link deve ser o objeto mais visível da interface. Parece uma lição meio óbvia, mas no mínimo 3 em cada 5 newsletters que eu recebo no meu celular ainda me pedem para clicar em mais de um link, todos com a mesma importância…

Para terminar, a frase mais interessante que já li sobre simplicidade e eficácia de emails:

When it comes to email, code like it’s 1999. Design like it’s 2012.