Estrategias de contenido y diseño Responsive email marketing
Transcript of Estrategias de contenido y diseño Responsive email marketing
q Variables del ecosistema: q La audiencia target. q Competencia, industria, prácticas generales. q Qué se desea comunicar
Estrategias e-marketing: contenido y diseño responsive
q No todos los mails son iguales: q Masivos q Transaccionales
q Definir: q Propositos del canal y objetivos q Integracion con otros medios/canales q Tono discursivo y manual de marca
Comprensión del medio:
q Definición de la audiencia meta: q Utilización de métricas de performance previas q Segmentación en función de clicks q Utilización de encuestas q A/B testing
Estrategias e-marketing: contenido y diseño responsive
Comprensión de la audiencia:
q Mayor información nos permite: q Generar segmentaciones más adecuadas q Utilizar tags dinámicos q Personalizar el contenido q Alinear el contenido con intereses q Predicción q Mejorar notablemente la performance
Estrategias e-marketing: contenido y diseño responsive
Contenido estratégico para engagement:
q Primeros pasos q Definir un Subject alineado con la comunicación q Otorga dirección, propósito e indica la acción requerida q Utilizar tags dinámicos q Utilizar el Pre Header q Generalmente es pasado por alto q Favorece la tasa de apertura q Implicancias a nivel mobile
q Diseño claro
q Simplicidad
q 60/40
q Estructura
q Diagramar la ruta de usabilidad
q CTA definidos y concisos
q Integración con RRSS
Estrategias e-marketing: contenido y diseño responsive
Contenido estratégico para engagement:
Estrategias e-marketing: contenido y diseño responsive
Ejemplos
Los mails compuestos exclusivamente por imágenes pueden ser considerados como SPAM
La falta de llamadas a la acción representan una oportunidad de engagement perdida.
Si el texto está embebido en la imagen, y el suscriptor tiene deshabilitadas las imágenes por default, se perderá la totalidad del mensaje.
Estrategias e-marketing: contenido y diseño responsive
Utilizar imágenes y texto en el cuerpo del mail es una buena práctica contra el SPAM.
Un diseño en html permite que el texto se visualice independientemente de las imágenes.
Los isologotipos consistentes contribuyen a la construcción de marca.
Las llamadas a la acción y links permiten una experiencia interactiva.
Estrategias e-marketing: contenido y diseño responsive
Las imágenes bloqueadas quitan profesionalismo a la comunicación
Sin Alt Text, los lectores no podrán saber cuál es el contenido de las imágenes que no se ven.
Los colores de link y fuentes con poco contraste respecto al fondo, dificultan la lectura de la pieza.
El exceso de contenido atenta contra la difusión de un mensaje claro.
Estrategias e-marketing: contenido y diseño responsive
La utilización de URLs seguras y el testeo de campañas asegura la visibilidad de las imágenes
Incluir Alt Text, para describir las imágenes ayuda a que los lectores las descarguen cuando las mismas no se ven en el correo.
Subtítulos y frases cortas: ideales para resaltar contenidos clave.
Determinar los colores de fuentes y URLs en base al color de fondo facilita la lectura
Estrategias e-marketing: contenido y diseño responsive
Contenido estratégico para engagement: q Personalización y uso de variables dinámicas
q Contenido dinámico ajustado por variables
q Interacción mediante banners
q Uso de técnicas interactivas como videos, cinemagraphs, gif
animados.
q A/B testing: subject y contenido
E-mails transaccionales
Estrategias e-marketing: contenido y diseño responsive
q Incluir recomendaciones de productos
q Incluye ofertas relevantes - noticias oportunas
q Email Opt-in (muy importante)
q Incluye un enlace a una página de destino
Estrategias e-marketing: contenido y diseño responsive
q Mayor tasa de apertura
q Excelente CTR y CTO
q Diseño fluido que redirige
tráfico
q Oportunidad para la
medición post click
Estrategias e-marketing: contenido y diseño responsive
Diseño responsive: Enfoques
q No ajustan los anchos de
tablas o imágenes entre
dispositivos, y no utilizan
consultas de medios CSS
q Diseño escalable se puede definir como cualquier diseño que
funciona bien a través de escritorio y móviles sin utilizar código para
ajustar la tabla o imagen Tamaños, o mostrar u ocultar el contenido
entre las dos plataformas.
Estrategias e-marketing: contenido y diseño responsive
Diseño responsive: Enfoques
q Funcionan mejor para los
diseños de texto ya que hay
menos control sobre las
imágenes
q Correos electrónicos Fluidos utilizan dimensionamiento basado en
porcentaje para que el ancho de las tablas y las imágenes se adaptan
al tamaño de la pantalla en que se vieron.
q No alteran deliberadamente el diseño o el contenido de un correo
electrónico, pero tienen la ventaja de tener el contenido de "flujo" para
llenar el espacio en la pantalla.
Estrategias e-marketing: contenido y diseño responsive
Diseño responsive: Enfoques
q Correo electrónico Reponsive añade más control a través de
consultas de medios CSS.
q Utiliza media queries para cambiar el diseño de los mensajes de correo
electrónico, ajustar el tamaño del texto, imágenes y botones, y, en
algunos casos, ocultar o incluso intercambiar contenido entre
dispositivos de escritorio y móviles.
Estrategias e-marketing: contenido y diseño responsive
q LATAM tendrá 155.9
millones de smartphones
users in 2015, un
crecimiento del 22.2% year-
over-year
q Se proyecta que alcanzará la
cifra de 245.6 million en el
2019.
q 75.1% de los usuarios
navegan RRSS mediante
celulares vs 79,1% a nivel
mundial
q Tamaño de letra mínimo de 16px - Apple recomienda 17-22px,
Google recomienda 18-22px.
q Hemos encontrado 16px Georgia resulta agradable y fácil de leer
q Llamada a la acción, como los botones, deberíamos tener al
menos 46px al cuadrado Apple recomienda 44px al cuadrado,
Google recomienda 48px
q Evite agrupar varios enlaces juntos en su copia. Hace enlaces
individuales de muy difícil acceso
Estrategias e-marketing: contenido y diseño responsive
Sugerencias:
Nuevas Tendencias
Emails muy Graficos O con mucho texto
Estrategias e-marketing: contenido y diseño responsive
Gmail Clipea el mensje si el HTML es superior a 102 kb
IOS si es superior a 20 kb
Estrategias e-marketing: contenido y diseño responsive
Tip para mensajes con mucho texto:
q Jerarquia
Estrategias e-marketing: contenido y diseño responsive
5 Consideraciones finales para Mobile
q 1 – Pantallas pequeñas
q 2 Pantalla Tactil
q 3- Soporte HTML es mucho mejor
q 4-Performance y ancho de banda
q 5- Contexto: Estan en movimiento?
Estrategias e-marketing: contenido y diseño responsive
5 Consejos Practicos
q Mas alla de la codificacion, la herramienta utilizada,
5 tips practicos y sencillos que van a mejorar la
performance de tus campañas en moviles.
Estrategias e-marketing: contenido y diseño responsive
1 – Contenido Conciso
q Ir al grano con el contenido
q Poco Espacio
q Poco Tiempo
q Solo lo relevante
Estrategias e-marketing: contenido y diseño responsive
2 – Una Sola Columna q Crear el contenido en una sola
columna
q Va a ser mas sencillo de leer.
q Se va a adaptar mejor a cualquier tipo
de navegador.
q Mas dificil que haya problemas en el
rendering
Estrategias e-marketing: contenido y diseño responsive
3- Diseña pensando en Touch
q Botones mas
Grandes
q Minimo 44 pix
q El espaciado es
importante
q 22 a 44 pix
Estrategias e-marketing: contenido y diseño responsive
4- Iphone ( y otras plataformas ) cortan los titulos
q 35 Caracteres
q Lo importante
primero!
Estrategias e-marketing: contenido y diseño responsive
5 – Alto Contraste
q Baterias Bajas
q Pantallas al Sol
q Bajo Brillo
q Texto fuerte sobre fondo
claro que contraste
mejora la experiencia
Estrategias e-marketing: contenido y diseño responsive