Csak nyomják meg a piros gombot, és…
A jó CTA gombok nyomában
Csak nyomják meg a piros gombot, és…
A jó CTA gombok nyomában
Ezzel a klasszikus filmrészlettel köszöntök mindenkit, akivel előfordult már, hogy egy egyszerű gomb megnyomásával megváltozott (legalább valamilyen szinten) az élete. A fenti példa a Macskafogóból persze egy extrém példa - nekem itt inkább csak az a dolgom, hogy a call to action gombokról, és azok fontosságáról beszéljek egy kicsit.
CTA avagy “call to action”
A call-to-action (CTA) gomb egy vizuális és interaktív elem egy weboldalon, mobilalkalmazásban vagy digitális tartalomban, amely cselekvésre ösztönzi a látogatót: például vásároljon, regisztráljon, letöltsön stb. Fontos, hogy akár landing oldalról, akár webshopról, akár portfólió oldalról beszélünk, mindenképp alkalmazzuk ezt a vizuális megoldást, hiszen tesz hozzá az oldal „cselekvőképességéhez”.
Vagyis a jól megtervezett CTA gomb „megmondja”a felhasználónak, mit kell tennie, és egyúttal ösztönzi is őt erre a cselekvésre.
Miről ismerszik meg a jó CTA gomb?
- Szövege legyen egyértelmű. A gomb szövege mondja el pontosan, hogy mit vársz a felhasználótól (pl. „Vásárolj most”; „Iratkozz fel”).
- Tűnjön ki a környezetéből vizuálisan. A színe kontrasztos legyen a háttérrel, a mérete legyen elég nagy ahhoz, hogy kattintható legyen, de ne dominálja túl a képernyőt. Az elem körüli tér legyen homogén, hogy a gomb jól látható legyen.
- Fontos, hogy könnyen kattintható legyen kisebb kijelzőkön is .
- Elhelyezhetsz mellette olyan szöveget, ami támogatja a kattintást: pl. „Csatlakozz most, és légy az elsők között”. Ezzel együtt kommunikálhatod is a látogató felé, miért jó, ha „akcióba lép”: például ingyenes szállítást vagy ajándékot nyerhet vele.
- Az eredményt monitorozhatod is, hányan kattintanak a gombra, és milyen az átkattintási arány.
Amiben hasznodra válhat a jól megtervezett CTA gomb, hogy egyrészt segít a látogatóknak megérteni, hogyan navigáljanak a weboldalon, másrészt növeli a konverziós arányt: a látogatók vásárlókká vagy feliratkozókká válhatnak.
Jellemzők
Úgy fogd fel, hogy a CTA gomb egy útjelző tábla. Ha analóg helyzethez kellene hasonlítanom, akkor egy ajtókilincshez hasonlítanám, amiről mindenki tudja, mit kell vele csinálni: lenyomni a kilincset és bemenni az ajtón. És épp ezért nagyon fontos, hogy milyen ennek a kilincsnek a kialakítása. Ha nem egyértelmű, merre nyílik az ajtó, vagy ha kényelmetlen a fogás, hiába apró részletek ezek, mégis sokat ad hozzá a felhasználói élményhez.
De a CTA gombot felfoghatjuk úgy is, mint egy iránytű, ami irányt mutat az adott weboldal céljának eléréséhez, legyen az vásárlás, feliratkozás vagy további információ lekérése.
Persze fontos a környezet. Nem mindegy, milyen az a weboldal, ahol a látogató épp böngészik. Fontos, hogy mind UX, mind UI szempontjából naprakész és magas minőségű legyen az oldal, különben nem sokat számít egy kis gomb. Ha a nagy egész nem támogatja meg a kisebb részleteket, és fordítva, akkor sajnos nem lesz magas a konverzióarány.
Összefoglalva
A CTA gomb egy hatékony eszköz, amely irányítja a felhasználókat, és elősegíti az üzleti sikert. Végig segíti a felhasználót egy folyamaton, például a vásárlás folyamatán, vagy segíti őt, hogy könnyedén hasznos információhoz jusson.
Brand munkafüzet
Töltsd le ezt az ingyenes dokumentumot, ami segít stratégiai szemlélettel átgondolni új vagy meglévő márkádat.
Webshop guide
Ha egy új webshop indítása előtt állsz, vagy esetleg egy már meglévő webshopot szeretnél stratégiai szempontból átgondolni, szükséged van erre az útmutatóra.
Töltsd le!
