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?

1. 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”).
2. 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.
3. Fontos, hogy könnyen kattintható legyen kisebb kijelzőkön is .
4. 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.
5. 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.

‍

‍

‍