Transcripciones
1. Introducción: Mi nombre es Fabio Carneiro. Yo soy el desarrollador de email líder para MailChimp. Creo que hasta este punto de mi carrera, tengo código de mano- creo que son poco más de 1100 correos electrónicos. Probablemente sean demasiados, eso es mucho. hoy, vamos a estar hablando de cómo diseñar un correo electrónico más efectivo. El diseño es importante y no es solo pelusa. Las investigaciones han demostrado que la gente borra correos feos. Por lo que vale la pena hacer el esfuerzo para que se vean bien. Recuerda que estás tratando de construir una impresión y crear confianza y hacer algo que la gente querrá leer y querer volver contigo con el tiempo. Independientemente de si eres un comercializador, o un redactor, un desarrollador, un diseñador, o si diriges tu propio negocio,
esto te será de ayuda solo porque te dará
una buena visión general a nivel básico de qué correo electrónico diseño es. las dificultades inherentes a ella. ¿ Cómo lo haces bien? Y especie de lo que entra en eso. Entonces, al final de esta clase conocerás la diferencia entre el correo electrónico y el diseño web, podrás determinar el diseño y asumir el propósito del correo electrónico y entenderás algunos de los principios del diseño de email responsive. Si apenas estás empezando con el correo electrónico, recomendaría echar un vistazo a la primera clase de MailChimp en SkillShare, empezando con el email marketing.
2. Tu proyecto: El proyecto en esta clase es compartir en correo electrónico qué diseño te hizo tomar una acción, o te hizo sentir algo. Entonces, te recomiendo compartir una imagen de un correo electrónico, algo que te pareció efectivo, y luego escribir una breve descripción de por qué crees que es un correo electrónico bueno y efectivo. Sólo debe tomar un par de minutos. Simplemente usa tu propia bandeja de entrada. Todos recibimos toneladas y toneladas de correo electrónico todos los días. Entonces, debería ser bastante sencillo entrar y encontrar uno que sea bastante efectivo y que creas que funciona bien. Cuando estés buscando un ejemplo de un buen correo electrónico, hazte algunas preguntas al respecto. ¿ Tiene el correo electrónico un propósito específico? ¿ Es su contenido apropiado para tal fin? ¿ Es amigable para el móvil o sensible? Todas estas cosas son bloques de construcción a lo que hace que un correo se vea bien. Entonces, al construir esta galería de correos electrónicos, básicamente
estás creando una página de inspiración. Se puede ver lo que otras personas sienten
que funciona bien, se obtienen ideas para sus propios diseños de correo electrónico, y simplemente se puede obtener una mejor vista de lo que funciona bien, a
qué responde la gente, a
qué responde la gente,
y luego implementar esas cosas en su propio trabajo. Si estás diseñando tus propios correos electrónicos, puedes compartirlos y pedir comentarios a otros alumnos. Esencialmente, lo que estás haciendo en un gran post es enseñar a los demás. Eso es lo mejor que puedes hacer, es ayudar a otras personas a estar mejor.
3. Descripción general: Entonces una de las primeras grandes preguntas a responder es,
¿cuál es la diferencia entre el diseño del correo electrónico y el diseño web? Y en realidad es un gigantesco golfo de diferencia. Un diseño web es diferente y hay una especie de enfoque de construcción para todos. Los sitios web tienden a ser bastante generales en el enfoque porque hay toda
una audiencia por ahí que puede venir a ti y no siempre sabes quiénes son. Pero el correo electrónico es en realidad lo contrario. El correo electrónico es muy íntimo y muy enfocado y te permite pegar a tu audiencia bastante cerca y porque conoces a tu público en realidad
puedes hacer que tu contenido sea mucho más relevante y efectivo. Desde un punto de vista técnico, diseño del
correo electrónico es diferente al diseño web porque no está respaldado por los estándares actuales establecidos por el W3C y porque tienes que apoyar a clientes mayores eso significa que
vas a ser construir en tablas en lugar de divs y realmente usando técnicas más antiguas que fueron más populares a finales de la década de 2000 de lo que son hoy. A pesar de la diferencia entre diseño web y correo electrónico, existen principios que traducen. Es sólo cuestión de si se traducen o no completamente, algo podría necesitar un poco de ajuste. hecho de que el diseño del correo electrónico sea diferente y tal vez un poco más viejo, no
significa que debas tirar por la ventana cada buen principio de diseño que conozcas. El correo electrónico sigue siendo parte
del ecosistema web más grande y eso significa que las cosas que haces para que un sitio web sea bueno, en realidad
pueden traducir y hacer que un correo electrónico sea bueno también. Es importante recordar que cuando estás enviando un correo electrónico, no solo
estás enviando un sitio web, podría
parecer que es un solo sitio web de servicio pero correos electrónicos es propio canal con consideraciones propias para lo que hace un buen diseño y bueno contenido. Entonces si no eres desarrollador, ¿necesitas conocer todos estos pequeños detalles sobre el diseño del email? Yo diría que en realidad deberías y eso es realmente sólo que cuando inevitablemente tengas que hablar con un desarrollador, sepas lo que estás pidiendo y puedas comunicarte manera efectiva sin tener que empujar a nadie por la pared. En el mundo del correo electrónico, audiencia significa todo y un correo electrónico efectivo generalmente está orientado hacia un público específico. La mejor manera de determinar tu audiencia es usar formularios de inscripción. En un formulario de inscripción, en realidad podrías segmentar por intereses específicos. Haz preguntas a la gente como, ¿
eres desarrollador? ¿ Eres diseñador? ¿ Eres investigadora? Y al hacer preguntas simples comienzas a construir una imagen de quién
es tu público y entonces realmente eres capaz de tomar esos datos y crear un correo electrónico más relevante. Si encuentras que tu público será en su mayoría desarrolladores por ejemplo, en realidad
podrías hacer que tu contenido sea mucho más técnico. En general probablemente podrías hacer tu diseño mucho más simple también, que sea la información textual la que
destaca para los diseñadores por otro lado podría apreciar algo que se ve un poco más bonito y para el contenido para ser tal vez menos técnico y más subjetivo. Un correo electrónico siempre debe diseñarse con un propósito en mente porque todo lo demás se desprende de ese propósito, el contenido que escribes, cómo lo diseñas, a
quién se lo envías, si estás intentando vender un producto, no necesariamente querrías perder mucho tiempo contando una larga historia dibujada. La gente quiere ver tu producto. Ellos quieren poder comprarlo. Si por otro lado estás enviando un boletín puedes estar bastante seguro de que la gente quiere leer una historia. Entonces, poder encontrar a tu público y diseño del propósito, significa que puedes hacer un correo electrónico más relevante de lo que cualquier sitio web podría esperar ser. Otro aspecto importante para el diseño del correo electrónico es el diseño responsive. Eso se debe a que más de la mitad de todos los correos electrónicos están abiertos en dispositivos móviles. Ahora bien, ¿qué es el diseño responsive? Es esencialmente la idea de que independientemente del dispositivo o tamaño de
pantalla en el que se vea tu correo electrónico o incluso el sitio web, presentará información de una manera que aún es clara y concisa y tiene sentido para ese medio. Si sí quieres meterte en el código tú mismo, hay muchas consideraciones para el diseño responsive para el correo electrónico. Tienes que lidiar con diferentes clientes y cómo tratan el código y realmente es solo mucha información para ese fin, realidad
podrías referirte a templates.mailchimp.com. Es una guía que he escrito que responde a lo grande, lo que necesitas saber preguntas para el desarrollo de correo electrónico receptivo. Entonces, ¿cómo se traduce todo esto a la estrategia empresarial. Bueno, se reduce a la experiencia del usuario y conocer a su público. En primer lugar, ser humano. Recuerda que el correo electrónico es una línea abierta de comunicación. Es algo que nada más coincide. Las redes sociales no lo hacen. Los sitios web no lo hacen. Tienes acceso directo a una persona, correo electrónico es una conversación. El diseño es importante y no es solo pelusa. investigaciones han demostrado que la gente borra correos feos lo que vale la pena hacer el esfuerzo para que se vean bien. Recuerda que estás tratando de construir una impresión y crear confianza y hacer algo que la gente querrá leer y querer volver contigo con el tiempo. En su núcleo, el buen diseño y el correo electrónico se trata de propósito. Estás guiando a un receptor a una acción que quieres lleve y así tus diseños deben orientarse hacia eso. Tu contenido y tus visuales trabajarán juntos en tándem pero es el diseño lo que primero llama la atención de alguien.
4. Principios del diseño efectivo: Ahora, vamos a sumergirnos en algunos de los principios del diseño efectivo del correo electrónico. Una de las cosas más importantes en el diseño del correo electrónico es el texto. Independientemente de donde una persona vea en el correo electrónico, los textos es lo único que se renderiza de manera consistente. No importa en qué cliente de correo electrónico y correos electrónicos vistos, en qué plataforma se ve, los textos es lo único que siempre se mostrará. Entonces, es bueno prestar atención a cómo tratas los textos porque si todo lo demás falla, eso es lo que es tu correo electrónico. Idealmente, su mensaje de correo electrónico se encuentre sin imágenes, así que piense en su correo electrónico en su conjunto y traduzca eso en el texto, haga que el mensaje sea fácil de digerir, preste atención a la tipografía y haga que su contenido sea fácil de leer. En algo así como un correo electrónico de forma larga, topografía
agradable es realmente importante porque estás pidiendo a la gente que dedique mucho tiempo, el 're leyendo tu contenido. Es importante prestar atención al tamaño de tu tipo, a las alturas de línea, e incluso al color del texto porque todo eso va a hacer que
un correo electrónico sea cómodo de leer especialmente en pantallas más pequeñas. No todas las fuentes se comparten entre sistemas, Helvetica está presente en muchas máquinas Apple. Pero en Windows, en realidad es Ariel el que se usa en su lugar. Entonces, es una buena práctica construir una pila de fuentes donde especificas algo como Helvetica y Arial y luego para el sans-serif para que tus textos siempre muestren la forma en que pretendes. Es importante atenerse a las que estén bien soportadas en múltiples plataformas. Tipografías como Helvetica y Arial y Georgia y Times New Roman te darán una cobertura muy amplia en todos los sistemas y actuarán como un seguro a prueba de fallas en caso de que estés usando algún conjunto de fuentes más fantásticos pueda no estar presente en algunas máquinas. Otra opción es utilizar fuentes web. Ahora estas son tipografías que puedes servir a través la web que no necesariamente están presentes en muchas máquinas de usuario. Si utilizas fuentes web, es importante proporcionar un respaldo a fuentes seguras del sistema para que tu texto
renderice cómo pretendes independientemente de si el usuario tiene acceso
o no a una fuente web específica. Una gran manera de aprender sobre dónde funcionan las fuentes web es haciendo referencia a matriz de campañas de
estilo en el soporte de fuentes web en el correo electrónico. Te han hecho mucho el trabajo preliminar, así que sabes dónde está el trabajo y dónde no, he incluido el enlace en los recursos, por lo que puedes referirte más adelante. Cuando hablo de tener una fuente de reserva, me refiero a especificarla en el CSS, escribes en tu correo electrónico. Entonces, si estás usando una fuente web diga como Open Sans de Google Fonts, realidad
puedes volver a Helvetica y luego Arial y luego sans-serif en tu pila de fuentes y en el caso de una de esas fuentes no está presente en el sistema, tu correo electrónico volverá a caer al siguiente que está disponible y así tus mensajes de correo electrónico mostrarán cómo intentas. Es importante comprobar qué opciones tienes disponibles para fuentes independientemente del proveedor de servicios de correo electrónico. En MailChimp hacemos el trabajo por ti proporcionando una pila de fuentes automáticamente dependiente de la fuente que selecciones como tu principal. Otra forma de manejar los textos en tus correos electrónicos es mediante el uso de texto
basado en imágenes lo cual es una gran opción si tienes que permanecer en la marca. Sí tiene algunas caídas sin embargo. Por lo tanto, si tienes que usar texto basado en imágenes, asegúrate de proporcionar un respaldo de texto sin formato en caso de que la imagen nunca se cargue. Lo más importante es asegurarse siempre de que tu mensaje se encuentre y si una imagen no se carga y está llena de texto, el usuario no lo verá. En última instancia, tu mejor opción para el contenido textual en los correos electrónicos es el texto regular. Incluso si utilizas texto basado en imágenes, es importante proporcionar un respaldo. Otro uso de textos basados en imágenes y correos electrónicos viene en forma de llamadas a la acción como botones. Los botones basados en imágenes sufren los mismos inconveniente que el texto basado en imágenes, lo que significa que si la imagen nunca se carga, un usuario nunca verá tu llamada a la acción, por lo que es bueno codificar botones usando HTML y CSS. Si estás incluyendo un botón en tu correo electrónico, lo mejor es codificarlo usando HTML. Esto también se llama botón antibalas. Si estás buscando formas específicas de construir un botón, puedes referirte a plantillas en MailchImp.com y hay toda
una sección sobre llamadas a la acción y botones de escritura usando código. Ahora bien, toda esta charla de textos puede hacer que parezca que las imágenes no son importantes en el correo electrónico pero eso no es cierto, son muy importantes. Es sólo cuestión de encontrar un equilibrio entre texto e imágenes. Recuerda, las personas son visuales, por lo que las imágenes van mucho camino para hacer efectivo un correo electrónico. Si estás vendiendo un producto, es una gran idea tener una imagen de ese producto. Las imágenes también te proporcionan una gran manera de agregar movimiento a tu correo electrónico en forma de gif no “jif”. video es el nuevo chico en la cuadra y conseguir video es más fácil y más fácil en estos días, Si estás en el video de marketing es una opción muy emocionante pero sí viene con algunos inconveniente significativos. En primer lugar, están los enormes costos de datos que implica el video, de todos modos lo cortes, los
videos son de gran tamaño y así estás incurriendo en un costo de datos en el destinatario. Adicionalmente, los videos no son soportados en muchos clientes, una gran alternativa al video y al correo electrónico es gifs,. Se
renderizan en más lugares, generalmente tienen menor impacto en cuanto al tamaño de los datos, y proporcionan la misma cantidad de interés visual. Otra gran diferencia entre el diseño del correo electrónico y los diseñadores web. El diseño del correo electrónico no puede ser pixel perfecto, eso se debe a que hay toneladas de clientes de correo electrónico que considerar y todos actúan un poco diferente el uno del otro. Me gusta llamar al email design la ciencia exacta de la inexactitud. Como dijo Bruce Lee, “Sé agua mi amigo”. Eso significa que tienes que diseñar tus correos electrónicos para que haya un poco de dar y llevar de cliente a cliente, que tu diseño no sea perfecto de un cliente a otro, sino que funcione lo mejor posible de un cliente a otro. Independientemente de las diferencias de representación de cliente a cliente, tu correo electrónico seguirá conservando su fidelidad de diseño y aunque aún logrará su propósito independientemente de dónde se vea. Debido a las diferencias entre cómo el cliente de correo electrónico renderiza estilos y la gran cantidad de clientes de correo electrónico que existen, la exactitud del diseño simplemente no es un objetivo viable, es mejor diseñar con un poco de flexibilidad en mente, para que tu diseño mantenga su fidelidad independientemente de su cliente de correo electrónico en el que se pueda ver tu correo electrónico. No hay reglas duras y rápidas para crear interés visual en un correo electrónico. Bueno, podría funcionar bien para una marca y público en una versión, podría no ser eficaz en otra, pero hay reglas duras y rápidas sobre hacer que un correo electrónico sea fácil digerir, conciso, integral, bien escrito es muy importante y también optimiza tu diseño para que funcione de manera efectiva a través de múltiples clientes.
5. Cómprame: Entonces, ahora que hemos conseguido una buena visión general de lo que es el diseño del correo electrónico, vamos a sumergirnos un poco más y mirar atrás a esos cuatro tipos principales de correos electrónicos. Entonces, el primero es el correo de compra me,
que es un correo electrónico basado en comercio electrónico. Está enfocado en crear el incentivo para que un receptor gaste dinero. Si estás tratando de vender algo, estás enviando un correo electrónico de comprarme. El segundo tipo es el email léame. En cualquier momento estás tratando de contar una historia; boletines, anuncios de
empresas, ese tipo de cosas cae bajo léame correos electrónicos. Esos chicos están confiando en derechos de autor realmente buenos, lo cual es más fácil decirlo que hacerlo y buena tipografía solo para que la entrega de contenidos sea más suave y fácil para que el destinatario lo acepte. El tercer tipo es el email únete a mí. Estos son correos electrónicos centrados en eventos. Pueden ser anuncios de eventos, solicitudes de encuestas. Esencialmente, un correo electrónico que se construye alrededor de atraer al usuario a tomar una acción; ya sea para donar dinero o para venir a un evento. Entonces la cuarta es un poco atípica pero no es menos prevalente en todas nuestras bandejas de entrada y es el correo electrónico transaccional. Eso es básicamente cualquier correo electrónico que necesite entregar información enfocada de un punto a otro basado en transacciones. Entonces, recibos de pedidos, actualizaciones de envío, cosas por el estilo, anuncios de seguridad. El primero es el correo de compra me. El correo de compra me tiene un propósito específico de construir una invitación para que el usuario gaste dinero. Para ello, los correos electrónicos de comprarme son más efectivos cuando presentan imágenes claras y
hermosas del producto en simples llamadas a la acción con el fin de que el destinatario compre un producto rápidamente. Si eres una empresa de servicios, es posible
que no estés vendiendo un producto individual, pero es probable que sigas hablando de una característica que es de interés para un destinatario. Puede tratarlo mucho de la misma manera; proporcionar imágenes convincentes y explicar por qué esa característica particular de su servicio vale la pena el costo. El llamado a la acción en el correo de compra me es importante. Generalmente, debería ser algo así como comprar, o comprarme, o comprar ahora. Encontrar la redacción correcta sin embargo, es solo una de esas cosas que tendrás que probar y modificar con el tiempo. Algunas combinaciones de palabras pueden funcionar mejor que otras y eso se confirma a través de los datos y el tiempo. Dale a tus productos suficiente espacio donde brillen por su cuenta. El uso efectivo del espacio en blanco puede enfocar la atención de
un destinatario en un producto o productos en particular. Si estás vendiendo múltiples productos, colóquelos en una cuadrícula para que
se muestren uniformemente y la presentación sea simplemente más agradable en general. Cuando estés incluyendo una imagen de un producto, hazte algunas preguntas. ¿ Es mejor incluir una imagen alejada de un producto o es mejor
incluir una captura de primer plano que muestre más detalles y características de su producto? Estas son cosas que tienes que preguntarte cuando estás incluyendo imágenes en un correo de compra me. Uno de los mayores errores que veo en comprarme correos porque siguen siendo imagen pesada, es la falta de texto. Clientes de correo electrónico que no cargan imágenes cuando se abre el email, puedes terminar con un email que no tiene mucho sentido porque
no hay textos que respalden lo que está incluido visualmente en el correo. Cómprame los correos electrónicos también son muy dependientes de conocer a tu público. Asegúrate de que el correo electrónico que envías ese segmento específico de tu lista sea relevante para ellos. Si estás enviando un correo electrónico que publique ropa de hombre por ejemplar, piensa en cómo diseñarías un email diferente a uno que publicite ropa infantil. Si tu correo electrónico tiene múltiples productos, asegúrate de que todos estén al menos un poco relacionados entre sí. Rellena un correo electrónico lleno de, digamos, 30 o 40 productos, solo una especie de exageración. Es posible que no obtengas los resultados que quieres y la gente podría no comprar
nada en realidad sólo porque no hay enfoque, no hay claridad. En lugar de enviar un gigantesco correo electrónico multipropósito a tu lista, segmenta la lista y envía por interés. Asegúrese de que el correo electrónico sea relevante para los segmentos más pequeños de su lista. La jerarquía de un correo de comprarme es muy importante. Asegúrate de que las imágenes de tus productos estén hacia la parte superior del correo electrónico. Deja que la gente vea a esos primero. Después, respaldalo con algún contenido textual para que en caso de que esas imágenes no se carguen, gente aún tendrá algo a lo que referirse. Recuerda la idea de que las personas son visuales. Dejarles ver primero tu producto significa que estás captando su atención de inmediato. Por lo tanto, mantenga sus productos hacia la parte superior de su correo electrónico. Con todo eso en mente, veamos un ejemplo de un email de compra bien diseñado, como este de GoldCoast Skateboards. Si echas un vistazo, lo primero que ves es su logo, bonito y grande. Todo lo que hace es reforzar el hecho de que este correo viene de GoldCoast Skateboards. Es sólo una impresión de marca. Lo siguiente que ves es esta declaración de 40 por ciento de descuento en la parte superior del correo electrónico. Es importante porque quieren que la gente aproveche esta venta. Lo han hecho bien, lo han puesto arriba en la parte superior. A continuación le siguen algunas bonitas imágenes convincentes. Nada demasiado distraído, sólo algo sencillo que funciona bien con el diseño general del correo electrónico. Después de esa imagen, tienen su código de descuento y luego están respaldando todos esos textos
basados en imágenes con algún contenido textual real para que si las imágenes no se cargan, el usuario aún sabe para qué sirve el correo electrónico. Bajo ese texto, hay una bonita gran llamada a la acción y luego una imagen final de una selección de sus skateboards. cual actúa como una bonita etiqueta al final del correo electrónico; dice: “Mira lo que tenemos en oferta”. El diseño de este correo electrónico parece que se originó a partir de la plantilla de MailChimp. Parece sólo un simple correo electrónico de una sola columna que luego exportaron y modificaron para adaptarse a sus propias necesidades. Lo que hace tan efectivo a este correo electrónico es su enfoque. No está tratando de venderme un montón de productos diferentes, solo
es anunciar un 40 por ciento de descuento en venta y lo hace con sencillez de contenido, con algunas imágenes convincentes, y con algunas llamadas a la acción agradables, audaces y claras. Si estás buscando buenos ejemplos de comprarme correos electrónicos en tu propia bandeja de entrada, piensa en lo enfocados que están esos correos electrónicos. ¿ Están tratando de vender demasiados productos o están
bien enfocados en sólo una o una pequeña selección de productos relacionados? ¿ Las imágenes utilizadas son convincentes? ¿ Está claro? ¿ Es una buena toma de producto? ¿ Tienes problemas para decidir si están tratando de vender una chaqueta o jeans porque el tiro se toma desde demasiado lejos? Todas estas cosas son importantes. Cuando estés mirando estos correos electrónicos, piensa en cómo te hacen sentir y piensa si manejan o no para hacer clic en ese botón Comprar ahora. Si es así, entonces es un correo electrónico de comprarme bastante exitoso. De no ser así, mira y ve qué podrían haber hecho mejor y luego incorpora eso a tus propios diseños.
6. Acompáñame: Por lo que pasando a nuestro segundo tipo de correo principal, llegamos al correo electrónico “Únete a mí”. Estos correos electrónicos incluyeron anuncios de eventos y solicitudes de encuestas, y están diseñados para exhortar al destinatario a dedicar una medida de su tiempo, ya sea asistiendo a un evento o llenando una breve encuesta. cuanto al diseño, un correo electrónico de “Únete a mí” se basa más en la jerarquía de
contenido que en los visuales para llegar su punto a través. Un buen correo electrónico “Únete a mí” tiene todos los detalles del evento o encuesta hacia la parte superior, donde podría leerse claramente y entenderse de inmediato. Si tu correo electrónico “Únete a mí” es para un evento, debes tener la fecha y ubicación del evento hacia la parte superior, y nunca enterrar bajo otro contenido. Si se trata de una solicitud de encuesta, siempre resulta útil
un par de frases que describen el propósito de la encuesta, seguidas del llamado a la acción para completar la encuesta en sí. Nuestro ejemplo del bien diseñado correo electrónico “Únete a mí” viene de Brother Moto. Si lo miras, verás que es para una fiesta de lanzamiento y todos
los detalles pertinentes están ubicados hacia la parte superior del correo electrónico. El domicilio está en la parte superior, seguido de una breve descripción de lo que es el evento, en este caso, una fiesta de lanzamiento, seguida de la fecha y la dirección de dónde estará el evento. Debajo de esa información hay un último llamado a la acción, teniendo que ver con ganar esta motocicleta. Todos los detalles en torno a eso también están claramente dispuestos. Hay un bonito rumbo claro y luego breves descripciones a ambos lados de
la imagen de la motocicleta para que la gente sepa a qué está entrando para ganar, seguido de ese llamado a la acción en la parte inferior. Todos estos detalles en el diseño y en el contenido impulsan a las personas a asistir al evento. Si no necesariamente te interesa salir de la mano, entonces tal vez la oportunidad de ganar la motocicleta en realidad actúe como ese empujón para llevarte al evento. De cualquier manera, toda la información que necesitas está ahí en el correo electrónico y está claramente presentada. En los correos electrónicos de “Únete a mí”, es realmente importante equilibrar lo bonitos que se ven visualmente con eficacia con la que entregan información sobre el evento o encuesta. En este correo electrónico de Brother Moto, hacen un buen trabajo de crear emoción para esta fiesta mediante el uso de esta motocicleta saltando sobre autos, por ejemplo, y equilibrándola con la información importante sobre el evento en sí. Si tu correo electrónico de “Únete a mí” es para una encuesta, entonces el llamado a la acción es la parte más importante, porque no necesariamente estás pidiendo a la gente que se presente a un evento, solo
estás pidiendo a la gente que dedique una medida de su tiempo para llenar un encuesta. En esos casos, el llamado a la acción es la parte más importante, por lo que recomendaría usar un botón en lugar de un enlace complicado para enviar a la gente a una encuesta.
7. Leeme: A continuación se presenta nuestro tercer tipo de correo electrónico, el correo electrónico “Léame”. Estos correos electrónicos funcionan muy bien si estás tratando de contar una historia o difundir ideas. Lo único de los correos electrónicos de Read Me, es que realmente es el único tipo que puede romper la regla de brevedad, que más corto es mejor regla de oro para correo electrónico realmente se puede tirar por la ventana aquí. correos electrónicos de forma corta como de forma larga pueden funcionar. Simplemente depende del público y de lo que estén buscando. Cualquier empresa puede enviar el correo de Read Me. No siempre se trata de vender un producto, a veces solo quieres contar una historia y si tienes una historia convincente que contar, lo más probable es que tus suscriptores quieran escucharla. Los correos electrónicos de Read Me son perfectos para eso. Diseño sabio, los dos factores más grandes para el éxito en el correo electrónico Read Me, son tipografía bien pensada y escritura realmente fuerte. En lo que respecta al diseño, un correo electrónico de Read Me tiende a funcionar un poco mejor cuando se trata de una sola columna, aunque eso no significa que no se pueda usar un diseño de varias columnas. Basta con tener en cuenta que el diseño de múltiples columnas, funciona bien en impresión como periódicos y puede no traducirse tan bien a la pantalla. Recuerda, a los lectores les encanta la simplicidad. Por lo tanto, el diseño de una sola columna podría funcionar mejor para usted. El correo electrónico de restaction.com por ejemplo, califica un correo electrónico de forma corta porque se abrevia un contenido textual. Hay un párrafo de resumen y luego un enlace hacia fuera para que puedas leer el resto del artículo en este sitio. El boletín de MailChimps UX por otro lado, es un correo electrónico de forma larga, donde todo el contenido está en el propio correo electrónico. Esto puede hacer que un email sea muy largo y depende realmente de lo que quiera tu audiencia. Para el boletín UX, el público espera largos artículos ordenados sobre diferentes aspectos del diseño de la experiencia del usuario. Entonces, les damos eso en el correo electrónico sin hacerlos ir a un sitio para leer el resto. Tu frecuencia de envío también puede jugar un papel en cuánto tiempo o corto es tu correo electrónico. Si estás enviando más correos electrónicos, entonces tal vez mantenlos un poco más cortos, para que la gente pueda atravesarlos más rápidamente al ritmo que envías. Si estás enviando con menos frecuencia, entonces el correo de forma larga puede funcionar mejor para ti. El boletín de MailChimp UX por ejemplo, solo
se envía cada par de semanas, para
que la gente tenga tiempo de leer los artículos largos y digerir el contenido antes de que el siguiente llegue a su bandeja de entrada. Si tienes enlaces en tu correo electrónico de Read Me, es bueno acatar algunas mejores prácticas que rigen los enlaces en la web en su conjunto. Asegúrate de que tus enlaces sean de un color diferente al texto, pero no te detengas ahí. Asegúrate de que también sean visualmente distintos de tu texto y usa algo como un subrayado o un color de fondo que distancie del resto de tu texto. Evita tener muchos enlaces juntos porque si tus correos electrónicos vistos en un dispositivo móvil donde el dedo gobierna y no el cursor del ratón. Que la gente pueda tener dificultades para tocar un enlace específico y sólo porque se llame el correo electrónico Read Me no significa que no puedas incluir imágenes. Las imágenes funcionan igual de bien en este tipo de correos electrónicos ya que funcionan en otros una buena regla a seguir cuando estás creando contenido para un email de Read Me, sobre todo cuando las imágenes son motivo de preocupación, debe ser que el correo electrónico debe funcionar independientemente de si o no las imágenes están ahí. Si estás incluyendo imágenes en tus correos electrónicos de Read Me, recuerda que hacen de su papel
el de soporte al contenido textual en lugar del foco principal del propio correo electrónico. You 're Read Me email debería leer igual de bien sin imágenes como con.
8. Transaccional: Nuestro cuarto y último tipo de correo electrónico es transaccional. Se trata de correos electrónicos como recibos de pedidos, confirmaciones de
envío, y avisos de seguridad, y se utilizan para presentar información o datos una manera sencilla y fácil de entender. Los correos electrónicos transaccionales son un poco atípicos porque tienen sus propias reglas que rigen lo efectivos que pueden ser. correos electrónicos transaccionales deben estar enfocados en su alcance e incluir únicamente información relevante. Si estás enviando a alguien como un correo electrónico declinado de tarjeta de crédito, no
debes incluir enlaces a tu última publicación de blog o a tu producto más reciente, mantén el email enfocado en la tarea que tienes a mano. Relacionadamente, los correos electrónicos transaccionales también deben ser cortos pero integrales. Eso significa que cubres todos los detalles importantes pero no de la manera larga. Volviendo al ejemplo declinado de nuestra tarjeta de crédito, no
querrías incluir chistes o contenido
más ligero en algo que es un asunto bastante serio. Un correo así funcionaría mejor con una simple explicación de lo sucedido, seguido de detalles sobre cómo corregir el problema. También es importante que los correos electrónicos transaccionales sean prácticos en el diseño. Eso significa que deben ser fácilmente imprimibles. Deben ser receptivos y
también deben tener una jerarquía de información realmente fuerte. Una buena regla general para el correo electrónico transaccional es incluir una hoja de estilo de impresión en su CSS especialmente para correos electrónicos que podrían imprimirse con frecuencia, como una factura. Debido a que los correos electrónicos transaccionales son tan diferentes de los otros tres tipos de correos que hemos discutido, también
necesitan ser tratados un poco diferente. Puedes enviar correo electrónico transaccional a través de MailChimp, pero si necesitas enviar a un volumen mayor, puedes explorar Mandrill, un servicio que hemos construido específicamente para manejar el correo electrónico transaccional y sus necesidades específicas. Echemos un vistazo a un correo electrónico transaccional bien diseñado. Este es un correo electrónico de facturación de MailChimp. Si echas un vistazo, verás que es bastante espartano en el diseño. Nuestro logotipo está en la parte superior seguido un encabezamiento muy claro que describe el propósito de los correos electrónicos, en este caso su pedido ha sido procesado. A pesar de que el diseño es muy espartano, hemos incluido esta imagen de sello de color rojo brillante para que el usuario sepa, más allá de una sombra de duda, que su pedido ha sido procesado y han pagado su cuenta. El resto del correo electrónico también es sencillo con un enfoque en la jerarquía de la información. El número de factura es grande y está en negrita y por debajo de eso, enumeramos lo que pagó el usuario, y si recibió algún descuento. Si un usuario necesita más detalles que eso, sigue
el negrita llamado la acción, lo que le permite ver esta factura en su cuenta y obtener más información si la necesita. Como puedes ver este correo electrónico es sencillo en diseño, pero también es muy efectivo. La simplicidad y claridad de la información es clave aquí.
9. Preguntas frecuentes (y clientes de correo electrónico): Cuatro nuestra última lección importante, me gustaría tocar algunas mejores prácticas de diseño de correo electrónico importantes. La primera regla de oro es conocer y crear para tu público. Recuerda que el público determina todo en el correo electrónico. Cuanto más conozcas de ellos, más relevantes y mejores pueden ser tus correos electrónicos. En el correo electrónico, tiende a haber esta caída natural de interés que ocurre con el tiempo. Entonces, es una buena idea que de vez en cuando cambie las cosas, ya sea en su diseño o en su contenido para
animar el interés de sus lectores de vez en cuando. Evita enviar correo electrónico que solo hay imágenes. Es una mala práctica que puede dejar a muchos de tus usuarios retorcidos en el viento si las imágenes no se cargan por alguna razón. Relacionadamente, evita el texto basado en imágenes pero si no tienes opción asegúrate de proporcionar un respaldo con algún texto regular. cuanto al contenido trata de ser amable y personal. Me encanta leer NextDraft por ejemplo, porque Dave Pell es un gran escritor. Agrega chistes, escribe cada número como si fuera una carta para mí, y así eso me mantiene mucho más comprometido con el tiempo y espero con interés cada número antes de que incluso llegue a mi bandeja de entrada. Por mucho que puedas, trata de asegurarte de que alguien pueda simplemente golpear respuesta a tu correo electrónico y llegar a una persona. Evita usar direcciones como ningún anuncio de respuesta si puedes. Recuerda que el correo electrónico es un medio de comunicación entre dos personas y no debes interponerte en el camino de eso. Cuando estés desarrollando correo electrónico, echa un
vistazo a la distribución de los clientes de correo electrónico a través de la lista a la que estás enviando. Evita pasar mucho tiempo desarrollando para clientes difíciles que tienen bases de usuarios
pequeñas y en su lugar enfocarse en los que tienen las bases de usuarios más grandes. Es importante saber cómo los diferentes clientes rinden correos electrónicos. Conoce el trabajo principal alrededor de cliente a cliente para que tengas menos dificultad para desarrollar tu email y tratar con clientes problemáticos. Si estás construyendo tus propios correos electrónicos, recuerda usar tablas para estructura versus divs. Esta es la principal diferencia de desarrollo entre un sitio web y el diseño de correo electrónico. Cuando estés desarrollando correo electrónico, asegúrate de desarrollarte primero para una degradación agraciada y mejoras progresivas en segundo lugar. Lo que eso significa es que construyes primero para los clientes más antiguos menos capaces, y luego realzas más allá de aquellos para proporcionar más y mejores características para los clientes más nuevos que puedan manejarlos. Probar el correo electrónico es un proceso iterativo, lo que significa que tendrás que probar y volver a probar y volver a probar para asegurarte de que tu correo electrónico esté renderizado de la forma en que lo necesitas para renderizar. Con el paso del tiempo, todas estas pruebas te permiten aprender los ins y outs
de los clientes de correo electrónico y lo que funciona mejor en diseño para un correo electrónico. Tenga en cuenta que la efectividad de un correo electrónico puede no ser medida
adecuadamente con un solo punto de datos. Lo mejor es hacerse una idea de cómo funciona un correo electrónico a lo largo del tiempo. hecho de que tu correo electrónico fuera texto rojo funcionara bien en un día, no significa que vaya a funcionar bien en el otro. Hay tantos factores que entran en por qué o por qué no un correo en particular fue efectivo. Evite sacar conclusiones duras a partir de una pequeña muestra de datos. Da un paso atrás y da la larga vista del correo electrónico y recuerda probar y ajustar y escuchar lo que dice tu público, puedas construir algo que sea más efectivo. Una de las mejores formas de probar el correo electrónico es hacerlo tú mismo prácticamente. Eso significa abrir cuentas de correo electrónico a través de diversos servicios como Gmail y Outlook.com, y enviar la prueba tú mismo para que puedas ver cómo se renderiza el correo electrónico en tu propia bandeja de entrada. Basándose en esa idea de pruebas prácticas se encuentra un laboratorio de dispositivos, que es sólo una colección de dispositivos comunes que se utilizan todos los días. Algo así como un iPhone o una tableta o una máquina Windows y enviar correos electrónicos a esos dispositivos para que pudieras ver cómo se renderizan en esas bandejas de entrada. En esos casos, podrías recurrir a un servicio como Liveness que hace pruebas de dispositivos para ti y devuelve una captura de pantalla de tu correo electrónico en una plataforma diferente. Si eres cliente de MailChimp, tienes acceso a resultados de pruebas de fuego en forma
de inspecciones de bandeja de entrada en la aplicación. Si optas por construir un laboratorio de dispositivos, recuerda que se trata de construir la vista más amplia posible de la distribución de clientes para la menor inversión posible. Eso significa que debes comprar una buena selección de teléfonos Android e
iOS y tal vez incluso una tableta o dos, por lo que tienes una buena visión general de diferentes clientes de correo electrónico en diferentes plataformas. Los cinco principales clientes de correo electrónico son el correo de iOS, correo de
Apple, Gmail, Outlook.com, y el escritorio de Outlook. Existe una amplia variabilidad entre cómo todos estos clientes renderizan los correos electrónicos, por lo que evitar ese diseño perfecto de píxel es realmente importante. Los dos primeros clientes, el correo de
iOS y el correo de Apple son más o menos perfectos, por lo que no necesitas hacer demasiado que está fuera de común en lo que respecta al diseño y desarrollo. Gmail por otro lado, presenta un par de problemas significativos a los que tener cuidado. En primer lugar, cuando escribes CSS para tu correo electrónico todo debe estar
en línea en el propio marcado porque Gmail no admite un CSS en línea. En segundo lugar, Gmail tampoco admite consultas de
medios que son esenciales para el diseño responsive. Eso requiere construir un correo electrónico de una manera específica para que sean cotizadas sin cotización, respondiendo en una plataforma que no lo soporte. Para obtener más información sobre esa técnica, realidad
podrías referirte a templates.mailchimp.com, donde lo cubro a detalle. Outlook.com y Outlook desktop, a pesar de que ambos son de Microsoft, actúan de manera muy diferente el uno del otro. Outlook.com en realidad está a la par con correo de
Apple y el correo de iOS y que es un cliente de correo realmente bueno. No hay trampas significativas que tener en cuenta en Outlook.com,
pero lo contrario es cierto para el escritorio de Outlook. Si hay un cliente que los desarrolladores de correo electrónico odian, es outlook desktop, y eso es realmente porque es un cliente de correo tan anticuado. El mayor problema en el escritorio de Outlook es que no utiliza un motor de renderizado HTML para renderizar HTML. En realidad utiliza el motor de Microsoft Word que es un motor de procesamiento de textos. Eso significa que hay deficiencias significativas en los elementos HTML y las propiedades CSS que soporta el motor de Word. Lo que esto significa es que probablemente estés haciendo más pruebas de tu correo electrónico en Outlook para asegurarte de que se renderiza correctamente. Por lo tanto, de nuevo, asegúrate de evitar el diseño perfecto de píxel. Si acatas los principios de los que hemos hablado hoy, tu correo electrónico aún puede ser muy efectivo independientemente de todas las varianzas de renderizado de cliente a cliente. Esperemos que todas estas lecciones ayuden. Recuerda que sobre todo, el desarrollo y diseño del
correo electrónico es un trabajo difícil, así que no te desanimes si tienes un duro ir de él al principio. Me tomó un poco ponerme bien en ello y te llevará un poco ponerte bien en ello pero se puede hacer. Eventualmente, el correo electrónico se convierte en segunda naturaleza y en realidad es fácil.
10. Reflexiones finales: Entonces, hoy hemos hablado de las principales diferencias entre el correo electrónico y el diseño web, los cuatro tipos principales de correo electrónico: por mí, léame, únete a mí, y transaccional, y hemos cubierto algunas mejores prácticas para un diseño de email en general. Si eres nuevo en el diseño del correo electrónico, asegúrate de echar un vistazo a nuestras plantillas para que puedas echar un vistazo agradable a diferentes tipos de diseños y diferentes formas de abordar los correos de acuerdo a sus diferentes propósitos. Si te estás sumergiendo en desarrollar tus propias plantillas, puedes descargar las nuestras y echar un vistazo al código por tu cuenta y ver cómo funcionan, ver cómo se juntan, y luego probarlo tú mismo. También podrías referirte a recursos como templates.mailchimp.com, y ejemplos de diferentes técnicas de codificación que puedes usar en tus propios correos electrónicos. También he incluido muchos enlaces a recursos que encontrarás
útiles y eso te ayudará a convertirte en un mejor diseñador de correo electrónico. Ahora es tu turno de compartir un correo electrónico cuyo diseño te hizo tomar medidas. Comparte algo que sientas que fue evocador y realmente te causó una impresión, y escribe un poco sobre por qué sientes que fue un correo electrónico tan efectivo. También asegúrate de hacer preguntas y dejar comentarios en los otros correos electrónicos que se comparten en la galería, e iniciar discusiones sobre qué buen diseño de correo electrónico es o no. Siéntase libre de publicar correos electrónicos que haya diseñado
y construido, y pedir comentarios al resto de la clase. Recuerda que el correo electrónico puede ser un medio de comunicación íntimo entre dos personas. Es una conversación, y un buen diseño de correo electrónico aprovecha ese hecho. Eso te permite construir confianza y relaciones con tus suscriptores.
Fabio Carneiro, Email Design and Development Expert
