• UI & UX

Hangi klikk: 8 nõuannet efektiivse CTA kujunduse kohta: 8 nõuannet efektiivse CTA kujunduse kohta

  • Felix Rose-Collins
  • 5 min read
Hangi klikk: 8 nõuannet efektiivse CTA kujunduse kohta: 8 nõuannet efektiivse CTA kujunduse kohta

Intro

Google'i otsingutulemuste esimesele leheküljele jõudmine ja publiku tähelepanu äratamine on tõeline väljakutse, sest inimesed klõpsavad harva teisel leheküljel olevatele tulemustele. Selle eesmärgi saavutamiseks on SEO-optimeerimine teie saidi jaoks hädavajalik.

Kuid see ei tähenda, et esikümnesse jõudmine tagab teile tingimata hea konversioonimäära. On tõsi, et võite oodata veebilehe külastatavuse kasvu, kuid konversioonide jaoks on veel üks oluline element - tõhus üleskutse tegutsemiseks.

CTA peamine roll on suunata külastajad järgmise sammu juurde ja julgustada neid tegutsema - tellida uudiskirja, laadida alla e-raamat, osta toode või teenus või registreeruda prooviperioodile.

Kuid halvasti kujundatud CTA on sama hea kui mitte mingi, sest see ei tekita klikke ega hõlbusta konversioone.

Selles artiklis käsitleme parimaid näpunäiteid vastupandamatute CTA-de kujundamiseks, millele teie potentsiaalsed kliendid ei saa teisiti kui klikata. Loe edasi, et rohkem teada saada!

1. Kasutage kleepuvat külgriba CTA-d

CTA-de eesmärk on püüda külastajate tähelepanu ja panna nad klõpsama.

Mõnedel veebilehtedel, näiteks avalehtedel või blogipostitustes, on palju sisu ja CTA-d on lihtne seguneda kõigi teiste elementide hulka ning muutuda praktiliselt nähtamatuks.

Meet Ranktracker

Kõik-ühes platvorm tõhusaks SEO-ks

Iga eduka ettevõtte taga on tugev SEO-kampaania. Kuid kuna on olemas lugematu hulk optimeerimisvahendeid ja -tehnikaid, mille hulgast valida, võib olla raske teada, kust alustada. Noh, ärge kartke enam, sest mul on just see, mis aitab. Tutvustan Ranktracker'i kõik-ühes platvormi tõhusaks SEO-ks.

Oleme lõpuks avanud registreerimise Ranktracker täiesti tasuta!

Loo tasuta konto

Või logi sisse oma volituste abil

Sisestage kleepuv külgriba CTA.

See hõljuv nupp on kinnitatud veebilehe küljele ja jääb nähtavaks, kui kasutaja kerib lehekülge üles ja alla, ilma et see oleks liiga pealetükkiv või häiriv. Te ei pea muretsema, kas potentsiaalne klient unustab teie suurepärase pakkumise, kui ta loeb artiklit või vaatab klientide kommentaare.

ATH Sport annab 10% allahindlust esimesest tellimusest ja reklaamib seda stiimulit oma kodulehel ja kogu oma veebisaidil, rakendades kleepuvat külgribal CTA-d "Salvesta 10%". Nii tuletatakse külastajatele peenelt meelde, et nad peaksid tegutsema ja nõudma allahindlust.

Use a sticky sidebar CTA (Allikas: ATH Sport)

2. Kasutage negatiivset ruumi

Üks suurimaid vigu, mida saate oma CTAga teha, on selle matmine suure tekstiploki keskele. See on kindel viis, kuidas külastajad seda ei märka ja lahkuvad ilma konverteerimata.

Ära karda kasutada maksimaalselt ära negatiivset ruumi, s.t ala kujunduses, mis on jäetud teksti või muude elementidega hõivamata. Kui ümbritsete oma CTA-d valge ruumiga, saate luua visuaalse katkestuse, mis aitab vaataja tähelepanu nupule juhtida.

Mida vähem on CTA-d ümbritsevaid segavaid asjaolusid, seda paremini saab sellele klikata.

Meet Ranktracker

Kõik-ühes platvorm tõhusaks SEO-ks

Iga eduka ettevõtte taga on tugev SEO-kampaania. Kuid kuna on olemas lugematu hulk optimeerimisvahendeid ja -tehnikaid, mille hulgast valida, võib olla raske teada, kust alustada. Noh, ärge kartke enam, sest mul on just see, mis aitab. Tutvustan Ranktracker'i kõik-ühes platvormi tõhusaks SEO-ks.

Oleme lõpuks avanud registreerimise Ranktracker täiesti tasuta!

Loo tasuta konto

Või logi sisse oma volituste abil

Flamingo annab oma kodulehe CTA-le piisavalt hingamisruumi ja eraldab selle teistest elementidest, juhtides seega külastajate tähelepanu peamisele eesmärgile - oma puhkuse jälgimise lisamine Slacki. Vaatamata suurele valgele ruumile ei tundu kujundus tühi või viimistlemata, seega on õige tasakaalu leidmine võtmetähtsusega.

Leverage negative space (Allikas: Flamingo)

3. Luua kiireloomulisuse tunne

Kiireloomulisus ja nappus on võimsad konversioonimootorid, mistõttu peaksite need psühholoogilised põhimõtted sisaldama oma CTA-kirjelduses.

Võtke eeskuju Amazonist ja nende nutikast "Ainult 1/2/3 laos alles", mis paneb isegi otsustusvõimetuid kliente tellima toodet kohe, enne kui keegi teine selle ära ostab.

Inimesed tajuvad tooteid, mida napib või mis on peagi välja müüdud, väärtuslikumana, mis omakorda tekitab hirmu, et nad jäävad ilma (FOMO). Saate seda nähtust ära kasutada, koostades CTA-kopeeringu, mis keskendub toote piiratud kättesaadavusele.

Kiireloomulisuse rõhutamiseks kasutage sõnu "nüüd", "kohe" või "täna".

CTA Bed Bath & Beyondi koduleheküljel on suurepärane näide nii kiireloomulisuse kui ka nappuse ühendamisest. Kliente kutsutakse üles "Osta nüüd", kuna pakkumine kehtib kuni 8. jaanuarini, kuid seda võimalust vähendatakse täiendavalt, lisades "Kuni varud kestavad". Asjaolu, et CTA ise on suure punase bänneri sees, mis on paigutatud ülevalt alla, muudab selle veelgi silmatorkavamaks ja veenvamaks.

Create a sense of urgency - Bed Bath & Beyond (Allikas: Bed Bath & Beyond)

Jaanuari avalehel on veidi teistsuguse kiireloomulisusega CTA. Hoolikalt kujundatud sõnastus "Liitu ooteloendiga" tekitab rakenduse ümber elevust ja tekitab nõudlust, andes mõista, et teised potentsiaalsed kliendid ootavad kannatamatult käivitamist. See lihtne, kuid intrigeeriv CTA toimib, sest see annab mõneti eksklusiivse meeleolu - see on nagu VIP-klubi nimekirja pääsemine.

Create a sense of urgency - January (Allikas: jaanuar)

4. Sisaldab võimsussõnu

Nagu nimigi ütleb, on võimsatel sõnadel võime äratada potentsiaalsetes klientides emotsioone. 95% ostuotsustest tehakse alateadlikult, mis tähendab, et emotsioonid mängivad protsessis olulist rolli.

Seega, sealhulgas sellised võimsad sõnad nagu

  • Tasuta
  • Amazing
  • Uus
  • Efektiivne
  • Lihtne
  • Koheselt
  • Garanteeritud
  • Risk puudub
  • Sertifitseeritud
  • Kaitstud
  • Testitud
  • Kinnitatud
  • Extra

tabab teie publikut ja paneb nad tegutsema.

Nagu näete, on mõnede nende sõnade eesmärk veenda kliente, et on ohutu klõpsata nupule ja teha ostu või tellida uudiskiri. Teised keskenduvad teie pakkumise väärtuspakkumise esiletõstmisele.

Evernote'i koduleht lubab kasutajatele, et nad saavad rakenduse abil oma elu korraldada, samas kui CTA meelitab neid tasuta registreeruma. Ja kes võiks sellisest ahvatlevast pakkumisest keelduda?

Include power words - Evernote (Allikas: Evernote)

Samuti kutsub BaseLangi kodulehe CTA kasutajaid üles alustama hispaania keele õppimist "vaid 1 dollariga", mis on järgmine parim asi, mis pakub tasuta teenust. Brändi üldine sõnumi edastamine on jõuline teiste võimsate sõnade abil, nagu "piiramatu" või "all-you-can-eat", mis mõlemad edastavad pakkumise väärtust, et potentsiaalsed kliendid saavad proovida nädal aega ja maksta sümboolset 1 dollari suurust tasu.

Include power words - BaseLang (Allikas: BaseLang)

5. Tee oma CTA pop

Olete ilmselt kuulnud 15 sekundi reeglist, mille kohaselt on teil külastajate tähelepanu äratamiseks aega vaid veerand minutit. See ei jäta teile liiga palju manööverdamisruumi, mis tähendab, et peate tegutsema kiiresti ja tagama, et CTA on üks esimesi asju, mida inimesed märkavad, kui nad teie veebilehele satuvad.

Värvi pritsimine on üks parimaid viise selle eesmärgi saavutamiseks. On erinevaid arvamusi selle kohta, milline värv suurendab konversioone, kuid selles küsimuses on žürii veel lahtine. Siiski võib järeldada, et küsimus ei ole niivõrd selles, kas valite punase, rohelise, sinise või kollase värvi, vaid kontrasti loomises.

Näiteks võite kasutada nn komplementaarvärve, mis asuvad värviratta vastaskülgedel. Kui teie veebileht on peamiselt sinine, siis oranž CTA loob tugeva kontrasti.

Menlo Caochingi koduleht on valge ja hall, nii et CTA jaoks valitud julge punane muudab selle kohe nähtavaks. Kujunduses on kasu ka negatiivsest ruumist, mis rõhutab CTA-nuppu täiendavalt ja paneb selle neutraalsel taustal silma paistma.

Make your CTA pop (Allikas: Menlo Coaching)

6. Ära ole ebamäärane

Ärge oodake, et teie külastajad teeksid järeldusi selle kohta, mis edasi juhtub - rääkige neile sellest.

CTA-nupud, mis ütlevad "Vajuta siia" või "Saada", ajavad inimesi ainult segadusse ja see on halvim asi, mida te teha saate.

Trikk seisneb selles, et anda külastajatele selgelt teada, millist kasu nad saavad tegutsemisest, ja teavitada neid sellest, mis on järgmine samm.

Dropbox kasutab seda "mis on minu jaoks kasulik" lähenemisviisi oma kodulehel, öeldes oma potentsiaalsetele klientidele, et CTA-nupule klõpsates saavad nad leida endale parima paketi. On ilmselge, et järgmisel leheküljel leiavad nad paketi üksikasjad, funktsioonid ja võrdlused, mis aitavad neil otsust teha.

Don’t be vague (Allikas: Dropbox)

7. Lisage sotsiaalset tõestust

Kui tegemist on väljavaadete teisendamisega, ei toimi miski paremini kui sotsiaalne tõestus. 87% ostuotsustest algab veebiuuringutega, samas kui kliendid loevad enne tellimuse esitamist keskmiselt kümme arvustust.

Kuid kuna te ei taha, et potentsiaalsed kliendid lahkuksid teie veebisaidilt, kui nad otsivad klientide kommentaare ja iseloomustusi, on kõige parem näidata neile sotsiaalset tõestust just seal, enne kui esitate neile CTA-d.

Nii ehitate üles usaldust ja hajutate võimalikud kahtlused, mis neil ostu suhtes tekkida võivad.

Just seda teeb Buffer oma kodulehel. Nende CTA-d on ühendatud õnnelike klientide tsitaatidega, mis rõhutavad, kuidas platvormi kasutamine muudab nende elu lihtsamaks. Usaldusväärsuse lisamiseks lisas bränd klientide nimed ja fotod. See lihtne taktika on väga tõhus, sest see annab nimele näo ja muudab sotsiaalse tõestuse autentsemaks.

Add social proof (Allikas: Buffer)

8. Hoidke asjad lihtsad

Kõik seni käsitletud näpunäited võivad jätta teile mulje, et teie CTA-d peavad töötamiseks olema üle võlli.

Kuid tõde on see, et lihtsus on sageli alahinnatud.

Meet Ranktracker

Kõik-ühes platvorm tõhusaks SEO-ks

Iga eduka ettevõtte taga on tugev SEO-kampaania. Kuid kuna on olemas lugematu hulk optimeerimisvahendeid ja -tehnikaid, mille hulgast valida, võib olla raske teada, kust alustada. Noh, ärge kartke enam, sest mul on just see, mis aitab. Tutvustan Ranktracker'i kõik-ühes platvormi tõhusaks SEO-ks.

Oleme lõpuks avanud registreerimise Ranktracker täiesti tasuta!

Loo tasuta konto

Või logi sisse oma volituste abil

Paljudel juhtudel saad suurepäraseid tulemusi, kui hoiad oma CTA-d lihtsana nii kujunduse kui ka konverteerimisprotsessi osas.

Jira kodulehe CTA kontrollib kõik kastid oma "Jätka Google'iga" CTAga. Kurat peitub detailides ja kuigi siin ei toimu näiliselt midagi erilist, seisneb selle CTA tõhusus selles, et see muudab asjad ülilihtsaks nende jaoks, kes otsustavad registreeruda.

Keerulise registreerimisprotsessi asemel säästab Jira kasutajate aega, võimaldades neil platvormile juurdepääsu oma Google'i konto kaudu. Selleks kulub vaid paar klõpsu ja puudub tüütu vormide täitmine, mis on vastutav paljude hüljatud registreerimiste ja ostukorvide eest. Pealegi sisaldab koopia seda maagilist avatud-sesama võimsat sõna " tasuta", mis on võimeline veenma kõhklejaid klõpsama ja jätkama.

Keep things simple (Allikas: Jira)

Lõpetamine

Tegevuskutse võib olla teie veebilehe väikseim kujunduselement, kuid selle tähtsus on suur. Ilma selleta ei teaks potentsiaalsed kliendid, mida te neilt ootate ja milline peaks olema nende järgmine samm. Seega pöörake oma CTA-de kujundusele hoolikas tähelepanu ja ärge jätke neid tähelepanelikult tähelepanuta. Need taktikad aitavad teil tagada, et klikid voolaksid sisse.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Alusta Ranktracker'i kasutamist... Tasuta!

Uuri välja, mis takistab sinu veebisaidi edetabelisse paigutamist.

Loo tasuta konto

Või logi sisse oma volituste abil

Different views of Ranktracker app