Honlaptervezés okosságok: call-to-action – a gomb, amire kattintanak

Ujvári Mária - 2014. január 2 - Cikkek / Honlaptervezés

Felhívás táncra – ennél szebb fordítást még nem találtam ki a call-to-action kifejezésre. A call-to-action gomb azokat a gombokat jelenti a honlapon, amelyekre a látogatónak rá kell kattintania, hogy valami történjen: feliratkozzon, megrendeljen, letöltsön.

A call-to-action gomb azokat a gombokat jelenti a honlapon, amelyekre a látogatónak rá kell kattintania, hogy valami történjen: feliratkozzon, megrendeljen, letöltsön.

Miért fontos a jó call-to-action gomb?

Azért, mert ezzel tudjuk elérni, hogy a honlapon megtörténjen az, amit mi szeretnénk: feliratkozzanak, letöltsenek, rendeljenek, használjanak funkciókat (pl. használják a kalkulátort, kérjenek egyedi árajánlatokat stb.)

A jó call-to-action gomb

  • észrevehető
  • egyértelmű
  • kattintásra ösztönöz

Milyen legyen a jó call-to-action gomb?

Rendkívül jó anyagot írt erről Smriti Chawla (az angol nyelvű cikk: Call To Action Buttons: The Ultimate Guide). Írása szerint négy fő területre kell koncentrálnunk a honlaptervezés során:

1. a gomb szövege

call-to-action gomb

call-to-action gomb

A feliratnak pontosnak kell lennie, hogy a látogató tudja, mi fog történni, ha a gombra kattint. Például: “Letöltöm az ingyenes honlaptervezés e-bookot” vagy “Árajánlatot kérek egyedi honlaptervezésre”.

Választhatunk a különböző nyelvtani megfogalmazások között, pl. “Letöltöm” vagy “Töltse le”. A lényeg az, hogy a látogató számára egyértelmű legyen, hogy mi fog történni. (A call-to-action gomb feliratának helyes megfogalmazásának azért még akad pár trükkje…)

2. a gomb színe

A kontrasztosság a lényeg. A háttérből és a design-ból kiemelkedő színű, méretű gombot kell tervezni, sőt, még a megfelelő árnyékolásra is célszerű figyelni (ahogy azt az úgynevezett UX – user experience kutatások már bebizonyították).

 

Az ikonok sokat segítenek annak megértésében, hogy mi is fog történni, ha gombra kattintunk. Ilyen pl. a letöltés ikon.

ikonok

ikonok

3. a call-to-action gomb elhelyezése

Hová tegyük az oldalon belül a gombot?

Egyszerű honlaptervezési mítosznak tűnik, hogy a gombot az oldal tetejére, elejére kell tenni. A gomb helye ott van, ahol már érthető a látogató számára, hogy mit tud letölteni, hova tud feliratkozni, mit rendel meg stb.

Design elemekkel lehet erősíteni a gomb észrevehetőségét.

4. a gomb mérete

Előfordulhat, hogy egyszerre több aktivitást is elvárunk a látogatótól, így tehát lesz egy elsődleges és egy másodlagos gombnak. A gombok közül annak kell nagyobbnak lennie, amelyik az elsődleges célhoz van rendelve.

A gombok nagyságának beállításához webergonómiai követelményeket is figyelembe kell venni, különösképpen akkor, ha az adott honlap mobiloptimalizálással készül.

Call-to-action

Call-to-action

 

A call-to-action gomb hatékonyságának tesztelése

Nem árulunk zsákbamacskát: saját honlapunkon is futtattunk call-to-action gomb hatékonysági teszteket. Az eredmény mérése a kattintások alapján lehetséges, amelyet a Google Analytics segítségével, illetve más eszközökkel mérhetünk. Érdekes eredmény: ott az információ az oldalon, mégis működik a form, mégis kattintanak rá!

A gomb hatékonyságát mérhetjük a rákattintások számával, de az egérmozgás vizsgálatok is roppant hasznosak lehetnek.

A gombot célszerű olyan programozási megoldással készíteni, hogy azon könnyen lehessen változtatni, ezáltal pedig növelni lehessen a kattintási rátát.

Amikor a call-to-action gombnak különösen nagy szerepe van…

Egy-egy kampány során, amikor Google AdWords vagy Facebook hirdetés “vezeti rá” a látogatót a honlapra, különösen fontos, hogy amennyire csak lehetséges, vezessük a látogatót. Ilyenkor a call-to-action gomb megtervezése kiemelkedően fontos pontja a landing page, az érkezési oldal tervezésének.

Bemutatkozunk

Webstúdió és marketing műhely vagyunk Budapesten. Amit csinálunk: honlaptervezés, keresőoptimalizálás, mobiloptimalizálás és marketing – komplex egészként, marketing stratégiai alapokon.

Gyakorlati tapasztalatainkat tréningjeinken is megosztjuk.

A honlapon olvasható minden cikk saját tudásunkon, tapasztalatainkon alapszik.

Ossza meg másokkal is!

Copyright 2007 - 2018. Sikermarketing.hu ©  Minden jog fenntartva!