CTA Design: l'unico piccolo dettaglio che fa una grande differenza

Pubblicato: 2023-01-19

CTA Design: l'unico piccolo dettaglio che fa una grande differenza

Fai un brainstorming su una grande idea. Hai il design perfetto per questo. E il tuo annuncio riesce ad attirare l'attenzione dei clienti giusti. Ma lo vedono e scorrono senza fare clic sull'annuncio. Lo vorresti? Ovviamente no! Ma cosa ha spinto il tuo cliente a ignorare l'annuncio? Era la tavolozza dei colori o la copia? Potresti pensare a tanti motivi. Ma hai esaminato attentamente il design CTA? Probabilmente no. Questa è forse l'ultima cosa che esamini, ma idealmente dovrebbe essere la prima!

Sì, non vuoi che l'annuncio perfetto venga sprecato semplicemente a causa di un invito all'azione mal progettato o debole. In effetti, non puoi nemmeno definirlo un "annuncio perfetto" se il CTA non soddisfa lo scopo.

Ma cosa c'è in una CTA giusto? Un semplice "clicca qui" o "scopri di più" è tutto ciò che vedi la maggior parte delle volte. Ti sentiamo. Ma, che tu ci creda o no, tutto, dalla posizione di quel pulsante CTA ai colori che scegli, la copia che usi e lo stile del carattere in esso può influenzare direttamente o indirettamente il suo impatto sullo spettatore. Curioso? Preparati allora. Oggi parleremo del design CTA.

  • CTA design – quindi, perché è importante?
    • 1. L'invito all'azione rende chiaro l'obiettivo dell'annuncio
    • 2. Aiuta i clienti a prendere decisioni
    • 3. Aiuta a migliorare le conversioni
  • CTA design: suggerimenti per renderlo degno di un clic
    • 1. Una piccola modifica alla tua copia fa molto
    • 2. Rendi il tuo invito all'azione simile a un pulsante
    • 3. Scegli il colore giusto per la tua CTA
    • 4. Fai attenzione all'opacità del design CTA
    • 5. Usa lo spazio negativo a tuo vantaggio
    • 6. Non aggiungere troppi CTA
    • 7. Ma quando ci sono più direzioni, mantieni la coerenza
  • Crea progetti CTA degni di un clic con Kimp

CTA design – quindi, perché è importante?

Un invito all'azione o CTA deve essere il punto più alto del tuo annuncio. Diamo un'occhiata ad alcuni dei motivi per cui gli inviti all'azione risultano essere i componenti più critici nella maggior parte delle grafiche di marketing.

1. L'invito all'azione rende chiaro l'obiettivo dell'annuncio

Per definire un CTA devi sapere qual è l'obiettivo del tuo annuncio. Ad esempio, per tutte le tue campagne su varie piattaforme, non ti aspetti che i clienti visitino la home page del tuo sito web. Per alcuni di questi annunci, desideri che i clienti scarichino la tua app. Alcuni dovrebbero portarli a una pagina di acquisizione dei lead in modo che tu possa raccogliere i loro dettagli di contatto per futuri sforzi di lead nurturing. E altri potrebbero dover portare i clienti a una pagina di vendita o a una pagina di prodotto in modo da aiutarli ad aggiungere l'articolo al carrello ed effettuare l'acquisto il più rapidamente possibile.

Pertanto, il tuo invito all'azione aiuta a indirizzare il traffico nella direzione prevista in base agli obiettivi che hai impostato per la campagna, il particolare annuncio o il design di marketing.

2. Aiuta i clienti a prendere decisioni

I clienti sanno cosa stanno cercando, ma che ci crediate o no, la maggior parte dei consumatori apprezza un piccolo aiuto nel prendere la decisione di acquisto. La maggior parte degli annunci, delle pagine di destinazione e di altri progetti di marketing hanno uno o due inviti all'azione. Sulle e-mail, potresti averne più di una quando si tratta di un insieme di categorie di prodotti o di un'e-mail di guida allo shopping. In ogni caso, l'aggiunta di CTA(s) assicura che i clienti superino la fatica della decisione e procedano al passaggio successivo con maggiore sicurezza.

3. Aiuta a migliorare le conversioni

A volte, i clienti non procedono al passaggio successivo nella canalizzazione principale semplicemente perché non sanno dove andare dopo. L'aggiunta di un invito all'azione rende più facile per loro capirlo.

Facciamo un esempio per capirlo meglio. Il dispositivo di scorrimento in basso viene visualizzato sul sito Web di Apple.

Fonte

Ok, allora che mi dici di Black & Blues di Louis Armstrong? Perché i clienti lo vedono sul sito web di Apple? Forse il logo Apple TV in basso indica che questo documentario è disponibile su Apple TV. Ma allora? Se non fosse stato per il CTA "Stream Now", la maggior parte delle risposte di cui sopra sarebbe rimasta senza risposta. I clienti confusi potrebbero averlo semplicemente superato. Ma grazie al pulsante CTA, i visitatori sanno che facendo clic su di esso verranno indirizzati alla pagina di streaming su Apple TV senza problemi. Questo li motiva a fare clic sul dispositivo di scorrimento. Ecco, è appena avvenuta una conversione!

Questo è un esempio di come il modo più semplice per realizzare la conversione sia aggiungere un invito all'azione chiaro e comprensibile.

Dopo aver stabilito il fatto che i CTA sono importanti nel design, parliamo ora di alcuni suggerimenti per il design CTA.

CTA design: suggerimenti per renderlo degno di un clic

Il tuo CTA dovrebbe essere un dettaglio evidentemente distinguibile nel tuo design. Ma allo stesso tempo, non dovrebbe distrarre i clienti dalle informazioni essenziali che lo precedono. I tuoi elementi visivi, la copia e il CTA insieme dovrebbero presentare chiaramente il messaggio e dire ai clienti perché dovrebbero fare clic sul CTA e cosa succede quando lo fanno. Perché tutto ciò accada, ecco alcuni suggerimenti per far funzionare il tuo CTA a favore del tuo design.

1. Una piccola modifica alla tua copia fa molto

Dovresti sapere che il 90% degli utenti che leggono il titolo nell'annuncio o nella pagina web leggono anche la copia dell'invito all'azione. Quindi, sì, la copia conta.

Nel seguente CTA, un semplice CTA "Download" sarebbe stato sufficiente. Ma l'aggiunta della parola "gratuito" rassicura i clienti che al momento non stanno pagando nulla ma possono comunque scaricare il contenuto.

vuoto
Fonte

Si stima che gli inviti all'azione personalizzati abbiano un rendimento migliore del 202% rispetto ai semplici inviti all'azione. Quindi, dedica abbastanza tempo alla copia. Identifica le parole migliori che suonano più convincenti e più rilevanti per il contesto.

Gli inviti all'azione personalizzati sono modi semplici per far sapere ai clienti cosa succede quando fanno clic sul pulsante. Nell'e-mail sottostante, ad esempio, i costumi capiscono immediatamente che facendo clic sul pulsante "Prenota il tuo posto" li porta alla pagina di prenotazione. Quindi, farebbero clic solo se sono veramente interessati a effettuare una prenotazione o saperne di più.

vuoto
Progettazione e-mail di Kimp

Pertanto, se disponi di un CTA personalizzato, puoi essere certo che solo i lead realmente interessati si sposteranno più in basso nel funnel. Questi sono i tipi di lead più propensi a convertire. E se non lo sanno, sai che sono il tipo di lead per il retargeting.

Suggerimento di Kimp: Affinché la tua copia CTA abbia il massimo impatto, scegli un carattere semplice e leggibile. Stare lontano da caratteri fantasiosi e stili decorativi. Un invito all'azione dovrebbe essere facile da leggere.

Combinare i caratteri giusti senza usare troppi caratteri tipografici sembra un compito travolgente? Lascia che i designer professionisti se ne occupino.

2. Rendi il tuo invito all'azione simile a un pulsante

Se l'invito all'azione ha lo stesso aspetto del resto del testo, come faranno i clienti a sapere che possono fare clic lì per passare al passaggio successivo? Quindi, fai in modo che il tuo invito all'azione abbia un aspetto diverso dal resto della copia.

Qualcosa di semplice come far sembrare l'invito all'azione un pulsante può migliorare significativamente i clic del 45%. Naturalmente, a seconda dello stile visivo del resto del design e dell'identità visiva del tuo marchio, puoi sempre utilizzare un pulsante piatto o uno skeuomorfo (tridimensionale) a seconda delle esigenze. Ma fintanto che è facile da percepire come un pulsante, ci sono maggiori possibilità che i visitatori lo clicchino.

3. Scegli il colore giusto per la tua CTA

Sapevi che cambiare semplicemente il colore del tuo design CTA può alterare drasticamente l'aspetto e l'efficacia del CTA? Infatti, SAP ha notato che un pulsante CTA arancione ha aumentato la conversione del 32,5%.

Naturalmente, alcuni altri colori potrebbero funzionare meglio per il tuo marchio. Puoi capirlo facendo un test A/B. Un modo per farlo sarà creare due diverse versioni dello stesso design mantenendo tutto tranne il CTA. Usa diversi colori del design CTA in entrambi questi design e vedi quale si converte meglio. Se stai testando l'idea su una pagina web, puoi anche utilizzare mappe di calore e altri strumenti di tracciamento per comprendere il comportamento dei visitatori e apportare ulteriori modifiche al tuo design.

Una volta scelto il colore, assicurati che il tuo invito all'azione si distingua dallo sfondo. Non puoi utilizzare lo stesso colore per l'invito all'azione e lo sfondo. Dovrebbe esserci una buona quantità di contrasto tra il colore del design CTA e il colore di sfondo e la tavolozza dei colori complessiva. Anche il design dell'invito all'azione più bello con la copia migliore non sarà di alcuna utilità se l'invito all'azione non è facile da riconoscere.

vuoto
Banner web design di Kimp

Nell'esempio sopra, l'invito all'azione rosso si distingue dallo sfondo scuro. Quindi, non c'è alcun rischio che gli utenti non notino l'invito all'azione.

Suggerimento Kimp: i colori e i contrasti di colore funzionano in modi complicati. A volte i colori con il massimo contrasto possono causare molta tensione visiva se messi insieme. Per saperne di più sulle combinazioni di colori e su come scegliere i colori contrastanti, dai un'occhiata al nostro blog sulla ruota dei colori e sulle combinazioni di colori.

4. Fai attenzione all'opacità del design CTA

Un altro motivo per cui il tuo design CTA non è facile da riconoscere potrebbe essere dovuto al motivo di sfondo e all'opacità del tuo design CTA. Un invito all'azione trasparente o traslucido potrebbe perdersi in uno sfondo affollato. In questi casi, un pulsante opaco fa risaltare l'invito all'azione. Oppure puoi anche aggiungere dettagli sottili come l'evidenziazione attorno all'invito all'azione nel design sottostante. Dettagli come questi migliorano ulteriormente l'aspetto dell'invito all'azione e attirano l'attenzione su di esso.

vuoto
Banner web design di Kimp

Vuoi creare banner così accattivanti per le tue campagne digitali? Mettiti in contatto con il team Kimp oggi stesso.

5. Usa lo spazio negativo a tuo vantaggio

L'aggiunta di spazi negativi attorno al tuo invito all'azione può aumentare la conversione di circa il 230%. Questo perché l'uso efficace dello spazio negativo elimina tutto il disordine attorno all'invito all'azione e dirige l'attenzione verso di esso.

vuoto
Design della pagina di destinazione di Kimp

Nella pagina di destinazione sopra, tutto lo spazio sotto l'invito all'azione rende l'invito all'azione facilmente visibile. Gli inviti all'azione che attirano la tua attenzione sono quelli che hanno maggiori probabilità di essere cliccati. Quindi, per assicurarti che i clienti non se ne vadano perché non hanno notato un invito all'azione presente sulla pagina, aggiungi un'ampia quantità di spazio negativo attorno ad esso.

6. Non aggiungere troppi CTA

Idealmente, dovresti definire chiaramente un'unica direzione per il tuo progetto di marketing. Il targeting e la fornitura di opzioni arrivano in una fase iniziale. Devi avere categorie di lead chiaramente definite e i tuoi annunci devono essere mirati con precisione. Quando i tuoi annunci sono segregati, definire il tuo CTA diventa più facile. Ti faremo alcuni esempi.

  • Se stai prendendo di mira potenziali lead, potresti avere contenuti che introducono il tuo marchio o li convincono a visitare il tuo sito web. In questi casi, è molto probabile che il CTA li porti sul sito web o sulla tua pagina dei social media per raccogliere maggiori informazioni.
  • I lead che atterri sul tuo sito Web o sulla pagina dei social media hanno mostrato il primo livello di interesse. Poi viene convincerli con le giuste strategie. Qui potresti utilizzare lead magnet con un pulsante di download o una pagina di acquisizione di lead con un pulsante di iscrizione.
  • Per i clienti esistenti, quando invii offerte pertinenti sugli articoli nella loro lista dei desideri o sugli articoli che hanno sfogliato, il tuo invito all'azione li porterà alla pagina del prodotto.
  • E se si tratta di un'e-mail che indirizza l'abbandono del carrello, l'invito all'azione porta i clienti al loro carrello per procedere con l'invio dell'ordine.

Devi comprendere meglio il percorso di un acquirente per sapere cosa sta cercando e dove dovrebbe essere indirizzato successivamente. In tutti questi casi, avere un unico CTA ha più senso.

Per un lead nella fase iniziale del lead funnel, troppe scelte potrebbero causare confusione e i lead confusi potrebbero non prendere una decisione.

vuoto
Fonte
7. Ma quando ci sono più direzioni, mantieni la coerenza

Per un semplice progetto di marketing, un singolo invito all'azione evita confusione e aumenta la conversione. Ma ci sono alcuni posti in cui hai bisogno di più CTA per avere il massimo impatto. Questo è il caso di progetti di lungo formato come pagine di destinazione e alcune e-mail.

Quando il contenuto è lungo, fare pause frequenti e aggiungere un invito all'azione in ogni sezione sarà molto meglio che sperare che i clienti leggano fino in fondo alla pagina e trovino lì l'invito all'azione.

Oppure, se la pagina di destinazione o l'e-mail è nel formato di una guida allo shopping in cui i clienti vedono una serie di opzioni di prodotto da acquistare, un CTA diverso per ciascuna opzione avrà più senso.

In tutti questi casi in cui hai più CTA, stabilisci una coerenza visiva tra di loro. Se ogni design CTA ha un aspetto diverso dall'altro, può rendere goffo il design generale. Alcune cose da conservare saranno:

  • Forma e colore del pulsante CTA
  • Font utilizzati nella copia CTA
  • Allineamento della copia dell'invito all'azione all'interno del pulsante
  • Orientamento dei pulsanti CTA

La pagina di destinazione sottostante ha inviti all'azione diversi per ogni sezione, ma i design degli inviti all'azione sembrano tutti coerenti. Rende la pagina più organizzata. E dal punto di vista dell'usabilità, una volta che i clienti vedono un paio di questi inviti all'azione, ovunque vedano un pulsante verde simile sul sito Web, sanno che si tratta di un collegamento cliccabile a un altro passaggio.

vuoto
Design della pagina di destinazione di Kimp

Crea progetti CTA degni di un clic con Kimp

Gli inviti all'azione fanno sembrare completa la maggior parte dei progetti di marketing portando i clienti nella direzione prevista. Quindi, non dimenticare di aggiungerne uno alle tue e-mail, pagine di destinazione, banner pubblicitari e ogni altro progetto di marketing in cui un CTA si sente rilevante. Gli inviti all'azione compaiono anche negli annunci stampati e qui saranno principalmente l'indirizzo del sito Web o le informazioni di contatto dell'azienda. Tuttavia, devono distinguersi dal resto del design in modo che i clienti intraprendano l'azione che desideri. Se aggiungi un invito all'azione senza alterare la struttura del design o se capisci dove utilizzare gli inviti all'azione e come sembra confonderti, lascialo ai tuoi progettisti. Scegli un abbonamento Kimp. Registrati ora per una prova gratuita.