Edukacija

Dizajn CTA-a u newsletteru: mora li svaki poziv na akciju biti gumb?

CTA ne mora uvijek biti gumb. Od tekstualnog linka do klikabilnog vizuala, dizajn može pomoći da poziv na akciju bude uočljiviji, jasniji i privlačniji pretplatnicima.

Kad kažemo CTA ili call to action, većina će prvo zamisliti gumb: „KUPI ODMAH“,  „PREUZMI E-BOOK“, „SAZNAJ VIŠE“. Po mogućnosti u nekoj intenzivnoj boji da ga nitko slučajno ne previdi, ali CTA nije gumb. CTA je poziv na akciju, a dizajn je samo jedan od alata kojim možemo pomoći da pretplatnik taj poziv primijeti, razumije i poželi napraviti sljedeći korak.

Naravno, prije dizajna dolazi ono važnije: zašto bi netko uopće kliknuo?

Ako sadržaj prije CTA nije probudio interes, pokazao vrijednost ili osigurao dovoljno jak poticaj za angažman, teško da će ga spasiti savršena nijansa gumba. Ali kada razlog za angažman postoji, dizajn nam može pomoći da ga dodatno naglasimo.

Što sve zapravo možemo dizajnirati?

CTA u newsletteru može biti:

  • Klasičan gumb – jasno izdvojen poziv na akciju koji se može dodatno prilagoditi bojom, oblikom, obrubom, veličinom ili ikonom.
  • Tekstualni link – poveznica unutar teksta ili izdvojena kao zasebna CTA rečenica.
  • Slika + gumb – fotografija, ilustracija, screenshot ili mockup vizualizira ono što se nalazi iza klika.
  • Slika + tekstualni link – vizual privlači pažnju i daje kontekst, dok je poziv na akciju riješen tekstualnom poveznicom.
  • Klikabilna slika / vizual – fotografija, mockup, thumbnail ili posebno dizajnirani vizual sam služi kao poveznica, bez zasebnog gumba ili tekstualnog linka.

Primjerice, ako se promovira besplatan vodič, to može izgledati ovako: 

Foto: Monika Jagić

Sve vodi na isto mjesto, ali način na koji pretplatnik doživljava poziv na akciju nije isti.

Vizuali pritom mogu napraviti još nešto što sam tekst teško može: pokazati što se nalazi iza klika. Ako osoba pročita „Preuzmi vodič„, još uvijek zamišlja što će dobiti. Ako pokraj toga vidi naslovnicu i nekoliko stranica vodiča, ponuda joj postaje konkretnija i privlačnija.

Isto vrijedi za fotografiju proizvoda, screenshot platforme, grafikon rezultata, before & after prikaz ili screenshot povratne informacije. Dizajn tada nije dekoracija oko CTA-a. On daje dodatnu informaciju.

Mora li CTA biti u boji koja „iskače„?

Jedan od najčešćih savjeta za CTA gumbe je da trebaju biti u kontrastnoj boji. I da – CTA koji se vizualno stopi s ostatkom newslettera lakše ćemo previdjeti. Ali to ne znači da postoji jedna čarobna boja koja donosi više klikova.

Crveni gumb neće automatski prodavati bolje od plavog. Narančasti nije po defaultu „prodajniji„. Zelena nije univerzalna boja za klik. Puno je korisnije gledati kontrast i vizualnu hijerarhiju unutar konkretnog newslettera.

Ako je cijeli newsletter nježan, minimalistički i svijetao, možda će već nešto tamniji gumb dovoljno privući pažnju. Ako se kroz cijeli newsletter koristi pet jakih boja, šesta jaka boja na CTA-u vjerojatno neće napraviti čudo.

Drugim riječima, nije pitanje: „Koja boja CTA-a najbolje konvertira?“ nego: „Je li moj CTA dovoljno lako uočiti u kontekstu ostatka newslettera?“ 

CTA treba imati prostora da bude primijećen. Ponekad problem uopće nije u gumbu već u tome što smo ga ugurali između tri odlomka teksta, fotografije, bannera, dvije poveznice i još jednog gumba. Ako želimo da neka akcija bude važna, trebamo joj dati i odgovarajuću količinu vizualne pažnje.

Tu pomažu prazni prostori, odvajanje sekcija, drugačija pozadina, linija, fotografija ili jednostavno nekoliko dodatnih redova prije i poslije CTA-a. Newsletter treba „disati„.

Ne zato što želimo osvojiti nagradu za najljepši newsletter, nego zato što dobra vizualna hijerarhija pomaže čitatelju razumjeti: ovo je sadržaj → ovo je važno → a ovo je sljedeći korak.

Jedna akcija ne mora imati samo jedan dizajn

Još jedna stvar koju je korisno testirati je isti CTA prikazati na nekoliko načina.Recimo da newsletter vodi na prijavu za radionicu. Na početku može bitii običan tekstualni link: „Pogledaj program radionice“, a nakon glavnog dijela newslettera se može nalaziti istaknuti gumb: „PRIJAVI SE NA RADIONICU“. A pred kraj se može prikazati vizual radionice koji je također klikabilan.

Ne mora se uvijek birati između gumba ili tekstualnog linka. Može se pretplatniku dati više prilika za istu akciju i pritom testirati na koji način najčešće reagira.

Foto: Unsplash

Kako onda odabrati dizajn CTA-a?

Umjesto da se svaki put automatski ubaci isti gumb, korisno je prije toga odgovoriti na nekoliko pitanja:

1. Koliko je ova akcija važna?
Ako je to glavna akcija newslettera, zaslužuje veću vizualnu težinu. Ako se usput spominje članak ili dodatni sadržaj, možda je dovoljan tekstualni link.

2. Treba li pretplatnik nešto vidjeti da bi bolje razumio što dobiva?
Ako se radi o prodaji proizvoda, pozivu na gledanju videa, nudi se eBook ili pokazuju rezultati, vizual uz CTA može napraviti puno više od samog gumba.

3. Koliko drugih elemenata već traži pažnju?
Što ih je više, važnije je jasno odrediti što je primarna akcija.

4. Može li se ovu akciju ponuditi na više načina?
Tekstualni CTA na početku, gumb kasnije i klikabilna slika pred kraj mogu voditi na potpuno istu stranicu.

5. Što se može sve testirati?
Format, poziciju, tekst, veličinu, kontrast, količinu praznog prostora, vizual uz CTA…

Zaključak

Važno je zapamtiti da CTA dizajn nije nešto što jednom „riješimo„. Potrebno je eksperimentirati. Ne želimo dizajnirati CTA samo da bi bio lijep, već da ispuni svoju svrhu.

CTA treba pomoći pretplatniku da prepozna što može napraviti dalje. Nekad će najbolji rezultat postići veliki kontrastni gumb, nekad obična podcrtana rečenica, a nekad fotografija proizvoda koju jedva čekaju kliknuti. Važno je imati kreativnosti i strpljenja u testiranju te pratiti ponašanje i preferencije vlastite publike. 

Zato sljedeći put kod kreiranja newslettera umjesto pitanja „Kako bi ovaj CTA trebao izgledati?„ korisno je pitati se: „Kako mogu dizajnom učiniti sljedeći korak što jasnijim i privlačnijim?„

Jer dobar dizajn CTA ne tjera ljude da kliknu, on im pomaže da pretplatnici lakše primijete razlog zbog kojeg bi to željeli napraviti.

Monika Jagić (1995.), magistra ekonomije i grafička dizajnerica, specijalizirana za newsletter strategiju i tehničku implementaciju. Kroz individualne suradnje i vlastite resurse pomaže poduzetnicima izgraditi newsletter koji podržava njihove ciljeve i raste zajedno s njihovim poslovanjem. U slobodno vrijeme najradije bira vožnju biciklom, volonterske projekte i društvene igre.

Autor

  • Monika Jagić (1995.), magistra ekonomije i grafička dizajnerica, specijalizirana za newsletter strategiju i tehničku implementaciju.
    Kroz individualne suradnje i vlastite resurse pomaže poduzetnicima izgraditi newsletter koji podržava njihove ciljeve i raste zajedno s njihovim poslovanjem. U slobodno vrijeme najradije bira vožnju biciklom, volonterske projekte i društvene igre.

PROČITAJ JOŠ I OVO
Ostani u toku s najnovijim člancima, edukacijama i novostima.