We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
¿Cómo podemos ayudarlo?
Busca en nuestros artículos de ayuda, tutoriales de video y guías de inicio rápido

Podrás con esto. Podrás con nosotros. Encuentra rápidamente en nuestra Base de conocimientos las respuestas a tus preguntas sobre marketing por correo electrónico.

Haga que sus imágenes se destaquen

Article: 000021987
Updated: 22 de febrero de 2022

Los correos electrónicos deben tener imágenes que ayuden a enfocar su objetivo, no distraer la atención

¿Cómo puede saber si una imagen está perdiendo su impacto? ¡Solo cuente las imágenes en su mensaje! Los correos electrónicos con más de tres imágenes, sin incluir su logotipo o íconos de redes sociales, producen proporciones de clics mucho más bajas. Pero, ¿qué puede hacer con aquellas imágenes una vez que ha reducido su selección? ¿Dónde puede colocarlas? Eche un vistazo a las siguientes ideas.

 
Ícono de megáfonoSea un mejor vendedor: ¿Quiere saber más sobre la optimización de las imágenes en su correo electrónico? Consulte Cómo utilizar imágenes impactantes en su marketing por correo electrónico.
 

Planificación de su diseño

Sabrá cuando su imagen esté en el lugar correcto porque se verá equilibrada. Escalonar sus imágenes o colocar una sola imagen en la parte frontal y central puede alterar drásticamente cómo se ve un correo electrónico. Recuerde, el espacio en blanco es su amigo. Utilícelo para guiar la vista de un elemento al siguiente.

Ejemplo de diseño de canal.
 
Canal
Use imágenes como un margen colocando dos de ellas en lados opuestos de la página. A pesar de ser coloridas y vistosas, estas imágenes no son el foco. En lugar de eso, todo ese espacio blanco vacío en la mitad de la página atrae la vista. Obtener más información.
 
Ejemplo de diseño en zig-zag.
 
Zig-Zag
Alternando la posición del tema de las fotos y los espacios en blanco, puede crear una rotación izquierda, derecha, izquierda. Todo lo que queda por hacer es rellenar con texto los espacios en blanco. Obtener más información.
 
Ejemplo de diseño de pirámide invertida.
 
Pirámide invertida
Piense en su página como un triángulo invertido. Utilice una imagen de ancho completo en la parte superior de la página, la parte más ancha de la pirámide. A medida que se desplaza hacia abajo, más allá del título y otro texto, está siendo canalizado directamente a la punta del triángulo: la llamada a la acción. Obtener más información.
 
sugerencia de diseñoSugerencia de diseño: construya su correo electrónico para centrarse en torno a una llamada a la acción única. De esa manera no hay ninguna vacilación, ninguna confusión. Solo un clic.
 

Agregar lustre a sus fotos

Una vez que haya decidido el lugar que debe ocupar una imagen en su correo electrónico, es el momento de mejorarla. ¿El asunto está fuera de foco? Hágalo más nítido. ¿No es el color correcto? Ajuste la configuración o añada un filtro. Con varias herramientas de edición a su disposición, una mejor imagen está solo a un clic de distancia.

Ajuste
Ajuste
 
Filtros
Filtros
Foco
Foco
 
Superposición de texto
Texto 
 
sugerencia de diseñoSugerencia de diseño : hacer una vista previa de la versión móvil asegura que se verá genial, sin importar en qué tipo de computadora o dispositivo se está viendo.
 

Fraccionar con texto

Lo ha escuchado antes, "una imagen vale más que mil palabras". O en este caso, una imagen vale alrededor de cincuenta. Ajustar texto alrededor de sus imágenes maximiza su impacto visual. Sus fotos y texto deben estar en armonía, no acercarse demasiado de una manera o de otra. Los mensajes de correo con gran cantidad de imágenes a veces pueden activar los filtros de correo no deseado.

Ejemplo de un mensaje de correo con demasiadas imágenes.

Demasiadas imágenes
El cabello y el maquillaje son un tema de alta visibilidad. Así que, por supuesto, usted va a querer presentar las últimas modas. Utilizar tantas imágenes, sin embargo, reduce significativamente las posibilidades de que alguien llegue al llamado a la acción al final de la página.
 
 
Un ejemplo de mensaje de correo con demasiado texto.

Demasiado texto
Puede invertir un montón de tiempo y esfuerzo en preparar su texto para que la gente lo lea. Sin embargo, el problema con un correo electrónico como este es que hay demasiadas cosas. Nadie tiene tiempo para leer todo.
 
 
Un ejemplo de correo electrónico con la proporción perfecta de texto a imágenes.

Justo lo necesario
Nada distrae de la finalidad de este mensaje de correo. Un lector puede interesarse en el contenido que está allí, no pasar demasiado tiempo en él y luego completar haciendo clic en la llamada a la acción. Y debido a que el botón está directamente en la parte superior, los lectores pueden optar por ignorar el contenido y simplemente presionar el botón.
 
sugerencia de diseñoSugerencia de diseño: cincuenta palabras para una imagen no es una regla rígida. A veces, todo lo que una imagen necesita es una frase de contexto. Obtener más información.
 

Utilizar fondos para crear contraste

La mayoría de los fondos de mensajes de correo son de color blanco. Un color blanco plano, desafinado y aburrido. ¡Así que vamos a inyectar un poco de vida en esas plantillas! Agregar una capa de fondo crea la ilusión de profundidad, como si varias páginas estuvieran descansando una sobre la otra. Utilícelo para llamar la atención sobre un bloque de acción específico, diferenciándolo del resto del correo electrónico.

Correo electrónico con color de fondo.Correo electrónico con color de fondo.Correo electrónico con color de fondo.
 
sugerencia de diseñoSugerencia de diseño: hacer que su color de fondo coincida con su imagen de marca ayuda a que el énfasis parezca natural. O, en caso de duda, simplemente utilice gris. 
 

Diseño con un propósito

La forma sigue a la funcionalidad. El espacio es limitado, así que cada aspecto de su mensaje de correo debe tener una función ¿Ese logotipo se muestra en forma prominente para reconocimiento instantáneo? ¿Sus colores de fondo coinciden con su imagen de marca? ¿Los botones se utilizan para resaltar una llamada a la acción? Si piensa que una pieza no está cumpliendo una función, elimínela. Cada adición debe aportar algo nuevo y útil.
 
Ejemplo de un mensaje de correo que está por todas partes.

¿Cuál es la finalidad de este mensaje de correo?
Hay varias cosas sucediendo aquí. Un montón de elementos están compitiendo por llamar la atención. Las imágenes tienen diferentes alineaciones, tamaños y colores de fondo. Y si parece confuso ahora, solo va a empeorar en el móvil. Así que veamos si podemos limpiarlo.
                       
Ejemplo de un mensaje de correo con foco.

¿Cuál es la finalidad ahora?
Este es un mensaje de segmentación con un clic. Mike's Lanscaping desea separar los contactos de acuerdo al servicio que elijan. Al hacer que ese sea el foco del correo electrónico, los lectores simplemente pueden explorar rápidamente las imágenes y asociarlas con el contenido correcto antes de hacer clic.
 
sugerencia de diseñoSugerencia de diseño : haga su logotipo e imágenes interactivos para exploración y descubrimiento adicional.


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Todos los derechos reservados · Constant Contact · Privacy Policy