8 min
Una cridada a l’acció és un terme que fa referència a aquells elements d'una pàgina web que sol·liciten una acció per part de l'usuari. Aquests elements es manifesten en la interfície d’un web en forma de botons seleccionables que, en el moment de fer clic, traslladen el visitant a l’acció sol·licitada (per exemple, "Compra-ho ara"). Imaginem que, a aquestes alçades, ja deus saber què és una CTA, però si vols refrescar la memòria pots llegir aquest post: ‘Què és CTA i per a què s'utilitza’.
En aquest article, et mostrarem exemples de calls to action eficaces que capten realment l'atenció dels usuaris.
Millors pràctiques de calls to action efectives
Vols recordar-ho tot? Inscriu-te a Evernote. Amb aquest missatge qualsevol persona pot entendre immediatament el significat de call to action en el moment que aterra en aquesta pàgina. Evernote utilitza el disseny perquè la CTA sigui fàcil de veure amb un text que ressalta els beneficis d’aquesta aplicació i resumeix de quina manera s’ha d’utilitzar. El color verd del botó és el mateix verd que el titular i el logotip d'Evernote. Tots aquests elements ressalten sobre una pàgina en blanc.
Dropbox realment és una de les pàgines més simple que hi ha. Els gràfics són subtils i amb prou feines perceptibles. Què fa, doncs, que aquesta pàgina sigui bona? És simple i utilitza molt espai en blanc, que provoca que el blau de "Registra't" destaqui per sobre de tota la resta. Les calls to action i el logotip de Dropbox són del mateix color i van de la mà. L'espectador subconscientment llegeix de la mateixa manera la CTA com el text "Inscriu-te a Dropbox." Es tracta d’una cridada a l'acció eficaç!
En general és bastant fàcil perdre de vista les cridades a l’acció quan es col·loquen a sobre d’una imatge carregada. En aquesta pàgina, Spotify, mostra als visitants el seu objectiu i alguns àlbums, cosa que podria provocar una dura competència contra la CTA. No obstant això, Spotify guanya en aquest terreny i inclou un botó de color verd llima amb un disseny simple i centrat. La mateixa CTA es repeteix a la banda superior dreta de la barra de navegació. Aquest contrast i repetició assegura que l’espectador hagi de veure forçosament la CTA.
Per aconseguir un disseny eficaç de CTA s’ha de tenir en compte alguna cosa més que el disseny del propi botó. També és molt important tenir en compte elements com el color de fons, imatges dels voltants i el text de la pàgina.
Sent conscient d'aquests components addicionals de disseny, Square (en una sola imatge) mostra la senzillesa d'ús del seu producte, en el qual plana el text "Get Started" i on gairebé sembla que la CTA espera que el visitant faci el clic. El color de la targeta de crèdit a la imatge i el color del botó de la CTA ajuda l'espectador a connectar amb el visitant perquè entengui els motius pels quals hauria de clicar a l’enllaç.
Com ja sabeu, la nostra agència Inbound Emotion ofereix essencialment serveis d’inbound màrqueting a empreses. El text de la nostra pàgina dedicada a l’inbound màrqueting ho explica resumidament i respon les preguntes que els visitants es podrien anar fent en el seu recorregut per la pàgina. Les calls to action de color taronja de la part superior, contrasten sobre el fons de la capçalera blanca, alhora, que s’adhereix molt bé al mateix to de la imatge corporativa. La CTA “Demana una consulta” és molt simple i no obliga el visitant a fer l’acció. D’una manera amable intenta fer-li més fàcil el seu camí per resoldre-li qualsevol dubte. Es tracta d’una CTA a l’estil inbound. Si vols llegeix més: 'Com crear CTA efectives per a inbound marqueting’Com crear CTA efectives per a inbound marqueting’.
Per què Uber col·loca aquests sis punts a la part inferior del seu lloc? Cadascun d’ells mostra un escenari en blanc i negre diferent i l'única cosa que mai no canvia és el blau identitari de les cridades a l’acció. d’Uber. Són unes CTA provocades per segmentar els diferents perfils d’usuaris en funció de les seves necessitats. Perfecte!
Aquest tipus de calls to action podrien ser agressives si no s’utilitza el to adequat. En canvi, en aquesta CTA hi ha un enfocament educatiu que impacta perquè es desafia els visitants a aprendre el que fa l'empresa i a triar-la a ella en lloc dels seus competidors. Aquestes cridades són directes encara que no utilitzin verbs d’acció i donen una imatge de confiança i de seguretat que contagia el visitant.
Aquesta CTA de OkCupid no sembla tan impressionant a primera vista, però la seva brillantor està en els petits detalls. El botó de les calls to action, que és de color blau fosc i destaca en un fons gris clar, diu "Continuar" donant l'esperança que el procés de registre és curt i no costarà gaire temps. Aquesta CTA fa que el procés avorrit d’omplir un formulari esdevingui un joc divertit.
Treehouse ajuda les persones a aprendre com han de codificar. Encara que una persona no tingui ni idea de codis, si es trobés amb una CTA de color verd gran que li suggerís iniciar una prova gratuïta, potser podria caure a la temptació de provar-ho. En definitiva, si un visitant no té ni idea del que ofereix Treehouse però vol aprendre més, hi ha una CTA secundària que li permet fer-ho possible.
Vols registrar-te a Pinterest? Tens un parell d'opcions: o bé t'inscrius a través de Facebook o per correu electrònic. Si tens un compte de Facebook, Pinterest vol que ho facis primer per aquesta via. Com ho sabem? Per l’estètica. Perquè el blau de les calls to action és el mateix blau corporatiu de Facebook i la CTA està col·locada en primer lloc. A més, és molt més prominent, colorida i recognoscible pel logotip de la marca i el color. Lògicament, també, perquè si inicies sessió a través de Facebook, Pinterest pot introduir dades de l'API de Facebook i obtenir més informació sobre tu, en lloc de si et connectes a través del teu correu electrònic. A més, es pot veure un vincle molt subtil a "Accedir ara" si ja tens compte de Pinterest. Aquesta pàgina està molt optimitzada per atraure nous membres.
Per crear cridades a l’acció que aconsegueixin clics i actuïn com a trampolí per iniciar les teves rutes de conversió, assegura’t que el missatge que es mostra en la teva CTA s'alinia amb el missatge de la teva pàgina d’aterratge.
Les grans calls to action han de fer només això: orientar a l'acció. El teu principal objectiu és dirigir els clics i les persones directament cap a les landing page amb un objectiu de negoci molt concret. Per això, assegura’t que els botons utilitzen un llenguatge i uns colors que ajudin a destacar-se entre la resta del teu lloc web.
Creus que el teu lloc web té cridades a l’acció ben preparades?
En vols saber una mica més d'inbound màrqueting? Descarrega't ara aquest interessant diccionari!
