Mite 14: un butlletí és només un HTML

Categoria: Email màrqueting

Un correu electrònic no és una pàgina web. El primer es visualitza a través d’un gestor de correu que pot ser basar en web o no, mentre que la visualitzaci9ó de la segona varia segons el navegador. Tot i que comparteixen la importància de visualitzar-se bé en diferents dispositius i poden utilitzar el mateix codi de programació, no funcionen igual. Que un butlletí sigui només un HTML és un mite, perquè el disseny que pot quedar molt bé en una pàgina, pot no servir per un butlletí i viceversa.

A més, un correu electrònic enviat des d’una plataforma d’email màrqueting com Acrelia News no té les mateixes característiques que un correu enviat entre dos usuaris. Com a punt en contra, els enviaments massius no permeten adjuntar arxius, ja que podrien considerar-se SPAM i bloquejar-se, afectant l’entregabilitat. A favor tenen que permeten una major personalització del disseny de les comunicacions.

 

Disseny HTML vs. text pla

És casi impossible trobar-se amb llocs web que utilitzin només text pla, sense cap tipus de disseny. En canvi, és el més habitual en l’intercanvi de correus electrònics entre usuaris, i hi ha empreses que prefereixen utilitzar-lo adaptat a les seves necessitats. D’aquesta manera volen eliminar distraccions i centrar-se només en el text per tal d’assegurar-se que arriba a tots els subscriptors i tothom el veu igual, sense cap tipus de problema. De fet, aquesta versió plana és molt útil per a l’email màrqueting i és una bona pràctica incloure-la.

Una campanya dissenyada en HTML inclou imatges o vídeos a més de tipografies i colors personalitzats. Poden crear-se columnes, afegir botons, canviar fons i afegir elements més cridaners, com un compte enrere o peces interactives. És visualment atractiva i permet molta més creativitat, per això les empreses l’utilitzen per destacar els seus productes, tot i que sigui amb un estil minimalista.

El disseny modular de plantilles és la manera més senzilla de construir una campanya, ja que evita el fet d’haver-se de preocupar pel codi de programació i permet centrar-se únicament en organitzar els blocs de contingut. Malgrat això, l’editor d’Acrelia també et permet importar el teu propi HTML.

 

Millors pràctiques per dissenyar un butlletí en HTML

La pàgina corporativa és un bon punt de partida per dissenyat un butlletí, ja que és una aplicació de la identitat corporativa ja coneguda pels usuaris, atès que s’han registrat a través d’aquesta pàgina. Seguir el mateix estil és una manera de donar continuïtat i de ser coherent amb la marca. A més, també simplifica la feina: es pot, per exemple, adaptat el baner de la pàgina principal a la capçalera del correu electrònic o incorporar-hi els mateixos menús.

Però no pot ser idèntica, ja que no és una web. El disseny de campanyes d’email màrqueting té les seves pròpies característiques.

 

Disseny responsive

L’enfoc mobile first prioritza el desenvolupament i disseny pensant en aquests dispositius per sobre dels d’escriptori, un fet que és molt apropiat en negocis amb un alt percentatge d’usuaris que naveguin des de mòbils. En el disseny responsive, en canvi, primer es crea la versió per a escriptori i després s’adapta a mòbils. Així doncs, en el mateix codi s’inclouen comandos per ajustar, per exemple, l’amplada de les imatges per tal que no apareguin scrolls que dificultin la navegació per la campanya des d’una pantalla més petita.

Dissenyar amb el mòbil en ment també és important per a la conversió: els enllaços i botons han de ser molt clars i ha de ser fàcil fer-hi clic amb el dit, no només amb el ratolí, per tal de no perdre oportunitats entre els que naveguen des de la tauleta o altres dispositius.

 

Validat a diferents gestors de correu

Tot i que la base HTML és igual, cada gestor la interpreta de manera diferent. Pot variar, per exemple, el codi amb el que es fixa el marge d’una taula o si accepta indicar l’idioma del text. Els desajustos poden ser mínims o arribar a dificultar la lectura en certs usuaris.

A www.caniemail.com fan un repàs de les variacions que pot haver-hi en aquesta interpretació, fet que permet contrastar mentre es dissenya si es pot utilitzar, o nom una determinada etiqueta HTML. Despès és possible fer ajustaments des de serveis com Litmus, que et permeten previsualitzar com ha quedat la teva plantilla des de diferents gestors de correu.

 

Cuida l’accessibilitat

El disseny web i el dels butlletins comparteixen la voluntat que tots els usuaris gaudeixin de la navegació sense dificultats. Per això també es tenen en compte les persones amb problemes de visió a l’hora d’escollir el color del fons; d’aquesta manera es pot assegurar que hi hagi suficient contrast, però també que la mida de la tipografia sigui l’adient i que les imatges estiguin etiquetades amb textos alternatius.

En email màrqueting l’accessibilitat afecta a l’experiència d’usuari de tots els subscriptors i és un element de disseny que pots controlar des de l’editor d’Acrelia, on la previsualització et permet valorar com veuran la campanya diferents perfils de persones.

 

Escull la tipografia adequada

La major part de les fonts corporatives es dissenyen per a formats en paper, però no tenen versió web. La guia d’estil determinarà quines són les alternatives més semblants que es recomana aplicar, per extensió, també al correu electrònic. Però les tipografies web no sempre es mostren, així que el més pràctic és dissenyar amb les del sistema (per exemple: Arial, Verdana, Lucida Console o Times New Roman). Pots mantenir les personalitzades per al primer nivell del missatge, com poden ser la capçalera o els muntatges fotogràfics.

 

Alleugereix el codi

La velocitat de navegació és diferent en funció si estem a casa, a la feina o al transport públic. També varia la paciència que té l’usuari a l’hora de decidir si s’espera a que es carregui per complert un correu electrònic. Per això és necessari optimitzar les imatges que han de descarregar per tal que siguin ràpides i l’HTML perquè no superi els 102kb. El pes del codi determinarà si es tallen o no els missatges a Gmail, cosa que seria impossible d’imaginar a una web, on no hi ha límits més enllà de no afectar l’experiència de l’usuari.

 

Previsualitza amb o sense imatges

Els continguts visuals són els predominants en el disseny online, però no tots els usuaris tenen desbloquejades les imatges als seus gestors de correu. Basar la maquetació al voltant de les imatges pot causar que el missatge es desencaixi per complet. Un altre problema amb les imatges en les campanyes d’email màrqueting és el fet que abusar d’elles o fer una campanya que sigui una sola imatge pot arribar a ser considerat SPAM i afectar l’entregabilitat. Per això és important testar la campanya i mirar-la amb i sense imatges, per tal de poder valorar si cal fer canvis a la plantilla i no dependre en excés de les imatges.

Descarrega l’ebook “Mites de l’email màrqueting” per conèixer altres mites en els quals hauries de deixar de creure.

No et perdis res del nostre blog i uneix-te al nostre Telegram https://t.me/acrelianews

---

Articles relacionats