Membro di PiperitaLab
Home » Seo e webmarketing » Seo, webmarketing, promozione online » Disegnare un bottone “call-to-action”

Disegnare un bottone “call-to-action”

Scritto da il 17 giugno 2009 in Seo, webmarketing, promozione online - 5 Commenti - 14 visite

ordernow 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.
Libri da non perdere:
Amazon-Box creato da Giuseppe Frattura

L'Autore

Architetto dell'Informazione presso uno società di webdesign, ho sviluppato nel tempo conoscenze in interaction design e user centered design che cerco di condividere con gli utenti di ItalianWebDesign.

homeSito personale|archiveArchivio autore

5 Commenti

  1. aledesign.it (344 comments)
    Scritto il 17 giugno 2009 alle 09:30

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

  2. Alexia (6 comments)
    Scritto il 17 giugno 2009 alle 11:19

    Grazie, interessante :)

  3. Scritto il 17 giugno 2009 alle 13:30

    Condivido ogni singola parola! :D

  4. YouON (2 comments)
    Scritto il 17 giugno 2009 alle 14:16

    ottime linee guida :)

  5. rob12345 (16 comments)
    Scritto il 17 giugno 2009 alle 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.

Scrivi un commento!

© 2012 Italian webdesign. Diritti riservati. Ideato da Laura Gargiulo - Icone di Komodo Media - Logo di W3B.