Banner animato nella firma email: cosa mostra ciascun client di posta

L’animazione attira lo sguardo, ed è esattamente ciò che si cerca in un banner. Ma in un’email non si comporta come sul web: a seconda del client di posta del destinatario, la GIF si anima oppure resta ferma su un unico fotogramma.

Cosa mostra ciascun client

Il caso particolare è quindi Outlook per Windows nelle sue versioni storiche, che mostra il primo fotogramma senza riprodurre il resto. Questo client è ancora molto diffuso nelle aziende, il che basta a imporre una regola di progettazione; il cambiamento in atto è descritto in cosa cambia con il nuovo Outlook.

La regola che rende l’animazione priva di rischi

Sta in una frase: il messaggio essenziale deve trovarsi sul primo fotogramma.

L’animazione diventa così un arricchimento per chi la vede, e la sua assenza non priva nessuno dell’informazione. In concreto, il primo fotogramma deve contenere da solo il titolo, l’elemento identificativo e la call to action.

Cosa non fare: costruire una sequenza in cui il messaggio si rivela progressivamente, una parola per fotogramma o un’headline che ha senso solo dopo tre secondi. Per una parte dei destinatari, il banner mostrerà solo un frammento incomprensibile.

Buono a sapersi: il test più semplice consiste nell’esportare solo il primo fotogramma e guardarlo. Se sta in piedi da solo, l’animazione è sicura. Altrimenti, conviene rivedere il montaggio.

Il vincolo di peso

Una GIF animata pesa quanto la somma dei suoi fotogrammi. Con un tetto di 150 KB per un banner largo 600 px, in pratica si arriva a quattro o cinque fotogrammi, non di più.

Tre leve aiutano a rispettare questo budget. Ridurre il numero di fotogrammi preferendo stacchi netti alle dissolvenze, che moltiplicano i passaggi intermedi. Limitare la tavolozza di colori, dato che la GIF è comunque limitata a 256 tonalità. E animare solo una parte della superficie, mantenendo fisso lo sfondo: i fotogrammi successivi memorizzano così solo l’area che cambia.

Il budget di peso complessivo di una firma è trattato in banner nella firma email: formati e peso.

Quanti cicli

Tre opzioni, con effetti diversi.

Una sola riproduzione. L’animazione si riproduce e poi si ferma sull’ultimo fotogramma. È la scelta più sicura: l’attenzione viene catturata una volta, poi il banner resta stabile. In questo caso bisogna fare in modo che anche l’ultimo fotogramma porti il messaggio, perché è quello che resterà visualizzato.

Da due a tre cicli. Un compromesso diffuso, che offre una seconda possibilità al destinatario che stava guardando altrove.

Ciclo infinito. Da evitare. Un banner che lampeggia di continuo sotto ogni messaggio di una conversazione diventa presto irritante e dà un tono pubblicitario stonato in uno scambio professionale.

Cosa non funziona affatto

Il video. I tag video non sono supportati dai client di posta. La prassi è un’immagine fissa che richiama un video, con un pulsante di riproduzione disegnato, collegata alla pagina in cui il video è ospitato.

Le animazioni CSS. Non sopravvivono alla pulizia dell’HTML da parte delle webmail, né al motore di rendering di Outlook. Si veda firma email in HTML.

L’SVG animato. Non viene visualizzato, e a volte è bloccato per motivi di sicurezza.

La GIF resta quindi l’unico formato di animazione utilizzabile, con i suoi limiti.

Conviene animare?

La domanda merita di essere posta piuttosto che risolta per principio. L’animazione attira lo sguardo, ma aggiunge peso, complica la produzione e impone il vincolo del primo fotogramma.

Si giustifica per un messaggio che trae davvero vantaggio dalla sequenza: un conto alla rovescia prima di un evento, una successione di tre loghi di partner, la rivelazione di un dato. Non si giustifica per un messaggio che sta in una frase, cioè la maggior parte delle campagne descritte in 12 idee di campagne.

Nel dubbio, un banner statico ben progettato, con un contrasto netto e una call to action chiara, in genere funziona altrettanto bene con un decimo dello sforzo. Ed è possibile confrontare: il monitoraggio per campagna descritto in misurare il ROI consente di testare una versione animata contro una fissa su due periodi comparabili.