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 usuarios móviles, podemos dar a nuestras campañas una ventaja sobre la competencia. Por desgracia, los tiempos han avanzado, y el hecho es que ahora deberíamos estar creando variantes de correo electrónico optimizadas para dispositivos móviles como algo natural.
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 las computadoras de escritorio representan solo el 32 %.
Es demasiado fácil caer en la trampa de crear correos electrónicos principalmente para usuarios de escritorio; lo más probable es que esté usando una computadora de escritorio para armarlos usted mismo. Ahora es el momento de deshacerse de esta mentalidad anticuada y poner el dispositivo móvil en primer lugar y el escritorio en segundo lugar.
En este artículo, discutiremos 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 presentadas en sus propias campañas.
HolidayPirates – primeros principios
Elegimos comenzar con este correo electrónico por una razón: sin lugar a dudas, está diseñado primero para dispositivos móviles.
Este es el único punto en el que insistimos absolutamente en que lo quite y lo 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 abrir correos electrónicos, 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 esta, suscríbase a nuestro boletín”]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 mirar cuántas palabras hay en la página, es decir, no muchas.
Incluir muchas copias en un correo electrónico generalmente 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 podría ocupar poco más de una línea, actuando más o menos como un pie de foto para la imagen. Si este correo electrónico se hubiera diseñado primero para el escritorio, podríamos haber visto una copia adicional en variantes de pantalla más grande y versiones abreviadas (o peor aún, demasiada copia y desplazamiento horizontal) para dispositivos más pequeños.
Un montón de botones CTA 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.
Los CTA, o botones de llamada a la acción, son enlaces de tipo imagen que utilizan un diseño de botón con un texto imperativo (por ejemplo, "Comprar ahora", "Regístrate gratis", "Ver más"). HolidayPirates ha utilizado botones CTA aquí para vincular contenido en su sitio web.
En la captura de pantalla anterior de la versión móvil, 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 CTA "Mostrar oferta".
El uso de CTA en sus correos electrónicos es ampliamente reconocido como la mejor manera de hacer que los usuarios móviles hagan clic en donde quiera que vayan. Aquí hay algunos consejos sobre cómo hacer que tus llamadas a la acción sean súper efectivas:
- Hágalos grandes y relativamente brillantes : si alguna vez trató de golpear un objetivo pequeño y oscuro con el pulgar mientras navegaba 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 llamadas a la acción sean más atractivas.
- Rodéelos con espacios en blanco , por las mismas razones.
- Haz que el texto de la llamada a la acción sea claro y conciso ; dilo en dos o tres palabras.
- Enlace a contenido compatible con dispositivos móviles : no tiene sentido canalizar a los usuarios móviles a un sitio hostil a los 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ña primero para dispositivos móviles
- Vaya fácil con la copia
- Use CTA para enlaces
Para nosotros, estos son los factores más importantes que debe tener en cuenta al crear sus correos electrónicos de marketing. Ahora vamos a echar un vistazo a cuatro correos electrónicos más que se adaptan al usuario móvil de maneras interesantes y que invitan a la reflexión:
PayasUgym: integración en 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 dentro de 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 próximo”: el subtítulo presenta el problema del destinatario, allanando el camino para que la marca presente su solución.
- Gráficos de estilo marcador de mapa: tenga en cuenta los gráficos en la parte superior de la captura de pantalla, que muestran la cantidad de gimnasios, clases y piscinas. El uso de 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 Get the app! mensaje con botones informativos y que mejoran la confianza de Apple App Store y Google Play. El banner es grande, llamativo y está rodeado 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 posicionados para dártelo; haga clic en este enlace de descarga claro, simple y confiable y resolveremos el problema por usted ahora y cuando lo necesite en el futuro”. La marca se ha propuesto de manera muy efectiva para cumplir un determinado rol 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. Intenta incluir un CTA dentro de una estructura similar:
- Use un subtítulo para presentar el problema, por ejemplo, "¿Quiere encontrar un nuevo estilo?", "¿Necesita un nuevo libro?"
- Establece tu 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 mapas de PayasUgym).
- Agregue un banner de CTA, utilizando las técnicas discutidas anteriormente. Esto podría vincularse con 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: preparación para la vida en la carpeta Junk
A todos los especialistas en marketing por correo electrónico seguramente les encanta imaginar que sus mensajes llegan a las bandejas de entrada de los destinatarios y 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 no confiable.
Los destinatarios aún podrán ver estos mensajes, pero en algunos casos el contenido, especialmente las imágenes y otros medios enriquecidos, no se mostrará. Teniendo en cuenta la alta proporción de imágenes por copia que se usa en la mayoría de los email marketing optimizados 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ños 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 las imágenes activadas, mientras que la imagen de la derecha muestra cómo se ve el mismo correo electrónico con las imágenes deshabilitadas. La imagen de la derecha puede no verse tan bien, pero logra transmitir el propósito esencial del correo electrónico: “Te extrañamos. ¡Obtenga un 20% de descuento!” Estas palabras no provienen de una sección de copia 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 etiqueta alt de sus imágenes, puede mejorar la posibilidad de que su destinatario reciba su mensaje principal en forma de texto, incluso si las imágenes están deshabilitadas.
Como regla general, siempre recomendamos tomarse el tiempo para escribir una etiqueta alternativa efectiva 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.
The Trainline: proporciona una ruta rápida hacia 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 pruebas divididas, 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 de 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 desanimarse con tareas más complejas 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 usar 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 usar por derecho propio o para respaldar los hallazgos realizados mediante el análisis de los datos de participación y apertura de correo electrónico.
NatOeste
La clave del impacto de este correo electrónico, desde una perspectiva de diseño, es el llamativo GIF de la alcancía en la parte superior. Fundamentalmente, se ve bien y nítido, ya sea que se vea en un dispositivo móvil, tableta o computadora de escritorio.
Los desarrolladores del correo electrónico lograron esto configurando un algoritmo de interpolación bicúbica para escalar la imagen, lo que se logró configurando 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 imágenes 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 el desplazamiento horizontal para los usuarios de dispositivos móviles, exactamente el tipo de cosas que queremos evitar.
obtenga su membresía gratis ahora - absolutamente no se requiere tarjeta de crédito
MEMBRESÍA GRATIS 