5 ejemplos de correos electrónicos optimizados para dispositivos móviles
Publicado: 2016-11-03Los especialistas en marketing nos hemos acostumbrado a la idea de que al optimizar nuestros correos electrónicos para los usuarios de dispositivos móviles, podemos dar a nuestras campañas una ventaja sobre la competencia. Lamentablemente, los tiempos han pasado y el hecho es que ahora deberíamos crear variantes de correo electrónico optimizadas para dispositivos móviles como una cuestión de rutina.
Hace unos años llegamos a un punto de inflexión en el que los teléfonos inteligentes superaron a las computadoras de escritorio como el tipo de dispositivo más utilizado para leer correos electrónicos. Más recientemente, el Informe de preferencias de dispositivos de Movable (2015) encontró que un fenomenal 52% de los correos electrónicos ahora se abren en teléfonos inteligentes, y los equipos de escritorio representan solo el 32%.
Es muy fácil caer en la trampa de crear correos electrónicos principalmente para usuarios de computadoras de escritorio; es muy probable que esté usando una computadora de escritorio para armarlos usted mismo. Ahora es el momento de deshacerse de esta mentalidad anticuada y poner el móvil en primer lugar y el escritorio en segundo lugar.
En este artículo, analizaremos 5 ejemplos inspiradores de correos electrónicos optimizados para dispositivos móviles, todos los cuales han sido cuidadosamente diseñados para impulsar las conversiones. Hemos incluido algunos consejos prácticos para que pueda replicar las ideas que aparecen en sus propias campañas.
HolidayPirates - primeros principios
Hemos elegido comenzar con este correo electrónico por una razón: está inconfundiblemente diseñado para móviles primero.
Este es el único punto que insistimos absolutamente en que elimine y coloque en el centro de su estrategia de marketing por correo electrónico. ¿Por qué? En primer lugar, porque el móvil es el tipo de dispositivo más utilizado para las aperturas de correo electrónico, con una participación mayoritaria que sigue creciendo año tras año; y en segundo lugar, porque es mucho más fácil utilizar un diseño optimizado para dispositivos móviles como base y luego incorporar elementos adicionales para dispositivos más grandes que hacer lo contrario.
[mailchimpsf_form access = ”web” title = ”Para obtener más información como ésta, suscríbase a nuestro boletín de noticias”]La proporción de elementos visuales para copiar
Podemos decir que este correo electrónico ha sido diseñado para dispositivos móviles primero con solo ver cuántas palabras hay en la página, es decir, no muchas.
Incluir muchas copias en un correo electrónico normalmente tendrá un efecto negativo en las conversiones móviles. En el correo electrónico de HolidayPirates, la copia está limitada a tres líneas por elemento de contenido en la versión móvil (la copia más el botón CTA son aproximadamente iguales en términos de uso de espacio a la imagen que lo acompaña); mientras que en la versión de escritorio, la misma copia puede ocupar poco más de una línea, actuando más o menos como un título de la imagen. Si este correo electrónico hubiera sido diseñado para escritorio primero, podríamos haber visto una copia adicional en variantes de tamaño de pantalla más grande y versiones abreviadas (o peor aún, demasiada copia y desplazamiento horizontal) para dispositivos más pequeños.
Muchos botones de llamada a la acción que llaman la atención
Si alguna vez ha leído sobre el tema de la optimización de la tasa de conversión, sabrá cuánto se puede ganar colocando estratégicamente los botones de CTA en sus páginas web.
Las llamadas a la acción, o botones de llamada a la acción, son enlaces de tipo imagen, que utilizan un diseño de botón con un imperativo de texto (por ejemplo, "Compre ahora", "Regístrese gratis", "Ver más"). HolidayPirates ha utilizado botones de llamada a la acción aquí para enlazar con el contenido de su sitio web.
En la captura de pantalla de la versión móvil anterior, solo puede ver uno de los elementos de contenido que aparecen en el correo electrónico de HolidayPirates. Esto se debe únicamente a la cantidad de espacio que tenemos a nuestra disposición aquí en este artículo y, de hecho, se incluyen diez destinos en el correo electrónico, cada uno con su propia imagen, copia y botón de llamada a la acción "Mostrar oferta".
El uso de llamadas a la acción en sus correos electrónicos es ampliamente reconocido como la mejor manera de lograr que los usuarios de dispositivos móviles hagan clic en el lugar donde usted desee que vayan. Aquí hay algunos consejos sobre cómo hacer que sus CTA sean súper efectivos:
- Hágalos grandes y relativamente brillantes : si alguna vez ha intentado golpear un objetivo pequeño y oscuro con el pulgar mientras navega en su teléfono (o en algún otro contexto extraño), comprenderá por qué es importante hacer que sus CTA se destaquen. Esto también hará que tus CTA sean más atractivos.
- Rodéelos con espacios en blanco , por las mismas razones.
- Haga que la copia de la CTA sea clara y concisa , dígala en dos o tres palabras.
- Vínculo a contenido compatible con dispositivos móviles : no tiene sentido canalizar a los usuarios de dispositivos móviles a un sitio hostil para dispositivos móviles.
Lo que hemos aprendido hasta ahora
A partir de este único correo electrónico de marketing, hemos determinado tres puntos clave, llamémoslos primeros principios, sobre el marketing por correo electrónico:
- Diseño para dispositivos móviles primero
- Tenga cuidado con la copia
- Utilice CTA para los enlaces
Para nosotros, estos son los factores más importantes que debe considerar al crear sus correos electrónicos de marketing. Ahora vamos a echar un vistazo a cuatro correos electrónicos más que se dirigen al usuario móvil de formas interesantes y estimulantes:
PayasUgym - incrustación dentro de la actividad móvil
¿Por qué detenerse en hacer que su correo electrónico sea compatible con los teléfonos inteligentes, cuando podría usarlo como un medio para integrar su marca en la actividad móvil diaria del destinatario?
Aquí hay una sección de un correo electrónico de un servicio de búsqueda de clases de fitness y gimnasio de pago por uso que hace exactamente eso, y con gran efecto.
- “Encuentra tu siguiente”: el subencabezado presenta el problema del destinatario, allanando el camino para que la marca presente su solución.
- Gráficos de estilo de marcador de mapa: observe los gráficos en la parte superior de la captura de pantalla, que muestran el número de gimnasios, clases y piscinas. Usar gráficos de estilo de marcador de mapa aquí es inteligente, ya que evoca los íconos utilizados en aplicaciones extremadamente populares como Google Maps y Uber, lo que conduce muy bien a ...
- Banner de aplicación: este banner de CTA es compatible con su ¡Obtenga la aplicación! mensaje con botones informativos de Apple App Store y Google Play que mejoran la confianza. La pancarta es grande, llamativa y está rodeada de espacios en blanco.
Este correo electrónico es un ejemplo modelo de cómo postular su marca como el proveedor de soluciones compatibles con dispositivos móviles para el problema de un consumidor. La estructura de su mensaje es irresistible: “Entendemos lo que necesitas; estamos muy bien situados para dárselo; haga clic en este enlace de descarga claro, simple y confiable y resolveremos el problema ahora y cuando lo necesite en el futuro ". La marca se ha propuesto de forma muy eficaz para cumplir un determinado papel dentro de la actividad móvil del usuario.
Ya sea que su marca cumpla su función en línea a través de una aplicación o un sitio web optimizado para dispositivos móviles, es posible que pueda replicar el enfoque de PayasUgym en sus correos electrónicos de marketing. Intente incluir una llamada a la acción dentro de una estructura similar:
- Utilice un subtítulo para presentar el problema, por ejemplo, "¿Quiere encontrar un estilo nuevo?", "¿Necesita un libro nuevo?"
- Establezca su autoridad / rango / calidad / propuesta de valor. Incorpore sutilmente elementos gráficos que imiten elementos de aplicaciones o de comercio electrónico (como los marcadores de mapa de PayasUgym).
- Agregue un banner de CTA, utilizando las técnicas discutidas anteriormente. Esto podría vincularse a la descarga de una aplicación u otro aspecto digital de su negocio que pueda cumplir una función útil para el cliente.
American Apparel: preparándose para la vida en la carpeta de basura
A todos los profesionales del marketing por correo electrónico les encanta imaginar que sus mensajes llegan a las bandejas de entrada de los destinatarios y van directamente a la parte superior de la lista, pero el hecho es que muchos de los clientes de correo electrónico de sus destinatarios tratarán sus mensajes como correo basura o que no es de confianza.
Los destinatarios aún podrán ver estos mensajes, pero en algunos casos no se mostrará el contenido, especialmente las imágenes y otros medios enriquecidos. Teniendo en cuenta la alta proporción de imágenes por copia que se usa en la mayoría del marketing por correo electrónico optimizado para dispositivos móviles, esto podría significar que el destinatario pierde los ganchos clave en su correo electrónico mientras hojea su carpeta de correo no deseado.
No existe una solución completamente satisfactoria para este problema, pero puede afectar alguna limitación de daño utilizando un atributo de las imágenes utilizadas en sus correos electrónicos: sus etiquetas alt.
Eche un vistazo a las dos capturas de pantalla de arriba. Ambos muestran el mismo correo electrónico, de los minoristas de moda American Apparel. La versión de la izquierda tiene imágenes activadas, mientras que la imagen de la derecha muestra cómo se ve el mismo correo electrónico con las imágenes desactivadas. Es posible que la imagen de la derecha no se vea tan bien, pero logra transmitir el propósito esencial del correo electrónico: “Te extrañamos. ¡Obtén un 20% de descuento! " Estas palabras no provienen de una sección de texto envuelta en etiquetas <p>; provienen de los atributos de la etiqueta alt de las imágenes que se han ocultado.
Al repetir los ganchos de marketing del correo electrónico en los atributos de la etiqueta alt de sus imágenes, puede mejorar las posibilidades de que su destinatario reciba su mensaje principal en forma de texto, incluso si las imágenes están desactivadas.
Como regla general, siempre recomendamos tomarse el tiempo para escribir una etiqueta alternativa eficaz para cualquier imagen que planee publicar en línea. Las etiquetas alt no solo ayudan a que sus mensajes de marketing por correo electrónico lleguen a más destinatarios, sino que también son fundamentales para la experiencia de Internet de las personas con discapacidad visual y pueden ayudar a que sus imágenes se clasifiquen bien en los resultados de búsqueda de imágenes.
Trainline: proporciona una ruta rápida a las calificaciones
Los comentarios de los clientes son un recurso valioso para los especialistas en marketing que desean identificar el mejor camino a seguir para sus campañas de correo electrónico. Es especialmente efectivo cuando se usa en un contexto de prueba dividido, como esperamos que sea el caso con la sección de calificación de estrellas que se muestra arriba, que se encuentra en un correo electrónico de TheTrainline.com.
No hay nada lujoso en esta sección de reseñas, y es exactamente por eso que nos gusta. El usuario toca una de las estrellas para calificar el correo electrónico entre cinco. La simplicidad del diseño hará que dejar una reseña parezca mucho más manejable para los usuarios de dispositivos móviles, quienes podrían sentirse desanimados por tareas más complicadas como escribir comentarios.
Pero, ¿qué pasa con la falta de comentarios detallados? Bueno, sugerimos que dos o más variantes de este correo electrónico probablemente se hayan enviado a diferentes audiencias, y los creadores del correo electrónico habrán utilizado las calificaciones genéricas proporcionadas por los destinatarios para determinar cuál de las variantes fue más efectiva.
Las pruebas multivariadas se pueden utilizar para determinar qué tipo de línea de asunto funciona mejor, qué ofertas o productos debe promocionar un correo electrónico, cómo los diferentes tipos de contenido pueden afectar la experiencia del usuario, etc. La información recopilada se puede utilizar por derecho propio o para respaldar los hallazgos obtenidos mediante el análisis de los datos abiertos y de participación del correo electrónico.
NatWest
La clave del impacto de este correo electrónico, desde una perspectiva de diseño, es el llamativo GIF de alcancía en la parte superior. Fundamentalmente, se ve agradable y nítido ya sea que se vea en un dispositivo móvil, tableta o computadora de escritorio.
Los desarrolladores del correo electrónico han logrado esto estableciendo un algoritmo de interpolación bicúbica para escalar la imagen, lo cual se ha logrado estableciendo parte del atributo de estilo de la imagen en “-ms-interpolation-mode: bicubic”. Esto hace que la imagen sea "fluida".
Hay varias formas de lograr este efecto, la mayoría de las cuales suenan menos técnicas que las anteriores. Haga que sus desarrolladores verifiquen si su plantilla de correo electrónico incluye interpolación bicúbica u otro mecanismo para escalar la imagen antes de comenzar a enviar correos electrónicos. Simplemente hacer que sus imágenes sean lo suficientemente grandes para que se vean nítidas en todos los dispositivos es problemático, ya que puede requerir un desplazamiento horizontal para los usuarios de dispositivos móviles, exactamente el tipo de cosas que queremos evitar.
obtenga su membresía gratuita ahora, absolutamente no se requiere tarjeta de crédito
MEMBRESÍA GRATIS 