Nonostante ciò che molti ti diranno, non ci sono regole rigide quando si tratta di pulsanti di invito all'azione. Sì, è vero che i pulsanti grandi e colorati, circondati da un sacco di spazio sono in genere i più riusciti, ma è importante personalizzare ciascun pulsante per l'attività principale della pagina Web in questione, che si tratti di iscrizione, checkout, registrazione o altro altro. Come designer, è compito tuo rendere il più semplice possibile per i visitatori il raggiungimento di queste attività e i pulsanti di invito all'azione sono gli strumenti più potenti a tua disposizione, quindi usali saggiamente.
In generale, i pulsanti di invito all'azione dovrebbero essere semplici e chiari. Devono distinguersi e attirare l'attenzione dell'utente. Tutto deve essere attentamente considerato, dalle parole trigger utilizzate per colori, dimensioni, forme e posizionamento. Questi pulsanti devono essere altamente visibili, ma non così vistosi da rendere il tuo sito brutto o sbilanciato.
Di seguito, diamo uno sguardo più da vicino a 25 dei pulsanti di invito all'azione più convincenti trovati sul web. Esaminiamo perché ogni singolo pulsante ha così tanto successo. Spero che ti daranno un'idea di alcune cose da fare e da non fare e di ispirare i tuoi progetti.
1. WordPress e-Commerce
È importante far risaltare il tuo pulsante usando il colore. Se puoi scegliere un colore che si lega alla tavolozza del tuo sito, come questo, i risultati sono ancora più attraenti.
2. Skype
Questo? Scarica ora? il pulsante è piuttosto semplice. Non è particolarmente grande o colorato. È, tuttavia, circondato da un sacco di spazio bianco, che lo rende ancora più evidente agli utenti.
3. Picsengine
Picsengine fa affidamento sul posizionamento per il successo della sua? See in action? pulsante. Il pulsante è bloccato nel mezzo della pagina, senza nessun altro testo di distrazione, link o pulsanti che lo circondano.
4. Mozilla Firefox
Il download di Mozilla Firefox? pulsante ha stimolato molto dibattito. La maggior parte delle persone, me compreso, crede che il suo design ampio, dalla forma irregolare e dai colori vivaci sia davvero rivoluzionario in termini di grafica call-to-action. Una piccola minoranza, tuttavia, sostiene che è confusa e non assomiglia affatto a un pulsante.
5. CakePHP
Download di CakePHP? il pulsante è stato creato con dimensioni grandi e forma insolita in mente. La sua chiarezza, tuttavia, non è venuta a scapito dell'estetica generale del sito. Si adatta comodamente allo sfondo grazie alla combinazione di colori coordinati.
6. Crazyegg
Crazyegg ha progettato il suo sito attorno al suo pulsante di invito all'azione, che si trova con orgoglio nel mezzo della homepage, circondato da un sacco di spazio bianco. Il suo colore giallo brillante viene rispecchiato solo dall'altro pulsante di invito all'azione sulla pagina - il più piccolo? Accedi? pulsante in alto a destra.
7. Tornasole
Litmus non ha esagerato con il suo pulsante di invito all'azione; tuttavia è molto chiaro, grazie in gran parte allo spazio vuoto che lo circonda e alla sua forma arrotondata, che non riecheggia in nessun altro punto della pagina.
8. StumbleUpon
Avere un obiettivo di funzione primaria per pagina rende più facile per gli utenti individuare i pulsanti di invito all'azione, ma a volte questo non è possibile. C'è un sacco da fare clic sulla homepage StumbleUpon, ma il? Start inciampare? il pulsante spicca davvero, grazie al suo uso del colore in un'impostazione altrimenti monotona
9. Ricorda il latte
Ricorda che Milk offre ai visitatori diverse opzioni sulla sua homepage, ma la più importante - "Registrati ora!" - è di gran lunga la più chiara, posizionata al centro della pagina, circondata da una casella colorata e in maiuscolo. Non c'è bisogno di colori sgargianti e luminosi qui.
10. Lifetree Creative
Lifetree Creative è riuscita a rendere il suo pulsante di invito all'azione molto grande, persino più grande del logo aziendale, senza rendere la pagina sbilanciata. Colore, forma, dimensioni e spazio sono stati utilizzati con grande effetto qui.
11. Dailymile
Dailymile ha fatto qualcosa di piuttosto insolito con il suo pulsante di invito all'azione. È disposto in cima a tutto il resto della pagina, con una sottile ombra dietro di esso. Aiutato anche dal fatto che è verde, il pulsante sporge davvero.
12. Carsonified
La homepage di Carsonified contiene molte informazioni, tuttavia, il? Acquista i tuoi biglietti? il tasto traspare grazie all'utilizzo di capitelli e colori. Le lettere bianche risaltano molto bene contro il rosso.
13. planHQ
PlanHQ ha sfruttato la potenza dello spazio bianco per accentuare i pulsanti di invito all'azione. Né dai colori vivaci né sovradimensionati, questi pulsanti sono chiari grazie ai blocchi di bianco in cui si siedono.
14. Cose
Le cose hanno due pulsanti di invito all'azione sulla sua homepage, che hanno entrambi un'importanza simile per l'azienda. Per questo motivo, hanno una forma, una dimensione e un colore identici, ma entrambi si stagliano bene contro il celeste e il grigio.
15. Livestream
Il rosso è un colore eccellente da usare quando vuoi attirare l'attenzione su qualcosa. Si distingue meglio contro uno sfondo bianco e nero, come quello utilizzato nella home page di Livestream. La forma a freccia di? Broadcast Now? pulsante, nell'angolo in alto a destra, invita gli utenti a fare clic avanti.
16. Ncover
Ncover è un altro sito con due pulsanti di invito all'azione sulla sua homepage. Usando il colore verde su uno sfondo blu, Ncover è riuscito a dare la priorità a un pulsante più importante rispetto all'altro.
17. Dashboard
Rosso contro uno sfondo bianco e nero presenta di nuovo qui. Oltre al suo colore, Dashboard's? Provalo gratis !? pulsante è altamente visibile grazie alle sue dimensioni, che offre spazio sufficiente per il logo e? Iscriviti in 60 secondi? essere incluso.
18. Persone libere
Questa pagina potrebbe sembrare piuttosto standard, ma rimarrai sorpreso dal numero di siti di e-commerce che sbagliano quando si tratta di loro? Aggiungi al carrello / carrello? pulsanti. Il pulsante People gratuito è ovvio senza essere sgraziato, grazie al suo colore e alle dimensioni grandi ma modeste.
19. ClickFormant
In genere, è preferibile utilizzare parole di attivazione standard del settore per i pulsanti di invito all'azione. Per una mailing list, il pulsante dovrebbe normalmente leggere? Iscriviti? oppure? Iscriviti ?. Occasionalmente, tuttavia, la modifica di queste parole può davvero aggiungere all'immagine del marchio di un'azienda. Questo è ciò che ClickFormant ha fatto usando la parola "Informare".
20. Kalculator
Grandi pulsanti di invito all'azione sovradimensionati hanno spesso molto successo, ma possono sembrare brutti e, a volte, un po 'disperati. Consapevole di ciò, Koombea ha usato il posizionamento, il colore, lo spazio e la forma, piuttosto che la dimensione, per far risplendere il suo pulsante.
21. Basecamp
Basecamp è gestito da un gruppo molto intelligente, quindi non sorprende che il suo pulsante di invito all'azione sia altrettanto intelligente. Molti siti commettono l'errore di posizionare un pulsante nella parte superiore della pagina, il che è fantastico, fino a quando l'utente non scorre verso il basso ed è oscurato. Il pulsante del campo base appare due volte: una volta in alto e di nuovo in basso.
22. Spotify
Spotify? Compra ora? pulsante è un ottimo esempio di come usare il colore e lo spazio. Verde brillante e circondato da bianchezza, il pulsante è evidente a tutti.
23. Dropbox
Il layout della home page di Dropbox è altrettanto logico e semplice di Dropbox stesso (uno strumento fantastico, che dovresti davvero provare se non lo hai già fatto!) I visitatori non si fanno illusioni su cosa dovrebbero fare qui. Possono o? Guardare un video? o? Scarica Dropbox? - è così semplice.
24. 280 diapositive
Il? Provalo ora? ? pulsante a 280 diapositive è grande? veramente grande! Non c'è modo che un visitatore possa perderlo. È blu, dello stesso colore dello sfondo, quindi non sembra sgradevole come potrebbe facilmente.
25. FlockDraw
FlockDraw's? Inizia a disegnare? pulsante è uno dei più interessanti in questa lista. Oltre al suo grande colore, che lo distingue dallo sfondo sbiadito, è sottilmente illuminato e sottolineato con pennellate multicolori.
Conclusione
Se un tipo di pulsante di invito all'azione ha avuto più successo di qualsiasi altro, puoi essere certo che ogni sito Web lo utilizzerebbe. Mentre è possibile identificare le somiglianze tra i pulsanti sopra, ci sono anche molte differenze. È fondamentale testare diverse combinazioni di pulsanti di invito all'azione sul tuo sito per verificare in che modo ciascuno influisce sui tassi di conversione. Puoi farlo facilmente utilizzando lo Strumento per ottimizzare il sito di Google. Qualunque siano i pulsanti di invito all'azione, tuttavia, assicurati che si adattino al design generale del tuo sito web.