Poziv na akciju, ili CTA (engl. call to action), najčešće je najmanji element na stranici sa najvećim utjecajem na rezultat. To je tačka u kojoj se sav trud uložen u dizajn, sadržaj i tehničku izvedbu pretvara u konkretan ishod: poslan upit, dodan proizvod u korpu ili zakazan poziv. Dobro dizajniran CTA ne viče i ne manipuliše, nego korisniku u pravom trenutku jasno kaže šta je sljedeći logičan korak. U ovom tekstu razlažemo kako se taj element gradi inženjerski, a ne na osjećaj.
Šta CTA zapravo treba postići
Svaki CTA ima jedan zadatak: smanjiti nesigurnost i učiniti sljedeći korak očiglednim. Korisnik koji dođe na stranicu nosi neko pitanje ili namjeru, a CTA je odgovor na to pitanje izražen kao radnja. Ako posjetilac mora razmišljati gdje da klikne ili šta će se desiti nakon klika, dizajn je već zakazao.
Dobar CTA radi na tri nivoa istovremeno. Vizuelno se izdvaja od ostatka stranice tako da ga oko odmah pronađe. Tekstualno opisuje tačno onu vrijednost koju korisnik dobija. Kontekstualno se pojavljuje u trenutku kada je korisnik spreman da djeluje, ni prerano ni prekasno. Kada bilo koji od ova tri nivoa izostane, stopa konverzije pada bez obzira na to koliko je dugme lijepo.
Tekst koji opisuje vrijednost, a ne radnju
Najčešća greška je generički tekst poput “Pošalji” ili “Klikni ovdje”. Takve riječi opisuju mehaničku radnju, a ne ono što korisnik dobija. Mnogo snažniji su pozivi koji počinju glagolom i nastavljaju konkretnom koristi.
- Slabo: “Pošalji” – ne govori ništa o ishodu.
- Bolje: “Pošalji upit” – jasna radnja, ali bez vrijednosti.
- Najbolje: “Zatraži besplatnu procjenu” – radnja plus konkretna korist plus uklanjanje rizika.
Pišite iz perspektive korisnika i njegove koristi. Tekst u prvom licu, na primjer “Želim ponudu”, često nadmaši neutralnu varijantu jer korisnik mentalno preuzima radnju kao svoju. Izbjegavajte prazne pridjeve i obećanja koja ne možete potkrijepiti. CTA mora biti tačan koliko i kratak: tri do pet riječi obično je dovoljno da prenese i radnju i razlog.
Vizuelna hijerarhija i kontrast
CTA mora biti najuočljiviji interaktivni element u svom dijelu stranice. To se postiže kontrastom u odnosu na okolinu, a ne pukom veličinom. Ako je cijela stranica šarena, ni najjače dugme se neće isticati. Zato se primarna boja akcije obično rezerviše isključivo za CTA i ne koristi se za dekoraciju.
Nekoliko provjerenih principa pri oblikovanju dugmeta:
- Dovoljan kontrast boje u odnosu na pozadinu, uz poštivanje pristupačnosti za korisnike sa slabijim vidom.
- Prostor oko dugmeta (engl. whitespace) koji ga izoluje i privlači pogled.
- Veličina dovoljna za dodir na mobilnim uređajima, najmanje oko 44 piksela visine, jer većina posjeta dolazi sa telefona.
- Jasna stanja dugmeta: normalno, pri prelasku mišem, pri kliku i neaktivno. Korisnik mora osjetiti da je element živ.
Oblik dugmeta takođe nosi poruku. Ispunjeno dugme prirodno se čita kao primarna radnja, dok se sekundarne opcije mogu prikazati kao obrub bez ispune ili kao običan tekstualni link. Na taj način vodite korisnika prema jednom glavnom putu, a alternativu zadržavate dostupnom bez da se takmiči za pažnju.
Jedan primaran cilj po ekranu
Kada na istom mjestu ponudite pet jednako naglašenih dugmeta, korisnik ne dobija pet mogućnosti nego jedan problem odlučivanja. Svaki ekran ili logična sekcija treba imati jedan jasno primaran poziv na akciju. Ostale radnje, ako su potrebne, oblikuju se kao vidljivo sekundarne.
To ne znači da na stranici smije postojati samo jedan CTA. Na dužim stranicama isti primaran poziv ponavlja se na nekoliko prirodnih tačaka: nakon uvoda, nakon opisa koristi i pri dnu. Korisnik koji se uvjerio na sredini stranice ne treba skrolati nazad da bi pronašao dugme. Ključ je da se ponavlja ista poruka, a ne da se nudi pet različitih ciljeva.
Pozicija i kontekst
Mjesto CTA-a treba pratiti tok pažnje i spremnost korisnika. Primaran poziv u prvom ekranu (engl. above the fold) hvata one koji već znaju šta žele. Ponovljeni pozivi niže na stranici hvataju one kojima je trebalo više argumenata. Postavljanje CTA-a tačno nakon dijela koji odgovara na ključnu sumnju gotovo uvijek daje bolji rezultat od slijepog gomilanja dugmadi na vrhu.
Kontekst je posebno važan u prodaji i prikupljanju upita. CTA “Dodaj u korpu” ima smisla pored proizvoda, dok “Zakaži konsultaciju” pripada uz opis usluge. Usklađivanje poruke dugmeta sa sadržajem oko njega smanjuje trzaj nepovjerenja koji korisnik osjeti kada radnja ne odgovara onome što je upravo pročitao. Više o tome kako gradimo stranice oko jasnog cilja možete vidjeti u našim uslugama.
Mjerenje i poboljšavanje
Dizajn CTA-a nije gotov kada izgleda dobro, nego kada radi dobro. Zato svaki ozbiljan projekat uključuje mjerenje. Pratite stopu klikova na dugme, stopu konverzije do kraja procesa i mjesta gdje korisnici odustaju. Tek tada znate da li problem leži u tekstu, poziciji ili u koraku koji slijedi nakon klika.
Najpouzdaniji način poboljšanja je A/B testiranje, gdje dvije verzije dugmeta dobijaju stvarni saobraćaj, a odluku donosi rezultat, a ne mišljenje. Mijenjajte jednu stvar po testu kako biste znali šta je donijelo razliku.
| Element | Šta testirati | Tipičan utjecaj |
|---|---|---|
| Tekst | Radnja naspram koristi, prvo lice | Visok |
| Boja i kontrast | Izdvajanje od okoline | Srednji |
| Pozicija | Prvi ekran naspram nakon argumenata | Visok |
| Veličina i razmak | Uočljivost i dodir na mobitelu | Srednji |
| Broj ponavljanja | Jedan naspram više pojavljivanja | Srednji |
Tipične greške koje treba izbjeći
- Više primarnih dugmadi koja se međusobno guše.
- Generičan tekst bez vrijednosti za korisnika.
- Nizak kontrast koji dugme stapa sa pozadinom.
- CTA koji vodi na spor ili zbunjujuć sljedeći korak.
- Odsustvo mjerenja, pa se odluke donose napamet.
Dobar poziv na akciju je rezultat jasne poruke, čistog vizuelnog reda i stalnog mjerenja, a ne sreće. Ako želite da vaše stranice vode korisnika do cilja umjesto da ga ostavljaju u nedoumici, javite nam se i razgovaramo o tome šta vaš sadržaj treba postići.