Come ravvivare il tuo content marketing con GIF animate [e altri elementi visivi animati]

Le immagini sono strumenti potenti. Possono attirare e mantenere l'attenzione, o catturare e trasmettere un'emozione in un modo in cui le parole non possono. Aggiungi un po' di movimento alle tue immagini e diventano decisamente irresistibili.

Il video è ancora una potenza, ma anche l'umile gif animata sta godendo di un aumento di popolarità. È sempre stato un modo divertente per attirare un po' di attenzione in più. Sfortunatamente, le gif animate sono state utilizzate anche per troppi banali banner pubblicitari e fastidiose emoticon animate. Questo ha macchiato un po' la loro reputazione.

Ma ora sempre più piattaforme supportano le gif animate. E sempre più esperti di marketing li utilizzano per far risaltare i loro contenuti. Sta creando un elegante marketing visivo.

Quindi cos'è una gif animata?

Buona domanda. Saltiamo le parole e passiamo alla realtà.

Questa è una gif animata:

Questa gif è apparsa per la prima volta su Reddit come annuncio di un anniversario aziendale che nessuno ha notato.

Anche questa è una gif animata:

Questo deriva da un annuncio e-mail inviato dal rivenditore online Evans. È stato anche incluso nella recente carrellata di gif animate degne di nota di Alchemy Worx nelle e-mail.

Queste due gif animate ci aiutano a definire il formato con un meta-messaggio show-don't tell . Ma per andare oltre:

• Le gif animate possono essere fotografie o grafica.
• Le gif animate sono costituite da una breve serie di fotogrammi. Ogni fotogramma è la sua gif animata.
• Le gif animate tendono ad essere brevi, non più lunghe di 5 secondi.
• Le gif animate tendono a ripetersi, ma puoi impostarle in modo che vengano riprodotte alcune volte e poi si interrompano.
• Le gif animate possono essere utilizzate come un'insegna al neon, come grafica appariscente che attira la tua attenzione. Oppure possono essere usati per raccontare una storia. La prima gif che abbiamo visto racconta una storia semplice: avevamo qualcosa da festeggiare. È successo. A nessuno importava.

Cosa non sono le gif animate

Come sicuramente saprai, le gif animate non sono l'ultima parola nel muovere le immagini online. Esistono diversi formati e modi molto simili per far muovere le immagini che dovresti conoscere, e ci sono alcuni avvertimenti.

1. Le gif animate non sono video.

Mentre una gif animata potrebbe essere piegata in qualcosa come un video, richiederebbe molti fotogrammi nella gif animata, oppure dovremmo accettare una nuova definizione di video (come una serie di, diciamo, cinque fotogrammi) . Anche i video utilizzano un formato di file diverso rispetto alle gif. I video in genere vengono forniti come AVI, MPEG, MOV e altri formati specifici per i video.

2. Le gif animate non sono cinemagraph.

I cinemagraph sono ibridi di foto e video. Hanno molte somiglianze con le gif animate:

• Si ripetono (cioè si ripetono) come la maggior parte delle gif animate
• Possono essere utilizzati nei messaggi di posta elettronica, come gif animate
• Finiscono in .gif

Ma non sono gif animate. Questo è un cinemagraph:

C'è un post interessante sul blog Convince and Convert su come i diversi marchi utilizzano i cinemagraph nel loro marketing. AdWeek ha anche pubblicato un post sui piani di Facebook per i cinemagraph.

Basta capire che i cinemagraph sono molto più difficili da realizzare rispetto alle gif animate. Qualcuno con abilità di modifica delle immagini di base può creare una gif animata. Ci vogliono le capacità di un artista per far cantare un cinemagraph.

3. Le gif animate non sono animazioni CSS.

Le animazioni CSS sono un'altra tecnica di contenuti visivi all'avanguardia, ma funzionano grazie alla codifica, non grazie a un particolare tipo di file immagine. Le animazioni CSS sono adatte alla presentazione dei dati. Quindi, se si desidera ravvivare un grafico o creare un grafico a torta, un'animazione CSS potrebbe funzionare. Purtroppo, però, non funzionano su tutti i browser e possono essere difettosi.

Creative Bloq ha un post molto interessante con alcuni straordinari esempi di animazione CSS.

4. Le gif animate non sono Flash.

Flash è una specie di vecchia scuola. Ha le sue applicazioni, ma è meglio evitare Flash a causa di problemi di rendering (i dispositivi iOS non possono riprodurre Flash) e perché il contenuto Flash è una scatola nera per i motori di ricerca.

5. Anche le gif animate non sono video Hyperlapse.

Instagram ha capito come farci realizzare video in time-lapse con gli smartphone. La tecnologia si chiama Hyperlapse. Puoi ottenere l'app Hyperlapse per dispositivi iOS qui. Gli sviluppatori sono stati anche in grado di correggere l'effetto di rimbalzo (che chiamano la correzione "Cinema Stabilization") che avrebbe reso la maggior parte dei video Hyperlapse molto meno guardabili.

I video hyperlapse possono essere incorporati nelle pagine Web, ma sono ancora per lo più creature di Instagram.

Come realizzare una gif animata

Esistono due modi per creare gif animate. Il primo è dalle immagini. Il secondo è dai video.

Ecco come creare una gif da immagini statiche.

1. Vai su Gifmaker.me. Questo è uno strumento gratuito per la creazione di gif. Ci sono molti altri creatori di gif gratuiti (ho anche provato https://makeagif.com e https://imgflip.com, tra gli altri), ma Gifmaker.me:
   • Non inserirà una filigrana nell'angolo inferiore della tua gif
   • Crea gif con file di dimensioni inferiori rispetto agli altri strumenti
   • Ti offre molti controlli in modo da poter creare la tua gif praticamente come preferisci.

Una cosa che non fa è permetterti di aggiungere una didascalia alle tue gif. Se vuoi farlo, prova MakeaGIF o IMGFlip.

2) Carica le immagini che desideri nella tua gif. Queste possono essere immagini enormi o ridotte alle dimensioni desiderate per la gif animata finale. In realtà ho provato in entrambi i modi: nel primo set le immagini sono state caricate come immagini a 300 dpi larghe diverse migliaia di pixel. Poi ho fatto un altro set con immagini che ho ridotto in Photoshop fino a 500 pixel di larghezza a 144 dpi. La gif animata delle immagini enormi in realtà è risultata più piccola del 10% rispetto a quella che ho realizzato con le immagini ridotte. Vai a capire.

3) Una volta caricate le immagini, puoi riorganizzare le cornici facendo clic e trascinandole. Puoi anche controllare la dimensione della gif completata e puoi controllare i fotogrammi al secondo. Alcune fonti affermano che la gif media è di 500 millisecondi per fotogramma. Lo trovo un po' troppo veloce: rallento le mie gif fino a 1100 millisecondi per fotogramma.

Puoi impostare la gif in modo che venga riprodotta solo poche volte o in loop infinito. Ho lasciato il mio loop. E mentre puoi aggiungere l'audio, non sono un grande fan dell'audio sui contenuti a meno che non sia previsto (come per webinar, podcast e video).

Quando tutte queste impostazioni sono selezionate, fai clic su "Crea animazione GIF".

Vedrai qualcosa di simile dopo. L'animazione verrà riprodotta... l'immagine qui sotto è solo uno screenshot.

Sebbene gifmaker.me crei file di dimensioni piuttosto ridotte, puoi ridurre ulteriormente le tue gif animate. Ciò diventa particolarmente critico se stai creando una gif animata per un messaggio di posta elettronica.

Non vuoi usare una gif animata più grande di 80 kb in un'e-mail. Generalmente raccomandiamo che le immagini siano piccole per i messaggi di posta elettronica, ma potresti dover infrangere le regole per le gif animate. Per fare ciò, puoi provare a utilizzare meno fotogrammi o ridurre le dimensioni visibili della gif animata finale.

Oppure puoi usare un riduttore di dimensioni del file.

Ecco il riduttore di dimensioni del file che ho usato, EZGif. Sono stato in grado di ridurre un'immagine da 236 K fino a 113 KB, senza nemmeno utilizzare l'impostazione di compressione più alta.

Per una gif animata di 4 fotogrammi e 500 pixel di larghezza, 113 KB sono abbastanza buoni.

Ecco l'ultima gif animata compressa:

Come creare gif animate da YouTube e altri video

Il prossimo modo per creare gif animate è utilizzare i video di YouTube. C'è un modo per farlo che è semplice da morire di cervello.

Basta andare all'URL del video che vuoi trasformare in una gif animata.

Digita "gif" davanti a "youtube.com", in questo modo:

Premi Invio. Verrai reindirizzato a un sito che ti consente di specificare alcune impostazioni per la tua gif animata.

Fai clic su "Crea GIF"...

E poi scegli come vuoi condividere la tua gif animata.

C'è un problema con questo, però. Questo sito è configurato per ospitare l'immagine per te: rende il download della gif una seccatura. Potrebbe essere una cosa positiva o negativa, ma preferirei ospitare immagini sul mio sito.

Esistono molti altri siti che ti consentono di creare gif animate dai video di YouTube. MakeAGif.com e IMGFlip.com sono entrambi gratuiti e facili da usare.

Se non puoi farli, trovali

Non hai tempo per creare una gif animata? Ciò non significa che non puoi usarne uno prefabbricato. Esistono diversi siti per gif animate ad uso gratuito:

• Giphy.com
• Imagur.com
• Gifbin.com
• La gif perfetta di Hulu
• GifBay.com

Sii gentile e dai credito a dove hai preso la gif.

Come utilizzare le gif animate nel tuo marketing

Ah, finalmente. Siamo alla parte dei risultati. Ecco tutti i fantastici modi in cui puoi utilizzare le gif animate nel tuo marketing:

1) Nei messaggi di posta elettronica.

Cerca di mantenere le dimensioni dei file ridotte, ma le gif animate funzionano alla grande nelle e-mail. Ci sono diverse segnalazioni di gif animate che alzano la risposta, come:

• Bluefly ha aggiunto una gif animata a una delle sue e-mail nel 2008 e ha ottenuto un aumento del 12% delle entrate dal segmento delle gif animate del test.
• Dell ha aumentato le entrate del 109% con una campagna e-mail con gif animate.
• Lake Champlain Chocolates ha aumentato la risposta del 49% con un'e-mail animata che mostrava l'apertura di una scatola di cioccolatini.

Intouch Solutions ha anche un bel post su altri tre case study di gif animate nelle e-mail.

Avvertenza: progetta sempre il primo fotogramma della tua gif in modo che possa stare da solo come immagine statica, nel caso in cui il tuo abbonato apra l'e-mail in un client (come Outlook e Windows Phone 7) che non supporta le GIF animate.

2) Sui social.

Twitter e Tumblr hanno supportato le gif animate per un po'. Ma Facebook ha recentemente annunciato che il suo newsfeed supporta anche le gif animate. Li permetteranno persino negli annunci.

Pinterest supporta le gif animate, ma devi fare clic su un pulsante che dice "GIF" per riprodurle. E Google+ supporta le gif animate.

Come probabilmente saprai, le immagini sui social media generano molti più Mi piace e condivisioni rispetto ai contenuti basati su testo. L'aggiunta di una spolverata di gif animate rende i contenuti ancora più meritevoli di clic.

3) Sui post del blog.

Non devi essere BuzzFeed o Upworthy per utilizzare gif animate nei tuoi post. Social Fresh e Quick Sprout hanno elaborato alcuni dati per noi. Hanno scoperto che le gif animate sono il tipo di immagine più probabile da condividere dai post del blog.

4) Sulle pagine di download di ebook, whitepaper e studi di ricerca.

Ebook, white paper e studi di ricerca tendono a contenere molte informazioni. E dovrebbero. Ma tutte queste informazioni sono un problema su una pagina di download, dove devi distillare il tuo messaggio e gli elementi della pagina.

Inserisci la gif animata. Perché l'immagine di un eBook statico non può essere sostituita con immagini rotanti dei grafici e delle citazioni dal download?

5) Nelle pagine che descrivono software o incoraggiano il download di app.

Le gif animate sono un ottimo modo per mostrare alle persone come fare le cose con il software. Tienili brevi e semplici. Quando SEMRush ha voluto annunciare una nuova funzionalità, ha inviato un'e-mail con questa gif animata:

Ed ecco un ritorno al passato per quelli di voi che giravano per Internet alla fine degli anni Novanta. Uno dei primissimi Gif virali, il vagamente inquietante Dancing Baby.

Conclusione

Le gif animate sono il modo più semplice per aggiungere movimento a una pagina, un'e-mail o un aggiornamento sui social media. E sebbene possano avere associazioni con l'essere un po' dilettantistici, non c'è motivo per cui non puoi scegliere immagini attraenti e on-brand che raccontano una storia avvincente che il tuo pubblico apprezzerà.

Con sempre più piattaforme e servizi che le supportano, le gif animate potrebbero essere il modo migliore per creare un po' di confidenza con le immagini in movimento... almeno fino a quando non sarai pronto per tuffarti nel video.

Stai usando gif animate nel tuo marketing? Hai qualche case study da condividere con noi? Parlaci di loro nei commenti.

Sei pronto per iniziare ad aggiungere un po' di movimento alle tue e-mail in modo che si distinguano dalla massa? Scopri come iniziare a utilizzare GIF, cinemagraph, video e altro ancora nel nostro eBook gratuito – Email Idea Lab.