El peso de la tipografía al dar formato al texto en los HTML de e-mail marketing

Publicado el 29 de diciembre de 2014


Después de haber analizado las tendencias y develado el papel del Flat Design y el papel de la psicología de los colores en las campañas de e-mail marketing, vamos a cambiar un poco de enfoque. El tema de este post es el elemento esencial para el trabajo de cualquier diseñador. Es fundamental para la base de cualquier e-mail. Es de extrema importancia para todos los destinatarios. Estamos hablando del contenido, claro, pero sobre la óptica de los principios básicos de la buena tipografía.

¿Sabías que el tipo de fuente, tamaño, peso, color y contraste también ejercen influencia sobre los ojos de los consumidores? El texto forma parte del layout, sirve de complemento para las imágenes y puede ser decisivo a la hora de mostrar la relevancia de una campaña para cada persona que la recibe.

Determina una estructura jerárquica para el texto

La forma como el contenido es presentada en una campaña es primordial para orientar al usuario. Esta jerarquía estructurada por medio de variables como el tamaño, peso, color y contraste, dividiendo título, subtítulo y cuerpo del mensaje, hace que la lectura sea más clara, atractiva y agradable.

Separa el texto de los títulos o subtítulos. Delimita los párrafos para crear espacio entre un bloque y otro de palabras. Destaca las principales llamadas en negrita o con fuentes mayores.

Evita fuentes pequeñas, ten en cuenta la lectura

Al preparar los textos, tenga en cuenta al lector. De preferencia a un tamaño grande o suficiente para causar confort a los ojos del que vaya a leer. Recomendamos mantener un mínimo de 12pt para que la lectura sea legible.

Además de eso, no use todo el texto en letras mayúsculas. Ten en cuenta las reglas de etiqueta de internet. Este recurso indica gritos o hasta agresividad.


Escoje una fuente apropiada, no varias


La fuente debe combinar con los demás elementos de la campaña, sin dejar de lado la legibilidad. Por la popularidad de Windows, opciones como Arial, Verdana, Tahoma o Times son las preferidas para formar parte del texto en HTML. Sin embargo, no todas son comunes en todos los sistemas operativos. Con el fin de regularizar la compatibilidad de las fuentes y sistemas, el código generalmente incluye más de una familia tipográfica.

‹font face=”Helvetica, Arial, sans-serif” size=”3” color=”#000000”›Título‹/font›

En este ejemplo, podemos ver que la fuente a ser utilizada es la Helvetica, pero hay otras sugerencias en caso de que ella no esté presente en el sistema operativo. En otras palabras, el código dice que a falta de Helvetica, la fuente será sustituida por Arial. En ausencia de ésta, por una fuente Sans Serif de su sistema.

Algunas de las familias tipográficas más comunes tanto en Windows como en MacOS incluyen Arial, Comic Sans, Courier New, Georgia, Impact, Palatino, Symbol, Times, Verdana e Webdings. Ahora, los sistemas basados en Linux tienen sus propias bibliotecas de fuentes. Para amplias las posibilidades de lectura, los usuarios pueden instalar paquetes con las fuentes mencionadas, conocidas como web safe. Al utilizar el código anterior en su campaña, posibilitas al lector a visualizar su e-mail marketing, pero si quieres ofrecer una alternativa, apueste por fuentes como Norasi, Rekha, Dejavu Serif, Nimbus Sans L, Mukti Narrow, Century Schoolbook e Garuda. Estos son algunos de los ejemplos de fuentes presentes en el sistema Linux. Además, si conoces bien tu base de datos y consigues identificar el sistema operativo de cada uno o por lo menos de la mayoría, podrás segmentar antes y realizar distintos envíos.

En todo caso, para facilitar la lectura, evite fuentes Script/Caligráficas, aquellas que tienen el efecto de escritas a mano. Utilícelas sólo si el mensaje fuera artesanal, como invitaciones de casamiento o mensajes de Navidad.

Opte por fuentes Serif/Sans-Serif. Hay dos tipos: con serifa y sin serifa. Sofisticadas, clásicas y con trazos prolongados, las fuentes con serifa hacen que el texto parezca continuo a los ojos, agrupando las letras y mostrando palabras más "unidas". Lo que es bueno, ya que generalmente el lector no lee letra por letra, pero si palabra por palabra. Ahora, las modernas y populares fuentes sin serifa no tienen un atractivo estético, pero si valorizan las formas geométricas.

En el 2011, una diseñadora inglesa listó algunos de los tipos más populares de fuentes, compilado que obtuvo en base a largas horas de investigación. Si tienes curiosidad, te mostramos su contenido en este link.

Sin embargo, contén la voluntad de mezclar de distintas fuentes. Por más que quieras cominar estilos para estar a la moda o por otro motivo, intenta usar 2 o 3 fuentes, como máximo, en su e-mail. Muchos tipos distintos pueden causar confusión, arruinar la estética y perjudicar la lectura. 

Crea intervalos entre un texto y otro y apuesta a los contrastes

Si tu campaña tiene mucho texto, delimite los espacios entre líneas (line-height) o párrafos. No aproxime por demás ni aleje. De un margen de "respiro" entre cada bloque de palabras, entre las líneas y las letras también. Exagerar en cualquiera de los espacios puede comprometer la lectura e incitar el desinterés.

Si quieres centrar el texto, hágalo con moderación. Como cada linea tiene un punto de partida diferente, se hace más difícil de leer. El ideal es seguir el alineado a la izquierda por defecto.

Para facilitar aún más la lectura y tornar el contenido lo más legiblemente posible, pruebe el contraste de colores entre el texto y el fondo. Colores claros con texto oscuro y viceversa.

Con la popularidad en alta del Flat Design, dar la debida atención a la tipografía gana notoriedad. Al final, ahora es cuando el marketing de contenido debe estar en el centro de atención de las campañas de e-mail marketing. Además, esta es otra tendencia que debe ganar más peso con el correr del tiempo. Si tú tienes curiosidad por saber más sobre la historia de la tipografía, recomendamos una animación creada por el diseñador gráfico Bem Barrett-Forrest.


*

¿Te ha gustado el contenido? ¡Compártelo!

Si quieres ampliar el debate sobre estos temas, estamos presentes en las redes sociales. Entra y dinos qué te ha parecido el contenido!

Facebook, Twitter, Linked In, Google+