Disegnare un bottone “call-to-action”

Esempio di un bottone call to action disegnato da Lauryn

I bottoni “call-to-action” sono quelli che l’utente deve cliccare, o che noi vogliamo che clicchi.
Questi bottoni, disegnati secondo determinate regole, possono aumentare il tasso di click e l’efficacia del sito. Vediamo alcune di queste regole.

• Brevi: il messaggio da veicolare deve essere breve e conciso, senza che l’utente possa avere la possibilità di fare altre scelte che potrebbero confonderlo.
• Per prima cosa evidenziare il verbo, ad esempio “Contattaci, registrati, download” e così via. Può essere seguito da altre informazioni come “gratis, entro 30 giorni, subito” e così via.
• Più sono grandi e più si notano, e più sono importanti. Bottoni importanti non vanno fatti piccoli come gli altri.
• Si può usare un colore diverso e acceso per far risaltare meglio il bottone. L’uso dei colori deve essere ponderato, ad esempio un bottone di colore rosso può indicare un errore e quindi confondere l’utente. I colori devono anche essere univoci, cioè non tutti i bottoni devono avere lo stesso colore, e devono essere comunque diversi dal colore principale del sito, altrimenti non vengono visti.
• Una delle posizioni ideali per i bottoni è immediatamente sotto il testo, prodotto o quant’altro. Di lato diminuisce la sua efficacia in quanto l’utente deve prima leggere il contenuto della pagina, e poi tornare su per leggere ed eventualmente cliccare il bottone.
• Un messaggio poco chiaro, con scritte ambigue crea problemi. “Checkout” non vuol dire niente, “Vai alla cassa” è molto più chiaro e invitante.

Post correlati

• 17 giugno 2010 -- Avvicinarsi all’User Experience
• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione

1. 

   aledesign.it (247 comments) says:

   17 giugno 2009 at 09:30

   Bel post. Eppur non mi ricordo quante volte ho cercato di far capire queste essenziali regole…a volte andava bene altre..no..

   reply
2. 

   Alexia (6 comments) says:

   17 giugno 2009 at 11:19

   Grazie, interessante

   reply
3. 

   Andrea Galtieri - B&B marketing (15 comments) says:

   17 giugno 2009 at 13:30

   Condivido ogni singola parola!

   reply
4. 

   YouON (2 comments) says:

   17 giugno 2009 at 14:16

   ottime linee guida

   reply
5. 

   rob12345 (16 comments) says:

   17 giugno 2009 at 15:24

   Ottimi spunti!

   Sul “più grandi sono e più si notano” definirei un limite perchè non deve essere invasivo o snaturare le proporzioni del sito o della landing page.

   reply