7 consejos de diseño para crear correos electrónicos exitosos en 2016

Como diseñador de correo electrónico, es su trabajo proporcionar a los suscriptores una experiencia de correo electrónico funcional. Esto significa eliminar la fricción que puede erosionar la experiencia del suscriptor y, en última instancia, dañar la imagen de su marca.

Lograr este objetivo se complica por el hecho de que el correo electrónico está en constante evolución. Es crucial estar al tanto de las últimas actualizaciones en el mundo del correo electrónico, especialmente cuando esos cambios, como nuevas aplicaciones y actualizaciones de compatibilidad con HTML y CSS, pueden afectar sus campañas cuidadosamente diseñadas.

En el Informe sobre el estado del correo electrónico de 2016, resumimos todo lo que sucedió en el mundo del correo electrónico el año pasado, lo que ayuda a identificar las principales innovaciones que pueden tener enormes implicaciones para sus campañas de correo electrónico.

Obtenga su informe gratuito →

Aquí hay un adelanto de lo que encontrará dentro:

1. TENGA EN CUENTA EL APPLE WATCH

En abril de 2015, se lanzó el Apple Watch. La incorporación de dispositivos portátiles a la flota de aplicaciones de correo electrónico fue inevitable, y está trayendo consigo algunas implicaciones importantes para los diseñadores de correo electrónico. Si su audiencia incluye usuarios pioneros en tecnología y usuarios potenciales de Watch, considere la experiencia del suscriptor en Watch.

Dado que Apple Watch muestra texto sin formato cuando se detectan imágenes remotas o vinculadas, es crucial optimizar la versión de texto sin formato de sus correos electrónicos. También tenga en cuenta que los caracteres especiales, los espacios adicionales y otros trucos de formato reservados para el consumo de texto sin formato en el escritorio se traducen muy mal en la pequeña pantalla del reloj.

También hay una opción más avanzada para agregar una tercera parte a su mensaje: text / watch-html. Al incluir esta parte adicional y especificar el tipo de contenido como “texto / reloj-html”, el reloj mostrará la parte de texto / reloj en lugar de la parte de texto sin formato cuando la parte HTML no sea adecuada. Sin embargo, asegúrese de consultar con su ESP antes de agregar la parte del reloj; no todos la admiten.

2. OPTIMIZAR PARA EL BLOQUEO DE IMÁGENES

Outlook 2016 y la aplicación Alto Mail de AOL se introdujeron en 2015, y cada bloque de imágenes de forma predeterminada. Los diseñadores de correo electrónico deben utilizar técnicas de diseño defensivas como texto ALT, botones a prueba de balas y un equilibrio adecuado de imágenes y texto HTML para combatir el bloqueo de imágenes.

3. NO OCULTE SU ENLACE DE BAJA DE SUSCRIPCIÓN

En septiembre de 2015, Gmail lanzó una nueva funcionalidad de "bloqueo" para todos los usuarios de correo web de Gmail y de la aplicación Gmail de Android, lo que les brinda a los consumidores otra opción para eliminar los correos electrónicos que no desean de sus bandejas de entrada. Cuando un suscriptor "bloquea" a un remitente, significa que nunca volverá a ver un correo electrónico de ese remitente.

La ventaja es que la nueva opción de "bloquear" debería reducir las quejas de spam porque algunos suscriptores que habrían hecho clic anteriormente en "informar spam" ahora harán clic en "bloquear" en su lugar. La desventaja es que el botón "bloquear" puede haber creado una nueva barra inferior para la intervención del ISP, por lo que algunos suscriptores que pudieron haber hecho clic en "cancelar suscripción" ahora harán clic en "bloquear" en su lugar.

Entonces, ¿qué debería hacer? Facilite la cancelación de la suscripción. Si los suscriptores no pueden detectar fácilmente su enlace de exclusión, algunos simplemente bloquearán su mensaje o lo marcarán como spam. Si su enlace de cancelación de suscripción está enterrado en letras grises pequeñas, es hora de dividirlo en una línea con texto más grande y más fácil de leer.

Además, agregue el encabezado "lista-cancelar suscripción" y Gmail, en ciertas circunstancias, colocará un enlace "Cancelar suscripción" después de su nombre de remitente y dirección de correo electrónico del remitente.

Si bien este enlace permite a los suscriptores omitir su proceso de exclusión voluntaria, incluido el centro de preferencias, si usa uno, es preferible recibir una queja por bloqueo o correo no deseado.

4. ACTUALIZA TUS CORREOS ELECTRÓNICOS INTERACTIVOS

En septiembre de 2015, Apple lanzó la última versión de su sistema operativo móvil, iOS 9. Este sistema operativo actualizado agregó soporte para algunas propiedades nuevas de CSS e introdujo algunos cambios que seguramente frustrarán a los diseñadores de correo electrónico.

¿Una de esas frustraciones? El selector general de hermanos (~) no siempre es compatible. Los miembros de la comunidad Litmus, Remi Parmentier y Justin Khoo, informaron que el selector general de hermanos ~ no es compatible con iOS 9 cuando se usa con los selectores de pseudo clases: hover o: check.

Muchos correos electrónicos interactivos usan pseudoclases para verificar si algo sucedió en un correo electrónico y los elementos de estilo de manera apropiada según el estado. Sin embargo, este error hará que los correos electrónicos anteriormente interactivos sean estáticos.

¡Afortunadamente, hay una solución! Simplemente reemplace el selector de hermanos general ~ con el selector de hermanos adyacente +. Aunque no es tan flexible como el selector general de hermanos menos específico, logra los mismos resultados.

5. UTILICE DISEÑOS BASADOS EN TABLAS

En septiembre de 2015, Microsoft lanzó la última versión de su cliente Outlook, Outlook 2016. Desafortunadamente, no ha cambiado mucho con respecto a sus predecesores. Al igual que Outlook 2007, 2010 y 2013, Outlook 2016 procesa correos electrónicos con Microsoft Word, que tiene un soporte deficiente para HTML y CSS y tiene un montón de peculiaridades frustrantes.

Las versiones más recientes de Outlook (2007-2016) tienen poca compatibilidad con HTML y CSS e incluyen una serie de peculiaridades a tener en cuenta:

• No hay soporte para imágenes de fondo en divs y celdas de tabla.
• Sin soporte para CSS flotante o posición
• No es compatible con la sombra de texto
• Pobre soporte para el acolchado y el margen
• Pobre soporte para el ancho y alto de CSS
• Problemas con los colores de fondo de los elementos anidados

Debido a la falta de compatibilidad con muchas propiedades de CSS, los diseños basados ​​en tablas son una necesidad para la optimización en Outlook 2016. También puede usar CSS condicional para apuntar a Outlook 2016 específicamente.

6. UTILICE ELEMENTOS MÓVILES

Dado que el 55% de las aperturas de correo electrónico se realizan en dispositivos móviles, es más crucial que nunca tener implementada una estrategia de correo electrónico móvil. Si bien el diseño receptivo es una excelente opción, también debe usar elementos compatibles con dispositivos móviles en los casos en que las consultas de medios no son compatibles.

Por ejemplo, ni la aplicación Alto Mail de AOL ni la aplicación Universal Outlook, ambas introducidas en 2015, admiten consultas de medios.

Aproveche el texto grande, los botones táctiles y el diseño de una sola columna para brindar a sus suscriptores la mejor experiencia posible.

7. USE DATOS ABIERTOS PARA TOMAR DECISIONES DE DISEÑO

Si bien observar las tendencias abiertas de correo electrónico en toda la industria es un gran indicador de la adopción de ciertos clientes de correo electrónico, lo que importa es su audiencia. Es más importante que nunca ver dónde está abriendo su audiencia su correo electrónico y ajustar sus diseños en consecuencia.

Por ejemplo, vimos un aumento del 22% en las aperturas de iPhone en 2015, que ahora representa el 33% del total de aperturas de correo electrónico. Si está viendo algo similar en su propia audiencia, puede usar esos datos para informar sus decisiones de diseño. Sabemos que iOS, el sistema operativo del iPhone, tiene un excelente soporte para HTML y CSS, por lo que puede utilizar de manera segura técnicas avanzadas como fondos de video HTML5 en nuestras campañas.

La clave es comprender a tu audiencia. Con Email Analytics, obtendrá los datos que necesita para optimizar sus diseños. Regístrese para una prueba gratuita hoy. No se requiere tarjeta de crédito.

OBTENGA EL INFORME DE CORREO ELECTRÓNICO DE 2016

¿Quiere aún más información y conclusiones prácticas? Manténgase al día con las últimas actualizaciones y avances por correo electrónico descargando el informe gratuito hoy.

Obtenga el informe sobre el estado del correo electrónico de 2016 →