Cómo diseñar un correo electrónico que la gente realmente leerá en sus teléfonos
El marketing por correo electrónico es una de las formas más populares para llegar a una audiencia. Espera, eso probablemente no sea información nueva. ¿Pero sabías cuál será la mayoría de esas vistas en un dispositivo móvil? Entonces, si no está diseñando sus correos electrónicos para teléfonos, este es el día para comenzar.
Diseñar un correo electrónico móvil requiere planificación y reflexión. Muchos clientes de software de correo electrónico de terceros incluyen plantillas receptivas en sus paquetes, pero no todas las herramientas convertirán automáticamente su mensaje al diseño de la idea. Debe pensar cómo se verá su correo electrónico y asegurarse de que el mensaje esté enfocado. Incluso podría ser el lugar perfecto para comenzar con una estrategia de diseño móvil primero.
Pegarse a una columna
Puede ser la decisión de diseño más simple que haya tomado: cuando se trata de correo electrónico móvil, manténgase en un formato de una columna. Esta decisión por sí sola hará que cada consideración en el futuro sea más fácil de manejar. También resuelve una variedad de problemas de pantalla pequeña.
El formato de una columna es fácil para usuarios con poco tiempo, crea organización y flujo. También es el estándar de diseño para todo en una pantalla pequeña. (Piense en cada aplicación o juego que abra. Cuentan con todo en un solo diseño orientado verticalmente).
El formato de una columna puede obligarlo a modificar algunas de sus piezas de diseño estándar. Los correos electrónicos móviles necesitarán un encabezado y navegación simplificados. Los elementos de diseño deben ser bastante pequeños para que el inicio del mensaje de correo electrónico sea visible en la primera pantalla.
Haz el tipo más grande
Uno de los mayores problemas cuando se trata de correo electrónico móvil es la legibilidad. Los correos electrónicos no deberían ser difíciles de leer. La solución es hacer que el tipo sea un poco más grande.
El estándar para el tipo de correo electrónico móvil es entre 14 y 16 puntos para el tipo de cuerpo principal y 22 a 24 puntos para los titulares. Y no olvide desactivar la separación silábica, que puede ser una distracción para leer pequeños bloques de texto. Este estándar se está volviendo tan común que el iOS de Apple tiene un tamaño de fuente mínimo de 13 puntos y ajustará automáticamente cualquier cosa menos que eso.
Esto puede sentirse incómodo al principio. Es probable que el tipo se vea enorme a medida que trabaja en el diseño, pero se volverá más cómodo y los usuarios lo agradecerán con más aperturas y mayores tiempos de interacción.
Dile a los usuarios que hagan algo
Un correo electrónico móvil necesita un llamado a la acción obvio. ¿Por qué envías el correo electrónico? ¿Existe un espacio diseñado para que los usuarios completen esta acción?
La segunda pregunta es clave para los diseñadores. No hay tantas maneras de crear señales secundarias en los correos electrónicos móviles, como los estados de desplazamiento que incluyen sugerencias sobre herramientas, por lo que cada elemento debe diseñarse de manera que la acción del usuario sea obvia. Esto puede incluir todo, desde la apariencia de los botones hasta el texto ("Comprar ahora", "Haga clic aquí", Más información) que aparece en el diseño.
Piensa en las imágenes con cuidado
Hay un segmento significativo de usuarios que en realidad no verán imágenes de un boletín de correo electrónico móvil. Los dispositivos iOS de Apple son el único segmento donde las imágenes se representan automáticamente en correos electrónicos. Por lo tanto, incluir imágenes debería ser una decisión consciente.
Antes de optar por no recibir imágenes por completo, investigue un poco. Estudie sus análisis para ver desde qué tipos de dispositivos los usuarios están viendo su mensaje. Las imágenes son una herramienta importante y no deben pasarse por alto debido a las especificaciones del dispositivo.
Cuando utilice imágenes en proyectos de diseño de correo electrónico móvil, tenga en cuenta lo siguiente:
- Talla. La imagen debe poder verse sin desplazarse.
- Composición. El contenido de la imagen debe ser comprensible en un tamaño pequeño.
- HTML No caigas en la trampa de convertir texto o botones en imágenes. Los elementos de texto y de interfaz de usuario deben ser HTML y cada imagen debe tener texto HTML compatible.
- Mensaje. Recuerde que su mensaje debe ser comprensible incluso si un usuario no ve la imagen.
- No te vayas por la borda. Si planea usar imágenes, quédese con una. Los usuarios se sentirán frustrados si parece que falta gran parte del mensaje.
Divida la pantalla en su marco de diseño
En términos de diseño de correo electrónico móvil, la simplicidad es el rey. Todo, desde el lenguaje hasta el diseño, debe ser simple y fácil de entender. El mensaje y los llamados a la acción deberían ser obvios.
Cuando piense en el diseño móvil, imagine que la pantalla pequeña tiene tres partes: encabezado y marca, mensaje de introducción y acción. Idealmente, cada uno de estos debe tener un lugar en la primera pantalla del diseño del correo electrónico. (Aunque no siempre).
Considere dispositivos y escala
Lo más difícil de tener en cuenta cuando se trata de diseño móvil es todos los tamaños de pantalla posibles en los que se representará un correo electrónico. La realidad es esta: es imposible de hacer.
Pero puedes pensar en puntos en común. Apple iOS escalará automáticamente los correos electrónicos móviles para adaptarse al ancho de la pantalla, por lo que es una cosa menos en la que pensar si está planeando un tamaño de pantalla pequeño. (Otros sistemas operativos aún no lo están haciendo).
El ancho más estándar para el diseño móvil es de 640 píxeles de ancho. Las alturas tienden a variar un poco más. Puede encontrar una lista de dispositivos y tamaños en los Consejos técnicos de Ken.
Considere el tacto y la ergonomía
Los elementos en los que se debe hacer clic o pulsar en el correo electrónico móvil deben tener un diseño obvio. Esto a menudo incluye el diseño de estos elementos con un color más audaz y en tamaños más grandes de lo que estás acostumbrado.
Como regla general, cada elemento diseñado para la acción del usuario debe ser lo suficientemente grande como para tocarlo fácilmente con un dedo y distinguirse claramente de los objetos cercanos con mucho espacio. Los elementos también deben ser fáciles de tocar, teniendo en cuenta a los usuarios que solo usan una mano para sostener y tocar objetos en la pantalla.
- El estándar en el tamaño "amigable para el pulgar" es de al menos 46 píxeles cuadrados.
- Opte por llamadas a la acción de ancho completo, para que los usuarios diestros o zurdos puedan tocarlas con facilidad.
Deje suficiente espacio abierto alrededor de los elementos en los que se puede hacer clic. Cuando use enlaces en el texto en los que se debe hacer clic, agregue más palabras al enlace para que tocar el enlace sea más fácil y limitar el número de enlaces en línea. Múltiples enlaces juntos aumentan la posibilidad de que un usuario toque el incorrecto. Utilice elementos de diseño como el color y la negrita para todos los enlaces para que los usuarios tengan una señal visual obvia de que el texto hace algo.
Bono: 5 cosas para evitar
Ahora que tiene una idea de qué hacer con una campaña de correo electrónico móvil, debe recordar evitar algunas cosas. Estos errores comunes son las cosas que pueden destruir un correo electrónico móvil de otro modo excelente.
- Olvidando agregar navegación. Incluya navegación súper simple que puede llevar a los usuarios de regreso a su sitio web, pero recuerde optimizarlo para dispositivos móviles. La barra de navegación de su sitio web probablemente tenga una escala incorrecta para un dispositivo móvil.
- Crear una paleta de colores "sutil". Los usuarios ajustan mucho el contraste y el color en sus dispositivos móviles. Evite las paletas de colores con tonos suaves o colores sin mucho contraste. Tiene que ser legible.
- El tipo pequeño en un dispositivo pequeño es asesino. La gente se desplazará. Haga el tipo lo suficientemente grande como para leer con facilidad.
- Botones que están pequeños u ocultos por los íconos de la interfaz de usuario estándar. Piense en el iPhone, por ejemplo, donde el intento aparece desde la parte inferior de la pantalla. Si coloca botones o elementos en esta ubicación, se ocultarán cuando los usuarios intenten interactuar con ellos.
- El desorden es un desastre móvil. Determine un solo mensaje para dispositivos móviles y manténgalo. Los usuarios no tienen el tiempo ni la atención necesarios para filtrar mucha información de un correo electrónico en sus teléfonos.
Conclusión
El diseño de correo electrónico móvil puede probar algunas de las cosas que piensa sobre el diseño para la web. Es un aspecto único con distintas consideraciones. Muchas de las cosas que debe considerar son diferentes a las de otros proyectos.
Mi recomendación es esta: todos sus boletines de correo electrónico o correspondencia deben optimizarse para dispositivos móviles. Cree cada mensaje utilizando los consejos anteriores y luego piense en cualquier cambio más pequeño que pueda hacer para formatos más grandes. Esto funciona porque creará un mensaje único y unificado en todas las plataformas con una idea enfocada. Comprenderá lo que desea lograr con el correo electrónico antes de avanzar demasiado y tomar decisiones importantes sobre el contenido al principio del proceso y no sentirá que se ve obligado a eliminar el contenido para los usuarios móviles.
