Barion Pixel
Ez itt a lifelong learning

Sosem tudhatsz eleget!

Blog

Milyen egy jól működő CTA?

2017. május 26. | Dörnyei Barbara

# # # # #

Kezdjük az elején és tisztázzuk, mi is az a CTA? Minden weboldal valamilyen céllal születik, ez lehet elég változatos, kezdve a portfolió oldalaktól a tájékoztató oldalakon át, az értékesítési céllal létrehozott oldalakig. Ebben az írásban most az értékesítési oldalak egyik nagyon fontos eleméről lesz szó, mégpedig a CTA-ról.

A CTA, az angol kifejezés, a „call to action” rövidítése, amit magyarra fordítva talán úgy mondhatnánk, hogy cselekvésre való felszólítás, ami nem hangzik annyira jól, így maradjunk inkább a szaknyelven is jobban elterjedt CTA-nál.

A nevéből is látszik, hogy a CTA használatával a látogatót valamilyen cselekvésre próbáljuk rávenni, leginkább arra, hogy kattintson. Ennek is komoly tudománya van már, azonban általánosan azt elmondhatjuk, hogy a jó CTA jól látható, színével kiemelkedik az oldal többi részéből, mérete is nagyobb az oldalon található többi elemnél, formájában pedig gomb, hogy a látogató számára egyértelmű legyen, hogy az egy kattintható elem, tudja, hogy mit kell vele tenni.

Erre mutatunk itt néhány példát.

Ezen az oldalon viszonylag kevés a szöveg, így az élénk piros színű gomb nagyon jól érvényesül, és irányítja a látogatót, hogy fedezze fel a kínálatot, ezzel tovább lépve az értékesítési folyamat következő szintjére.

 

 

 

Ezen az oldalon már lényegesen több szöveg van, de a narancs színnel készített gomb nagyon jól elkülönül, egyértelműen látszik, hogy egy gombról van szó, aminek kattintásával a látogató megkapja a további ajánlatot. A képernyő alsó sávjában a kötelező cookie nyilatkozat elfogadása is kapott egy csinos narancssárga gombot, így a látogató könnyen megtalálja, hogy mire is kell kattintania.

 

 

 

A következő példán már két CTA-t is elhelyeztek, mindkettő nagyon jól megragadja a tekintetet, a piros keret jól kiemelkedik az egyszerű, kék színvilágú oldalon és ajánlatkérésre, illetve feliratkozásra buzdítja a látogatót.

 

Ez itt egy webáruház egyik termékoldala, ahol a nagy, piros gomb egyértleműen felszólítja a vásárlót, hogy “Tedd be a kosárba!” Tehát nincs mese, a vásárló kosárba tesz, vásárol, mi pedig örülünk!

 

Alul a jól ismert hipermarket lánc egyik szezonális akciója, ahol a színes, mozgalmasabb grafikai háttérben is jól oldották meg a CTA-t, a piros kiemeléssel és a kerekített gomb formával.

 

Az utolsó példában elhelyezett CTA-k nem túl nagy méretűek, viszont olyan élénk színt választottak, hogy lehetetlen nem észrevenni mindkettőt. Így a látogató nagy eséllyel fog feliratkozni illetve regisztrálni.

Webdesign webináriumok minden hónapban!

Feliratkozom!
Iratkozz fel YouTube csatornákra!

blog

Inspiráció Webdesign trendek 2022

Webdesign trendek 2022

2021. október 20.

Vajon ugyanazokat a grafikai irányvonalakat ismételjük, mint az elmúlt években? Vagy a pandémia okozta felhasználói viselkedés változások erre a területre is kihatnak? Az biztos, hogy a mobil forgalom emelkedés töretlen, tehát a weboldalak megjelenésének is kikerülhetetlenül alkalmazkodnia kell a 60-70%-os, sőt sokszor ennél sokkal magasabb arányú mobil forgalomhoz. Az első tehát a betöltési sebesség mindenek […]

Tovább a cikkre
Secured By miniOrange