Banner pubblicitari di design che non fanno schifo: 15 consigli di design

/2019-11-04 23:33:05/
Javy
/Grafica/

Ci sono state molte chiacchiere recenti sugli annunci banner. Stanno sbiadendo? Gli utenti li stanno effettivamente facendo clic? Sono morti? Sono disponibili opzioni migliori?

Mentre è vero che i clic sugli annunci banner sono in calo, non è la fine del popolare formato pubblicitario online. Sebbene non sia possibile misurarlo, la sola visualizzazione di un annuncio consente di creare una preferenza utente per quell'elemento, prodotto o servizio. (Ricorda, gli annunci sono apparsi in TV e nei materiali stampati per decenni senza clic per dimostrare le loro percentuali di successo.) Oggi vedremo 15 modi in cui puoi creare banner pubblicitari che semplicemente non fanno schifo. Dai un'occhiata anche agli esempi. Sono i vincitori del Webby Awards 2015 per la progettazione di annunci e siti Web. Puoi fare clic tra le immagini per saperne di più su ognuna.

1. Attenersi alle dimensioni standard

Gli annunci banner non sono adatti a tutti i tipi di progetto. Dovrai creare all'interno delle specifiche del sito in cui intendi fare pubblicità e la maggior parte dei siti utilizza un set di dimensioni comuni. (Ciò include anche newsletter via e-mail, che spesso seguono un quadro simile.)

Google AdWords, uno dei più grandi server di banner pubblicitari sul Web, tiene il passo con le dimensioni più popolari. "Come regola generale", secondo Google, "dimensioni di annunci più ampie tendono a sovraperformare le loro controparti più alte". Gran parte di questo potrebbe avere a che fare con il posizionamento sopra lo scorrimento e perché è più comodo leggere da sinistra a destra, piuttosto che un sacco di testo in pila. h

Quindi, ecco le dimensioni che dovresti considerare prima:

Classifica 728 pixel per 90 pixel (spesso in cima o in fondo alle pagine)
Rettangolo medio 300 per 250 (spesso galleggia sul lato destro o è incorporato in elementi di testo)
300 per 600 mezze pagine
320 per 100 banner mobile

2. Creare la gerarchia

Ogni annuncio banner ha bisogno di tre elementi: branding, messaggio e incoraggiamento a fare clic. La sfida è che non hai molto spazio per farlo.

Crea una semplice gerarchia di elementi. Il messaggio dovrebbe essere conciso: da 2 a 10 parole è l'ideale. Cosa stai offrendo e perché le persone dovrebbero volerlo. Quindi includere un marchio o un'identificazione. Deve solo essere leggibile e non deve essere grande. Quindi completa il framework degli annunci con un motivo per fare clic. Hai una vendita? Codice coupon? Iscrizione e-mail?

Ognuno di questi livelli dovrebbe essere dimensionato usando la teoria del design di base con dimensioni, spazio, peso e colore per guidare l'utente da un elemento all'altro.

3. Un annuncio equivale a un messaggio

Gli annunci banner non sono una rotazione infinita di messaggi. Sebbene sia possibile utilizzare tecniche come gif animate per scorrere più messaggi negli annunci, questa non è sempre la soluzione migliore.

Inizia con un concetto che funzioni prima come annuncio statico. Solo allora dovresti provare ad aggiungere caratteristiche o funzioni. Lo spostamento di elementi in un annuncio non dovrebbe essere l' unica cosa che le persone vedono. Il tuo messaggio dovrebbe essere la cosa più importante sullo schermo.

4. Pensa al posizionamento

Dove hai intenzione di posizionare questi banner pubblicitari dopo che sono stati creati? Se stai utilizzando un servizio come Google, potresti non avere molto controllo sui posizionamenti, ma se acquisti direttamente per siti Web, app o newsletter elettroniche specifici, dovresti esaminare il design di queste cose prima di iniziare sul tuo anno Domini.

Usa colori che contrastano fortemente con la posizione e lo sfondo circostante. Questo ti aiuterà ad aggiungere pop fuori dallo scenario. Scegli colori audaci e una forte tipografia. Anche se ti trovi in un campo o in una linea di prodotti simili al sito in cui è inserito l'annuncio, scegli elementi visivi forti che sono drasticamente diversi per il massimo impatto.

5. Includi un invito all'azione

Anche se la maggior parte degli annunci non verrà mai cliccata, questo è l'obiettivo finale giusto? Crea un invito all'azione per ogni banner pubblicitario che disegni. Cosa dovrebbero fare gli utenti dopo?

Ciò può includere la registrazione a un elenco e-mail, la visualizzazione del sito Web, l'ottenimento di uno sconto e così via. Ma devi dire agli utenti di eseguire questa azione. (Sì, a volte siamo ancora un gruppo piuttosto impressionabile che ha bisogno di istruzioni dirette.)

6. Dimentica Flash

In questi giorni è quasi ovvio, ma non permettere a nessuno di parlarti in un annuncio flash. Stai sprecando tempo, fatica e denaro.

Usa invece HTML5. Se hai bisogno di aiuto con la conversione di alcuni dei tuoi vecchi design di annunci e vuoi salvarli, Google ha un breve tutorial che può aiutarti.

7. Includi un pulsante

Quando si tratta di utenti un po 'densi - a un certo punto rientriamo in quella categoria - le istruzioni facili da seguire sono fondamentali. Mentre la maggior parte degli utenti sa di poter fare clic sugli annunci, a volte includere un pulsante effettivo è ciò che li rende effettivamente spostare il mouse. (Sì, sappiamo che è possibile fare clic su tutto lo spazio pubblicitario, ma il pulsante è un ottimo segnale visivo.)

Quindi includi un pulsante. Non deve essere elegante. Ma un semplice "acquista ora" o "scopri di più" può fare molto per convincere gli utenti a passare dal visualizzatore alla conversione.

8. Focus sui caratteri

Più piccolo è lo spazio con cui stai lavorando, più diventano importanti i caratteri. I banner pubblicitari sono in genere costretti in spazi ristretti e si scontrano con molta concorrenza per gli occhi. Ottieni il massimo con caratteri tipografici forti e facili da leggere.

Come regola generale, due caratteri tipografici dovrebbero essere sufficienti.

Vai alla grande con il titolo. Usa qualcosa di audace, un po 'insolito o colorato per attirare l'attenzione degli utenti.
Attenersi a un semplice sans serif per tutto il resto. Puoi usare due dimensioni o grassetto: uno per il testo principale e l'altro per i pulsanti o gli inviti all'azione. Assicurati solo che sia facile da leggere.

9. Utilizzare l'animazione in-pubblicità semplice

Una delle maggiori tendenze negli annunci banner è la semplice animazione. C'è un personaggio divertente che attraversa l'annuncio? Una ragazza carina ti fa l'occhiolino dall'altra parte dello schermo?

Ciò di cui non stiamo parlando sono i display luminosi gialli e arancioni luminosi delle pubblicità del passato. Non è necessario il testo al neon per attirare l'attenzione dell'utente.

Di cosa stiamo parlando sono piccole sorprese che potresti dover guardare due volte per notare davvero. L'animazione semplice può essere proprio quel piccolo divot che fa notare qualcuno.

10. Salva correttamente

Questo è grande. Nessuno vorrà pubblicare i tuoi annunci se i file sono troppo grandi o se non sono formattati correttamente. Ottimizza i tuoi contenuti per la dimensione del file più piccola possibile. La dimensione del file di destinazione dovrebbe essere intorno ai 150 kb, a seconda della dimensione dell'annuncio.

Quindi assicurati di salvare in un formato che funziona sul Web. Tipi di file comuni per banner pubblicitari includono PNG e JPG per display statici e GIF per display animati. Con l'aumentare della popolarità di SVG, anche questo formato sta diventando più ampiamente accettato.

11. Concentrati sulla copia

Prima di dire che questo è il lavoro di qualcun altro, la copia è una parte fondamentale del progetto. Poiché non c'è molto spazio con cui lavorare qui, dovrai creare una stretta collaborazione con il copywriter per creare un messaggio che vende.

Non vuoi ottenere 100 parole da stipare in quell'annuncio vero? Quindi lavora con il copywriter. Considera di porre domande all'utente o di creare una presa in giro che attiri l'attenzione dell'utente senza fornire risposte.

12. Mantenere la coerenza del marchio

Gli annunci banner sono un'estensione di ogni altra campagna di marketing che hai in corso. E dovrebbero assomigliare a questo. Mentre le forme e le dimensioni possono presentare alcune sfide di progettazione, è importante mantenere la coerenza visiva.

Questo può richiedere di pensare a banner pubblicitari nella parte iniziale della tua strategia di marketing. (Non progetteresti un logo in questi giorni senza una versione quadrata appropriata dei social media, vero? Lo stesso vale per i banner se la pubblicità del sito Web fa parte del tuo piano generale.)

Per mantenere la coerenza, utilizza gli stessi colori, caratteri tipografici e immagini su tutti i materiali di marketing. Per elementi più piccoli, potresti considerare di eliminare un logo formale o di utilizzare un ritaglio interessante di un'immagine che appare a grandezza naturale in altri mezzi. Va bene. Potrebbe essere necessario essere molto creativi per far sì che tutto si riunisca.

13. Usa immagini forti

Se hai paura di tagliare, questo è il momento di superarlo. Le immagini negli annunci banner sono piccole - spesso molto piccole - e dovrai usare immagini strette e scatti dettagliati per sfruttare al meglio lo spazio.

Quando si utilizzano immagini di persone, optare per i volti. Se sei un rivenditore di abbigliamento, mostra un articolo anziché un intero guardaroba. Attenersi anche a posizionamenti semplici, con immagini accanto al testo, piuttosto che come parte di esso. Gli utenti avranno solo pochi secondi per vedere cosa stai cercando di dire. Un'immagine forte accanto a un messaggio forte è la soluzione migliore.

14. Collegamento appropriato

Non c'è niente come una campagna pubblicitaria ben ponderata. Se fai clic su un banner perché vedi una maglietta che desideri acquistare, il link dovrebbe andare a quell'elemento. Gli utenti ti ringrazieranno.

Ciò potrebbe richiedere un po 'più di lavoro da parte tua. Le pagine di destinazione che si riferiscono direttamente alle campagne pubblicitarie sono una buona opzione per questo. Abbina gli annunci alle immagini nella pagina correlata in modo che gli utenti non si sentano ingannati o persi dopo il clic. (Questo è uno strumento efficace per aiutarti a misurare anche le conversioni.)

15. Keep it Simple

Lo diciamo molto in Design Shack: mantienilo semplice. Se stimoli eccessivamente gli utenti con messaggi, animazioni, colori e fatti, diluirai ciò che stai veramente cercando di realizzare. Mantienilo semplice.

Quando si tratta di banner pubblicitari, uno di tutto è abbastanza.

Un'immagine
Un messaggio
Un invito all'azione
Un marchio

Conclusione

Quindi l'annuncio banner non è ancora morto. (E probabilmente non scomparirà presto.) Questi posizionamenti possono essere un modo efficace per raggiungere il tuo pubblico di destinazione con acquisti e design ricercati che aiutano gli utenti a connettersi con il tuo marchio.

Se hai bisogno di ulteriori suggerimenti per la creazione di annunci per il Web, consulta queste risorse: