Měli jste potíže přesvědčit návštěvníky svého webu, aby provedli požadovanou akci? Možná byste chtěli, aby se přihlásili k odběru vašeho newsletteru nebo požádali o demo verzi produktu, ale z nějakého důvodu veškeré vaše úsilí nevedlo k požadovanému výsledku.
Můžete najít několik důvodů vysvětlujících toto chování návštěvníků, a dokonce o tom napsat celou knihu, ale tento článek se podívá na možná jednu z nejčastějších: neúčinné výzvy k akci.
Ale místo „nahé“ teorie vám bude nabídnuto 15 inspirativních a účinných výzev k akci, které na příkladu ukáží, jak generovat potenciální zákazníky.
Připomeňme, že výzva k akci (CTA, call-to-action) je tlačítko nebo odkaz umístěný na stránce, jehož účelem je naznačit cílovému návštěvníkovi, jakou akci má v další fázi provést. interakce se zdrojem.
V příchozím marketingu tlačítka CTA obvykle vedou na vstupní stránky, kde může uživatel vyplnit webový formulář a stát se potenciálním zákazníkem.
Jak používat výzvy k akci při generování potenciálních zákazníků
Tlačítka s výzvou k akci můžete umístit kamkoli na svůj web, ale je důležité, abyste to udělali správně.
Hlavní je, že apel skutečně upoutá pozornost návštěvníků a je natolik přesvědčivý, že málokdo odolá kliknutí na kýžené tlačítko.
Udělejte svým návštěvníkům nabídku, kterou nelze odmítnout. Měl by být nejen vizuálně atraktivní, ale také dostatečně významově přesvědčivý.
Aby hovory zvládly úkol, který jim byl přidělen, neměli byste zapomínat na takový faktor, jako je (cesta kupujícího - trasa, kterou potenciální klient sleduje před provedením transakce).
Pokud hovor, který plánujete přidat na stránku, neuspokojí potřebu v určité fázi cesty, pak se žádná magie nestane a osoba neprovede akci, která se od ní očekává.
Chcete-li zajistit, aby vaše odvolání byla účinná při získávání potenciálních zákazníků, dodržujte tyto osvědčené zásady:
1. Odvolání by měla být zaměřena na akci.
2. Text musí být přesvědčivý.
3. Odvolání musí být vizuálně přitažlivé.
4. Použijte faktor naléhavosti (omezte čas na rozhodnutí).
5. CTA by měla být na stránce jasně viditelná.
Zveme vás, abyste se seznámili s 15 exemplárními výzvami k akci, které vás jistě inspirují k vytvoření vlastních mistrovských děl.
Text odvolání Netflixu není jednoduše přesvědčivý. Nabízejí vám nejen měsíc bezplatného sledování filmů a televizních seriálů, ale také vám dávají možnost využívat službu na jakémkoli zařízení a zrušit předplatné, kdykoli budete chtít, pokud náhle nebudete spokojeni s kvalitou služeb.
Titulek: „40 hodin PPC analýzy za 60 sekund. Rychle. Bezpečně. Zdarma".
CTA: „Získejte svůj bezplatný přehled ještě dnes“
WordStream používá kontrastní barvy, aby jeho výzva k akci ještě více vynikla na světle modrém pozadí. Dvakrát opakují, že jejich produkt je zdarma, abyste si jejich službu chtěli vyzkoušet.
Název: „Komplexní řešení pro analýzu webových stránek a sběr zpětné vazby. Hotjar je nový a snadný způsob, jak získat skutečný přehled od návštěvníků vašeho webu pro počítače a mobilní zařízení. Odemkněte své nejlepší příležitosti růstu ještě dnes. Není potřeba kreditní karta."
CTA: "Vyzkoušejte zdarma."
Hlavní stránka služby Hotjar se liší tím, že obsahuje dvě totožné výzvy k akci vedoucí na stejnou stránku. Díky zdařilému barevnému schématu a umístění tlačítek je lze celkem snadno rozpoznat i letmým pohledem na stránku.
Název: „Výkonné nástroje ke zlepšení každé fáze vašeho prodejního procesu.“
CTA: "Začněte zdarma."
Trik s HubSpot je v tom, že umístí docela přesvědčivou prodejní prezentaci a výzvu k akci proti image obchodníka, aby návštěvníci okamžitě chtěli vyzkoušet jejich prodejní nástroje v akci.
Prezentace obrázků souvisejících s nabídkou za CTA pomáhá lidem představit si, že používají produkt, a dělá kliknutím na tlačítko atraktivnější akci.
HubSpot také používá nesmlouvavý text na tlačítku volání, což z něj dělá pozvánku k zahájení používání jejich produktu.
Title: „Posílejte e-maily, které vaši zákazníci nemohou ignorovat. Snadno použitelný, profesionální nástroj pro e-mailový marketing a automatizaci pro dnešní rychle rostoucí podniky.“
CTA: „Začněte zdarma“
Tlačítko CTA Monitor kampaně je umístěno v horní části videa na pozadí a má jasné barvy, takže je těžké jej přehlédnout. Umístěním ikony živého chatu do rohu stránky vám společnost dá vědět, že pokud máte nějaké dotazy nebo obavy, nápověda je dostupná pouhým kliknutím.
Název: „Nejvýkonnější analytický nástroj, který vám pomůže porozumět chování zákazníků a rozvíjet vaše podnikání.“
CTA: „Vyzkoušejte Kissmetrics.“
Chcete, aby vaše sdělení bylo skutečně motivující? Přidejte pole pro e-mail vedle tlačítka, aby žádný návštěvník neopustil stránku bez zanechání svých kontaktních údajů! Příklad Kissmetrics je v tomto ohledu obzvláště úspěšný.
Název: "Hudba pro každého."
CTA: „Používejte Spotify zdarma“, „Zapněte prémiovou službu Spotify“.
Spotify je docela kreativní, pokud jde o navrhování CTA. Stránka obsahuje dva hovory najednou, vzájemně si konkurující – jeden vede k bezplatné verzi služby a druhý k placené.
Spotify dává velmi jasně najevo, že jejich službu lze využívat za poplatek (což je jejich konečný cíl), přičemž chápe, že více platících zákazníků budou ti, kteří službu nejdříve vyzkouší zdarma. Oba hovory jsou proto umístěny na stejné stránce.
Titulek: „Trello vám pomůže spolupracovat a udělat více věcí. Pracovní listy, seznamy a mapy usnadňují organizaci práce na projektu a stanovení priorit.“
CTA: „Přihlaste se k odběru. Je to zdarma".
Tím, že stránka není přeplněná obsahem a používá kontrastní barvy, Trello zajišťuje, že jejich působivý text výzvy k akci a samotné tlačítko nezůstanou uživateli bez povšimnutí. Neexistuje nic, co by vás mohlo odvést od provedení další akce – přihlášení k odběru.
9. Lyft
Nadpis pro cestující: „Jeďte během několika minut.“ CTA: "Přihlaste se k odběru."
Nadpis pro řidiče: „Sedněte si za volant.“ CTA: "Staňte se řidičem s Lyft."
Když vaše společnost nabízí dvě služby najednou, jako je tomu u Lyftu, je důležité zajistit, aby se nabídky a odvolání od sebe neodváděly. Odlišný text na tlačítkách („Přihlásit se nyní“ a „Staň se řidičem Lyftu“) nasměruje návštěvníky k tomu, jakou akci by měli podniknout dále. Jasně růžová barva tlačítka CTA okamžitě upoutá pozornost uživatelů, takže je nelze přehlédnout.
Titulek: „Ukažte práci, kdo je šéf. Možnost rychlého navázání spolupráce díky volnému přístupu ke vzdálené ploše, neomezenému nahrávání zvuku a videokonferencím. Není nutná žádná registrace."
CTA: "Zahájit schůzku."
Text na tlačítku volání pro službu Join.Me vás informuje, že službu můžete začít používat během několika sekund. Není nic horšího než být v práci a muset trávit hodiny čekáním na začátek schůzky. Join.Me chápe, jak je to nepohodlné, a nabízí řešení. Jasně oranžová barva tlačítka dělá toto CTA ještě efektivnější.
11. IKEA
Výzvy k akci ve vyskakovacím formátu mají fantastické výsledky. Obvykle se jedná o pozvánku k odběru newsletteru nebo blogu společnosti nebo ke stažení jakýchkoli materiálů. Přesně taková je situace na webu nábytkářského gigantu IKEA. Tlačítka jsou navržena ve firemních barvách a doprovodný text vám dá vědět, co se stane po zadání požadovaných informací.
Titulek: „Čteme. Dozvíte se to nejdůležitější. theSkimm nabízí jednodušší způsob, jak se stát chytřejšími. Zkusme se probudit společně."
CTA: "Připojte se k milionům dalších."
TheSkimm ve své vyskakovací výzvě k akci jasně uvádí, o čem je jejich nabídka. Kromě toho podporují výzvu silným sociálním důkazem a přesvědčují lidi, aby se připojili ke službě, jak to již udělaly miliony dalších.
13.CHLADÍ
Titulek: „Pojď. Přihlaste se k odběru a odemkněte skvělé nabídky od předních prodejců oblečení.“
CTA: "Připojit se"
COOLS ve své výzvě k akci silně spoléhá na vizuální prvky. Malebná fotografie stylově oblečeného páru líbajícího se uprostřed ulice spolu s mimořádně výrazným popiskem „GET IT“ (Take it) nepochybně upoutá vaši pozornost.
Titulek: „Jsme hrdí na naše produkty a chceme, abyste si je osobně vyzkoušeli. 10% sleva na váš první nákup. K dispozici do 48 hodin."
CTA: „Ano, prosím. Pošlete mi kupón." "Ne, díky. Nezajímá mě to".
Ve snaze převést návštěvníky používá Ugmonk , který se před uživatelem objeví v okamžiku, kdy se pokusí zavřít stránku. Obvykle je to poslední šance společnosti přesvědčit lidi, aby zůstali a nakoupili, takže nabídka musí být skutečně lukrativní. V tomto příkladu poskytuje Ugmonk potenciálnímu zákazníkovi 10% slevu na jeho první objednávku, která však trvá pouze určitou dobu, což vytváří pocit naléhavosti.
Další skvělá věc na této CTA je, že dává uživateli na výběr: souhlasit s nabídkou a kliknout na „Ano“ nebo odmítnout a kliknout na „Ne“. Tím, že Ugmonk ponechává lidem možnost nabídku odmítnout, nutí lidi, aby si dvakrát rozmysleli, zda skutečně chtějí dohodu odmítnout. Je zřejmé, že samotná společnost chce, abyste si vybrali první možnost, což naznačuje skutečnost, že barva textu nabídky a tlačítka „Ano“ jsou stejné.
Název: „Prozkoumat. Posouzení. Sdílejte s ostatními. Připojte se ke službě nyní a odemkněte přístup k milionu recenzí produktů a novinkám pro spotřebitele."
CTA: „Připoj se nyní.“
Přitažlivost Influenster je poněkud odlišná od zbytku seznamu.
Při první návštěvě stránky si v horním rohu stránky všimnete pouze malého tlačítka s textem „Join Now“, ale po 30 sekundách se objeví větší CTA, ze které je zřejmé, že společnost opravdu chce, abyste připojit se ke službě.
Závěr
Všechny uvedené společnosti se při vývoji svých výzev k akci řídily osvědčenými postupy, a proto jsou jejich výzvy skutečně účinné a generují potenciální zákazníky. Pokud chcete dosáhnout stejného výsledku, víte, co dělat.
Téměř v každém článku týkajícím se design webových stránek nebo prototypový design, zdůrazňuji důležitost a nutnost takový prvek jako "Výzva k akci". A často se mě ptají - "Proč si myslíte, že je tento prvek prvořadý?"
Hlavním účelem prvků „Výzva k akci“.- upoutat pozornost návštěvníka, nechat jeho oko „vybrat“ ze změti textu, obrázků a dalších grafických „vrstev“ nejdůležitější a nejdůležitější prvek— to velmi ceněné tlačítko nebo odkaz, který je navržen tak, aby vyřešil problém návštěvníka, kvůli kterému je na webu na prvním místě — koupit produkt/službu, přihlásit se k odběru newsletteru/RSS atd. to znamená, provést stejnou akci, pro který designér a programátor tak dlouho pracoval a který je růžovým snem každého majitele firmy - Prodej.
To je proč, jakýkoli prvek „Výzva k akci“ by měl být co nejviditelnější a nejatraktivnější— při jeho vytváření je nutné věnovat maximální pozornost velikosti, umístění a volnému prostoru kolem prvku.
Dnes my na praxi pojďme to vyřešit 11 Příklady promyšlených a propracovaných prvků výzvy k akci. Každý příklad okomentuji a přesně vysvětlím, jaké techniky se používají a proč.
V tomto případě uživateli jsou nabídnuty dvě možnosti, ze kterého se můžete začít seznamovat se sortimentem. První možnost - zobrazit náhledy přímo a vyberte požadované téma (Zobrazit motivy), druhý - seznámit se s výhodami témat které poskytují (Zobrazit funkce).
Obě možnosti jsou provedeny ve stejném písmu, ve stejném stylu a vizuálně představují jakýsi indikátor- jděte „doleva“ nebo „doprava“. Rozdíl je reprezentován barevné schéma pro každou „čepel“ ukazatele.
V Mozille žádné možnosti na výběr, tedy velké zelené tlačítko "Stáhnout Firefox" umístěn na nejviditelnějším místě. Zároveň si to prosím uvědomte kromě nápisu „Stáhnout“, tlačítko obsahuje:
- logo;
- označení, že produkt je zdarma;
- sériová verze produktu;
- jazyková verze produktu.
to je - všechny dostupné informace, která je nezbytná pro tu skupinu uživatelů, kteří ve skutečnosti nechtějí číst o tom, jaký prohlížeč Firefox je, ale chtějí stáhněte si produkt a sami si vše zkontrolujte. Což je v podstatě to, co vývojáři programů potřebují.
Přijato podobným způsobem, umístění tlačítka stahování téměř do záhlaví webu. Nicméně existuje jeden podstatný rozdíl, podle mě— pokud má Mozilla pod tlačítkem odkaz na jiné jazyky a platformy, pro které lze stáhnout Firefox a ne tak nezbytné Zásady ochrany osobních údajů, pak Wijimo zveřejnilo odkaz nejen pro všechny varianty balíčků, ale i pro všechny předchozí verze.
Pro mě, Například, toto uspořádání je pohodlnější, protože jsem se párkrát po aktualizaci kvůli nekompatibilitě rozšíření musel vrátit k předchozí verzi prohlížeče.
Neomezili jsme se na jedno tlačítko, ale seřadili naši výzvu k akci do celé grafické skupiny. To je to, co návštěvník vidí při otevírání webu postupně:
- Toto je stránka o stránkách;
- zde se shromažďuje uživatelská zkušenost;
- Mohu vám říci o svém projektu.
Věnujme tomu zvláštní pozornost rozložení je dokonale zkalibrováno— po přečtení druhého odstavce jsem si položil otázku — mohu přidat svůj projekt? Dle mého názoru, to je přesně ta myšlenka a emoce, kterému plánoval zavolat.
V případě , jsme znovu zpět k myšlence volby, ale v tomto případě se nejedná o „průvodce webem“, ale přímý výběr produktu. Všimněte si jasně viditelné logiky:
- Kde jsem? | Toto je stránka Tweetie.
- Co je Tweetie? | Toto je klient Twitter pro Mac.
- Chci to zkusit! Jaké jsou možnosti programu? | Možnost A – nákup za 19,95 USD a možnost B – zdarma, ale s reklamou.
- Volím možnost B! | Stažení.
Hlavní důraz není kladen ani tak na akci, ale na vysvětlit klientovi jednoduchost akce:
- Snaž se!
- Je to zcela zdarma!
- Zabere to maximálně 30 sekund!
- Ale pokud stále nechcete, přečtěte si podrobné informace.
Meme cílí na nové uživatele. Leitmotiv jejich výzvy k akci zní takto: „Nejdůležitější pro nás jsou noví uživatelé. Nezapomněli jsme ale ani na ty stávající – určitě uvidí toto velké barevné tlačítko na černém pozadí, a tedy i text pod ním.“
Ale podle mého názoru možnost Capo nepříliš úspěšné, i když to znamená určitý trik - je nám nabídnuta volba: „buď stáhnout, nebo koupit“. Ale v podvědomí uživatele internetu vzniká rozpor:
- Když si to můžu stáhnout zdarma, tak proč bych si to měl kupovat?
- To znamená, že mi nabízejí buď oříznutou verzi, nebo zkušební verzi.
- ale neznám omezení, ale Nechci ztrácet čas stahováním a kontrolou.
Mimochodem, dáme pozor - po kliknutí na „Koupit“ se rozbalí další řádek, který zní: „Prodejní systém je zabudován přímo do Capo, takže si nejprve stáhněte program a poté, až budete připraveni k nákupu, vyberte z nabídky „Objednat“.
Podle mě takový systém příliš komplikované A přidání samostatného tlačítka „Koupit“ nedávalo logický smysl— bylo snazší si pohrát vizuálně "Vyzkoušet a koupit" s uvedením ceny produktu.
Mimochodem, obecně se jedná o jakousi „generickou chorobu“ stránek pro iPhone aplikace – téměř každá z nich trpí právě takovým rozložením prodejních prvků.
Rozhodl jsem se uživatele vůbec neklamat a pomocí jednoduchých šipek a ikon jsem postavil řetězec a vložil do něj maximum informací:
“Základní tábor -> to je kalendář + úkoly + komunikace a dokumenty -> Vyberte si tarif. 30 dní bezplatného testování. Registrace do 60 sekund. Pokud teď nechcete, podívejte se na trénink."
Vezměte prosím na vědomí, že uživatel je zpočátku zvyklý na systém „šipek“., zvýrazňující funkčnost služby šedou barvou, ale označení výzvy k akci je samostatně zvýrazněno tučnou černou barvou.
A i když se mi to moc nelíbilo, text na tlačítkách bloku Call to Action je zvolen naprosto správně- každý uživatel, než stráví byť 3 sekundy vyplněním alespoň jednoho pole, musí obdržet jasnou odpověď na otázku - proč to potřebuji?
Přesně tento princip využívá MailChimp.- "Zaregistrujte se zdarma" -> "Nevíte proč?" -> "Klikněte a my vám to řekneme!"
Zjevně ale touze podlehl umístěte hlavní výhodu služby do středu stránky ale protože běžná logika velí - dvě výzvy k akci na jedné stránce spolu nemohou vycházet, rozhodl se spojit podnikání s potěšením - a umístěte „trik“ a zkombinujte jej s výzvou k akci.
A aby se zaměřila pozornost návštěvníka, bylo rozhodnuto použít totéž princip šípu, který má naznačit, že je nejen slogan, ale i odkaz na registraci.
Váš názor?
Drží se tyto výzvy k akci? Jsou na stránce hned patrné nebo je musíte hledat? Která varianta je podle vás nejúčinnější?
Dnes budeme hovořit o tlačítkách „Výzva k akci“ a poté o CTA. Prvky CTA, jak název napovídá, vybízejí uživatele k nějaké akci na webu. Návrháři se k nim však často chovají s despektem. Zatímco pochopení principů v této věci zvýší účinnost hotového produktu. Z tohoto materiálu se dozvíte, jak správně vytvořit tlačítko CTA.
Je důležité mít alespoň základní povědomí o tom, jak barva, velikost, obsah a další faktory ovlivňují konverzi tlačítka CTA. Samotné principy jsou poměrně jednoduché, ale je třeba je aplikovat ve fázi plánování návrhu webu.
Účel tlačítek výzvy k akci
Tlačítka CTA mohou mít různé funkce. Koneckonců, „výzva k akci“ může znamenat cokoliv. Hlavním principem tlačítek je ale donutit uživatele, který váš web navštívil, k akci. Například přidat produkt do košíku, něco stáhnout, poskytnout informace atd.
Vzhledem k tomu, že výzva může být pro jakoukoli akci, při vytváření tlačítka musíte vzít v úvahu jak akci samotnou, tak typ webu a cílové publikum.
Typy tlačítek s výzvou k akci
Existují různé typy tlačítek CTA. Níže naleznete nejběžnější typy seřazené podle typu akce, ke které uživatele vybízejí.
1. Přidejte do košíku
Internetové obchody obvykle používají řadu tlačítek CTA, ale nejoblíbenější jsou tlačítka „Přidat do košíku“. Tato tlačítka jsou obvykle umístěna na produktových stránkách a vybízejí uživatele ke koupi konkrétního produktu. Obvykle jsou navrženy s krátkým textem s výzvou „Koupit“ nebo „Přidat do košíku“ a ikonou bankovní karty nebo košíku.
2. Stáhnout
Tlačítka „Stáhnout“ jsou podobná předchozímu typu v tom, že nabízejí uživateli převzít navrhovanou položku, to znamená stáhnout ji. V případě tohoto typu tlačítka návrháři také preferují poskytnout uživateli více informací přidáním například verze produktu a velikosti souboru.
3. Zkušební verze
Některé stránky se snaží klienta zaujmout tím, že mu nabídnou zkušební verzi produktu. Může se jednat o bezplatné stažení nebo bezplatný účet v závislosti na typu nabízené služby nebo produktu. Někteří designéři se snaží být při návrhu CTA tlačítek tohoto typu struční, jiní naopak tlačítku štědře poskytují doplňující informace.
4. Zjistěte více
Tlačítka „Další informace“ jsou často umístěna na konci bloku informací s upoutávkou. Obvykle se jedná o jednoduchá tlačítka, ale dostatečně velká, aby upoutala pozornost uživatele.
5. Registrace
Registrační tlačítka najdeme nejčastěji ve dvou verzích. V prvním případě tlačítko vede k registračnímu formuláři, ve druhém funguje jako tlačítko „Přidat do košíku“, které nabízí zaplacení účtu a jeho použití v budoucnu.
Existují další typy tlačítek CTA, ale většina z nich je podobná těm, které jsou uvedeny výše. A zásady, které platí pro tlačítka popsaná výše, budou s největší pravděpodobností platit i pro většinu ostatních.
Práce s negativním prostorem
Pravděpodobně chcete, aby tlačítka CTA na vašem webu vyčnívala z ostatního obsahu a přitahovala pozornost uživatele. K tomu použijte záporný prostor kolem tlačítek. Vytvořte vzduch mezi tlačítky obsahu a CTA. V některých případech (jako u tlačítek „Přidat do košíku“) lze toto pravidlo ignorovat, ale nejčastěji to přidá vašemu návrhu efektivitu.
Je důležité nezapomínat na rovnováhu. Musíte vypočítat záporný prostor tak, aby vypadal úměrně velikosti tlačítek. Chceme, aby tlačítka a obsah vypadaly jako jedna kompozice, i když je od sebe oddělujeme. Někdy si tedy možná budete muset pohrát se vzdáleností.
- Ujistěte se, že je kolem tlačítka dostatek místa a v designu není žádný nepořádek.
- Zkuste při určování velikosti záporného prostoru použít pravidlo třetin nebo zlatého řezu.
- Ujistěte se, že negativní prostor umožňuje tlačítku vyniknout od zbytku obsahu a být od něj oddělen.
Velikost a barva
Velikost tlačítka CTA je velmi důležitá. Příliš velké tlačítko zastíní zbytek obsahu; příliš malé tlačítko se ztratí mezi okolním obsahem. Potřebujeme, aby naše tlačítko vyčnívalo z pozadí ostatních prvků, ale zároveň je vizuálně nepotlačovalo.
Barva musí být použita ve spojení s velikostí. Pro velká tlačítka zvolte barvu, která se méně liší od hlavní barvy vašeho návrhu, ale přesto by se měla lišit od pozadí. Pro menší tlačítka použijte jasné barvy, které kontrastují s hlavní barvou. Dejte si ale pozor, aby v každém případě barva tlačítka zapadla do celkového designu a byla kombinována s dalšími prvky.
- Tlačítka CTA by v ideálním případě měla být největšími tlačítky na stránce.
- Pro zvýraznění malého tlačítka použijte kontrastní barvy.
- Pro vizuální zmírnění velkého tlačítka použijte barvy, které jsou méně kontrastní s hlavní barvou.
- CTA tlačítka by měla přitahovat pozornost, ale nepřetěžovat design.
Text
Přesné znění, které použijete v textu tlačítka, může mít velký význam. Porovnejte výzvu „Koupit nyní“ s výzvou „Přidat do košíku“. První možnost vypadá mnohem naléhavěji a dokonce rušivě. Důležitá je také velikost textu. V případě potřeby lze například text „Vyzkoušet službu zdarma“ nahradit kratší verzí „Zkušební verze“.
Text, který použijete k návrhu tlačítek, by měl být co nejjednodušší a nejjasnější. Je nutné, aby uživatel na první pohled pochopil, co ho po stisknutí tlačítka čeká. Pokud má pochybnosti kvůli nejednoznačnosti, můžete velmi dobře přijít o konverze.
Nezapomeňte na velikost textu. Písmo by mělo být velké a znatelné, ale samozřejmě kombinovat s velikostí samotného tlačítka. Ujistěte se, že text má dostatečný kontrast a je dobře čitelný.
- Používejte jednoduchý, srozumitelný jazyk.
- Použijte velké, viditelné písmo.
- Ujistěte se, že text skutečně vyzývá k akci.
Vytvořte naléhavost
Chceme, aby návštěvníci našich stránek provedli požadovanou akci co nejrychleji. A i když návštěvníka nikdo neoklame, čím více příležitostí mu dáte k přemýšlení a srovnání, tím větší je pravděpodobnost, že dostane negativní odpověď.
Naším cílem je zapůsobit na uživatele, že musí jednat právě teď. Musíte je povzbudit, aby jednali okamžitě, spontánně. A ačkoli ne všechna tlačítka CTA budou fungovat tímto způsobem (zejména pokud mluvíme o nákupu drahého produktu), levné nebo bezplatné akce by měl uživatel v ideálním případě provádět bez váhání.
- Povzbuďte uživatele, aby okamžitě jednal
- Nedávejte uživateli žádný důvod k přemýšlení.
- I když je efekt naléhavosti důležitý, nikdy neuvádějte uživatele v omyl.
dodatečné informace
V případě potřeby dejte uživateli další informace o tom, co obdrží kliknutím na tlačítko CTA. Nejčastěji se to týká tlačítek „Vyzkoušet“ nebo „Stáhnout“. Obvykle jsou v těchto případech zveřejněny informace o tom, jak dlouho je zkušební verze platná, kolik váží soubor, který se chystáte stáhnout, nebo jakou verzi programu stáhnete.
Když na tlačítko umístíte další informace, ujistěte se, že hlavním cílem zůstává samotná výzva k akci. Zvětšete text výzvy a doplňte informace méně nápadné.
- Do tlačítek přidávejte pouze informace, které budou pro uživatele jednoznačně užitečné.
- Další informace jsou vhodné pouze pro některé typy tlačítek CTA (například „Zkušební verze“ a „Stáhnout“).
- Ujistěte se, že samotná výzva k akci je stále nejvýraznějším textem na tlačítku.
Priorita
Pokud je na stránce více než jedno, je nutné upřednostnit tlačítka. Důležitost prvku můžete zdůraznit různými způsoby, ale nejčastěji se tak děje pomocí barvy a velikosti.
Použijte barvu, která kontrastuje s hlavní barvou designu, abyste zdůraznili důležitost tlačítka. Použijte méně kontrastní barvy, abyste vizuálně snížili důležitost tlačítka. Stejný příběh s velikostí. Zvýrazněte důležitost tlačítka jeho zvětšením a zmenšením, abyste snížili jeho prioritu.
Ikony a obrázky
Návrh tlačítek CTA s ikonami může také pomoci zvýšit konverzi. Příkladem může být ikona košíku na tlačítku „Koupit“ nebo šipka na tlačítku „Stáhnout“. Můžete také použít jedinečné ikony a obrázky, ale ujistěte se, že přesně vyjadřují účel tlačítka a neuvádějí uživatele v omyl.
- Ujistěte se, že obrázek umístěný na tlačítku pomáhá pochopit jeho účel a nemá uživatele zmást.
- Snadno rozpoznatelné ikony mohou uživateli okamžitě sdělit význam tlačítka.
- Nebojte se používat méně oblíbené ikony, ale ujistěte se, že jejich význam je jasný.
Příklady
Níže naleznete příklady úspěšných návrhů tlačítek CTA. A přestože některé z nich nejsou navrženy podle všech výše uvedených zásad, většina pravidel se stále dodržuje a tlačítka fungují efektivně.
Lodní deník
Použití různých barev pro tlačítka Stáhnout a Koupit je odděluje od sebe a zdůrazňuje důležitost tlačítka Koupit.
Pravidelní čtenáři našeho blogu dobře vědí, co je to „tlačítko výzvy k akci“ na vstupní stránce a jak důležitá je role tohoto prvku webového rozhraní v podnikání.
V našem novém článku si povíme, jak vytvořit vysoce efektivní tlačítko výzvy k akci – zaručeně přitáhne pozornost návštěvníků a maximalizuje konverzní poměr a.
Pamatovat si! Tlačítko CTA by mělo působit jako plnohodnotný, přirozený a harmonický prvek architektury vaší vstupní stránky. CTA prvek, který vypadá „narychlo připojený“, bude návštěvníkovi mimovolně naznačovat neprofesionalitu svých vývojářů.
Metoda 1: Upoutejte pozornost uživatele zvětšením velikosti tlačítka CTA.
Ve webdesignu platí nepsané pravidlo: velikost prvku stránky je přímo úměrná jeho důležitosti, jinými slovy, čím větší prvek, tím významnější je jeho role na stránce.
Příklad 1: Tlačítko výzvy k akci je větší než okolní prvky.
Ukažme si tento způsob upoutání pozornosti uživatelů na příkladu vstupní stránky od Lifetree Creative.
Pojďme si tedy porovnat velikost CTA tlačítka s velikostí dalšího důležitého prvku stránky – loga společnosti. Aby vývojáři upoutali pozornost návštěvníků, udělali tlačítko o 20 % širší než logo. Designéři tak dosáhli chvályhodného výsledku: přestože je logo umístěno výše než prvek CTA, oči návštěvníků jsou jako magnet přitahovaný k tlačítku výzvy k akci, které svou velikostí znatelně vyčnívá mezi ostatními prvky vstupní stránku.
Příklad 2: Pokud má vaše vstupní stránka více tlačítek s výzvou k akci, mělo by být důležitější tlačítko větší.
Vstupní stránka může obsahovat více prvků výzvy k akci. Chcete-li uvést relativní důležitost výzvy k akci vzhledem k ostatním, můžete změnit velikost odpovídajících tlačítek.
Takto byl tento koncept přiveden k životu na webu paramore|redd – tlačítko vyzývající návštěvníka k odběru newsletteru je mnohem větší než tlačítko „umožňující“ uživateli pokračovat ve čtení blogu. Konverzní cíl této stránky je jasný a jasný – předplatné!
Metoda 2: Upoutejte pozornost uživatele pomocí dobře známých pravidel umístění prvku CTA na webovou stránku.
Místo, kde umístíte CTA na vstupní stránku, je rozhodující pro upoutání pozornosti návštěvníků.
Umístění tlačítek s výzvou k akci na prominentní místa, například v horní části webové stránky, může vést ke zvýšení počtu konverzí, protože uživatelé si s větší pravděpodobností všimnou prvku návrhu a podniknou kroky na podporu konverze.
Příklad 1: Umístěte svou výzvu k akci „o úroveň výše“ než zbytek obsahu vaší vstupní stránky.
Jednoduchý, ale mimořádně účinný způsob, jak zvýraznit prvek CTA, je umístit jej „nad povrch“ stránky. Tento nápad můžete vidět v praxi na webu dailymile, kde tlačítko výzvy k akci jakoby „létá“ nad ostatními prvky stránky (diagramy). Podobného efektu lze snadno dosáhnout při rozvržení stránky pomocí kaskádových stylů (CSS).
Příklad 2: CTA v horní části vstupní stránky.
Osvědčeným, jednoduchým, ale velmi účinným způsobem, jak upoutat pozornost uživatele, je umístit CTA prvek úplně nahoře na stránku, aby návštěvníkovi jistě zapadl do jeho zorného pole.
Příklad 3: CTA ve vizuálním centru.
Dalším vhodným místem pro umístění tlačítka CTA je „vizuální centrum“. Chcete-li upozornit na tlačítko - umístěné přesně uprostřed vodorovného rozměru stránky - můžete použít další designové prvky, které jej lemují.
Tato metoda fungovala skvěle pro stránku PicsEngine, ale nezapomeňte, že zvolené umístění by nemělo být příliš daleko od horní části webové stránky.
Metoda 3: Použijte prázdné místo.
Použití bílého místa (prázdného nebo „mrtvého“ místa) funguje skvěle na vstupních stránkách, kde je v blízkosti tlačítka CTA spousta dalších prvků.
Příklad 1: Použijte bílé místo k vizuálnímu zvýraznění výzvy k akci.
Na příkladu vstupní stránky služby IconDock je snadné vidět, jak účinná je tato metoda: malé tlačítko skromné světle šedé barvy pevně přitahuje pozornost.
Příklad 2: Snižte množství bílého místa, abyste označili logický vztah mezi dvěma prvky stránky.
Čím větší je mezera mezi tlačítkem s výzvou k akci a kterýmkoli z okolních prvků stránky, tím méně viditelné je logické spojení mezi nimi. Pokud používáte jiné prvky vstupní stránky k přesvědčování uživatele, aby provedl požadovanou akci, zmenšení bílého prostoru pomocí těchto prvků a tlačítka CTA je chytrý tah.
Například na stránce společnosti Nástroje dárců je vedle tlačítka výzvy k akci seznam výhod, které předplatitel získá. Zmenšením mezery mezi seznamem výhod a CTA jsou tyto dva prvky spojeny do vizuální skupiny, která zvyšuje dopad výzvy prostřednictvím jasného logického spojení mezi akcí a získanými výhodami.
Metoda 4: K vytvoření a zvýraznění CTA použijte barvy s vysokým kontrastem.
Určitě se sami rozhodněte, jaké barvy použijete – to je velmi důležité. Nejjistější způsob, jak upoutat pozornost, je použít barvy, které jasně kontrastují s prvky obklopujícími tlačítko CTA a pozadím stránky.
Příklad 1: Použijte barvy, které kontrastují s okolními prvky stránky.
Zde je skvělý příklad toho na vstupní stránce Notepodu: všechny okolní prvky na stránce jsou černé, zatímco výzva k akci je jasně modrá. Nejnepozornějšímu uživateli požadované tlačítko neunikne. :)
Příklad 2: Použijte kontrast mezi barvou tlačítka a barvou jeho okolního pozadí.
Tato metoda je jednoduchá a účinná: umístěte tlačítko ve zvláště jasné barvě (například spektrálně žluté) nad černobílý nebo monochromatický obrázek na pozadí, jak to udělali například tvůrci této stránky.
Metoda 5: Pozvěte návštěvníka, aby použil další/alternativní tlačítko výzvy k akci.
Na webové stránce může pokojně koexistovat několik prvků výzvy k akci. V praxi se může stát, že budete muset návštěvníkovi nabídnout ještě jednu dodatečnou akci, abyste ho přesvědčili k provedení hlavní požadované akce později.
Tato technika se používá hlavně na webových stránkách. Při vytváření vstupních stránek je lepší držet se osvědčeného principu: „Jedna vstupní stránka, jeden prvek výzvy k akci.“
Například před přihlášením k odběru služeb webové služby může uživatel chtít získat podrobnější informace o stávajících cenách a způsobech platby za služby.
Dejte mu tuto příležitost tím, že na stránku nainstalujete další CTA tlačítko, které návštěvníkovi umožní například zhlédnout video vysvětlující cenovou politiku této služby.
Příklad 1: Umístění sekundárního prvku vedle primárního tlačítka CTA.
Web OfficeVP zobrazuje dvě tlačítka s výzvou k akci vedle sebe. Tlačítka jsou navržena v kontrastních barvách, takže návštěvník snadno pochopí, že jim jsou nabízeny dva různé způsoby akce: buď se zaregistrujte hned, nebo proveďte sekundární akci – dozvíte se více během bezplatné vzdělávací prohlídky.
Upozornění: zde je tlačítko pro hlavní požadovanou akci umístěno v souladu s klasickým pravidlem vnímání informace - řádek čte uživatel zleva doprava, což znamená, že první slovo v řádku (v našem případě tlačítko) získá ze strany návštěvníka maximální pozornost.
Vstupní stránka Přenosy použila jiný přístup k umístění 2 prvků výzvy k akci vodorovně. Hlavní akční tlačítko – zvýrazněné kontrastní barvou – se nachází za doplňkovým prvkem CTA. Toto uspořádání prvků je však zcela oprávněné: dodatečná akce (stažení bezplatné zkušební verze aplikace), pokud je provedena jako první, může přimět návštěvníka k provedení hlavní akce navržené na stránce – zaplacení plnohodnotné verze testovaného programu.
Příklad 2: Umístěte sekundární prvek CTA pod hlavní tlačítko výzvy k akci.
Tento typ umístění se může hodit, pokud chcete zlepšit vizuální oddělení vašich primárních a sekundárních výzev k akci.
Poznámka: dodatečná akce je zvýrazněna použitím „tmavšího“ (ve srovnání se zbytkem místa na stránce) pozadí.
Metoda 6: Urychlete návštěvníka své stránky.
Nechte svá tlačítka s výzvou k akci „mluvit“ sebevědomým, rázným „velitelským tónem“. Uživatel si musí myslet, že pokud na vaši výzvu okamžitě nezareaguje, přijde o jedinečnou možnost využít vaši nabídku.
Například na stránce tap tap tap.com byla myšlenka „uspěchat uživatele“ implementována velmi důmyslným způsobem: umístěna v těsné blízkosti tlačítka CTA s výzvou „koupit hned,“ uvádí reklama že produkty podléhají určité „vyvolávací ceně“.
Jde zde o poměrně rafinovaný mechanismus pro vytvoření „úzkostného očekávání“: když uživatel postaví vedle sebe slova „nyní“ a „počáteční cena“, začne mít podezření, že riskuje, že zaplatí více, pokud za produkt zaplatí později, když „počáteční ceny“ (které si kupující podvědomě spojuje se začátkem nejjednoduššího odpočítávání od malých po velká čísla: 1, 2, 3...) se jistě bude měnit směrem nahoru. ;)
A samozřejmě, až budete vymýšlet popisek, který umístíte na tlačítko výzvy k akci, nezapomeňte na silná „přesvědčivá“ slova: „teď“, „okamžitě“, „právě teď“ atd.
Metoda 7: Řekněte uživatelům, že navrhovaná akce je snadná a snadno proveditelná.
Váhání uživatelů, zda váš návrh přijmout nebo nepřijmout, často pramení ze skutečnosti, že předpokládají, že vámi navrhovaná akce pro ně bude ztrátou času, úsilí a peněz. Tento problém však můžete vyřešit umístěním textu na tlačítko CTA, které vytvoří důvěru vašich návštěvníků, že vámi navrhovaná akce bude snadná a jednoduchá.
Například na vstupní stránce Basecampu text na tlačítku s výzvou k akci jasně uvádí dobu, po kterou se uživatel zaregistruje (60 sekund), a vysvětluje, že 30denní zkušební předplatné je zdarma.
Toto je velmi důležitý bod, snažte se na to nezapomenout: při „navrhování“ titulku pro váš prvek CTA nezapomeňte zmínit bezplatné verze produktů nebo registrační období, pokud existují, a přesvědčte uživatele, že registrace na vašem zdroji nezabere mu mnoho času.
Metoda 8: Otevřeně a důkladně vysvětlete uživatelům, co získají použitím vašeho tlačítka CTA.
Zde je poslední rada, poslední na seznamu, ale v neposlední řadě důležitá: Získejte si důvěru návštěvníků tím, že jim podrobně a otevřeně řeknete, co dostanou, když na vaši nabídku odpoví.
Specialisté na Mozilla Firefox například dokázali na plochu tlačítka pro stažení aplikace umístit všechny nejnutnější informace pro uživatele: informace o ceně produktu (zdarma), informace o verzi nabízeného produktu (web verze prohlížeče 3.5.3, určený pro OS Windows s anglickým rozhraním ) a velikost staženého instalačního souboru (7,7 MB).
Takto vypadá opravdová péče o návštěvníka vaší vstupní stránky.
A nezapomeňte na to hlavní: otestujte každou změnu, kterou uděláte.
Je známo, že všechny více či méně známé značky na americkém trhu jsou jednoduše „posedlé“ testováním svých internetových zdrojů. Pochopení, že 0,5% nárůst konverzí může vygenerovat další tisíce dolarů v ročním zisku, je skvělou motivací pro optimalizaci konverzního poměru vstupní stránky/webu.
7. září 2012 ve 12:56 hodinJak napsat výzvy k akci, které zvýší konverzi (s příklady)
- Dřevěná místnost
Co potřebujete pochopit o CTA
Vaše výzvy k akci představují bod zlomu mezi opuštěním a konverzí. Když někoho požádáte, aby něco udělal online, musí se proklikat vaší výzvou k akci – ať už ho žádáte, aby si stáhl pdf, vyplnil formulář, koupil produkt nebo jen přešel na jinou stránku.Tvar a barva jsou důležitými vizuálními vodítky a pomáhají přitáhnout pozornost k umístění tlačítka. Ale v tom posledním kritickém okamžiku, kdy se klient musí rozhodnout, je to text tlačítka, se kterým bude interagovat.
Menší změna na stránce = významný dopad na konverzní poměr
Mírným vylepšením textu tlačítka je drobná změna stránky jako celku. Má však významný dopad na proces rozhodování vašich potenciálních zákazníků, a proto ovlivňuje konverzi.Zde je příklad z případové studie, kdy změna jednoho slova v CTA na B2B (wiki) stránce vedla k 38,26% nárůstu konverzí.
Zákazník měl portál, přes který podnikatelé nacházeli kanceláře k pronájmu. Tato stránka poskytla potenciálním kupcům k nahlédnutí tisíce kanceláří. Když zákazníci našli vhodnou kancelář, museli kliknout na hlavní CTA (umístěnou na všech stránkách), aby dostali e-mail s dalšími informacemi o nabídce pronájmu.
To znamená, že kliknutí na vaši výzvu k akci jsou kritickým konverzním cílem a každé další kliknutí může znamenat více peněz na vašem účtu.
Vše je o hodnotě a relevanci
Ve výše uvedeném příkladu jsme viděli, jak jedno slovo mělo silný vliv na konverzi. Otázka - "Proč taková malá změna najednou vytváří takový dopad?"Odpověď je ve zprávě tlačítka. „Objednávka“ zdůrazňuje, co musíte udělat – ne to, co dostanete. Zároveň „Get“ zdůrazňuje to, co získáte, spíše než to, co musíte udělat, abyste to získali. Jinými slovy, interpretace textu odráží význam.
Ale reflektování významu není vždy dostačující. Chcete-li dosáhnout plného účinku, musí být text tlačítka také založen na konkrétním scénáři konverze, ve kterém se zákazník po kliknutí na tlačítko ocitne.
Chcete-li to ilustrovat, podívejte se na příklad, kdy CTA, která vyjadřuje pouze význam, funguje výrazně hůře než tlačítko, které vyjadřuje význam i jeho relevanci.
Zde je zákazník oblíbeným esejistickým webem. Jejich vstupní stránky (wiki) obsahují oznámení o eseji a jejich cílem je přimět potenciální zákazníky, aby se proklikli na stránku odběru.
Navzdory skutečnosti, že „Get Instant Access Now“ sděluje význam (dalo by se říci „Koupit přístup“), není srovnatelné s „Přečíst celý esej nyní“.
Tato výzva k akci je umístěna na více než 120 000 vstupních stránkách, takže její správné použití je rozhodující pro celkovou konverzi webu.
Výše je další příklad, který ukazuje, jak má přidání relevance k CTA působivý vliv na konverze – v tomto případě 68% nárůst.
Zákazník si přál zůstat v anonymitě, ale mohu říci, že se jedná o velký řetězec posiloven ve Skandinávii. Příklad je převzat ze vstupní stránky PPC (wiki), kde je cílem přimět potenciálního zákazníka, aby se proklikal procesem pokladny, kde si může vybrat tělocvičnu a přihlásit se k členství.
Kontrolní verze je již docela dobrá, protože dává smysl a zaměřuje se na to, co získáte - ne na to, co musíte udělat, abyste to získali. To je však velmi obecné, „Získat členství“ lze aplikovat na jakoukoli situaci, kdy je členství implikováno.
Udělal jsem průzkum a zjistil jsem, že poloha je velmi důležitým faktorem při rozhodování, zda se k něčemu připojit. V tomto případě tedy můžete CTA učinit relevantnější pro váš konkrétní konverzní scénář a zvýšit konverze přidáním „Najít tělocvičnu“ (První krok v procesu pokladny zahrnuje úplný seznam umístění tělocvičny).
Závěry z analýz: 4 roky výzkumu vyústily v jeden jednoduchý princip optimalizace
Příklady v tomto tématu jsou pouze částí mnoha testů tlačítek, které jsem provedl za poslední 4 roky. Velmi dobře však odrážejí výsledky, které jsem viděl znovu a znovu.Veškerý výzkum, který jsem provedl, lze shrnout do jednoho jednoduchého principu optimalizace:
Význam + Relevance = více konverzí
Je to opravdu velmi jednoduché. Čím větší význam a relevanci dokážete prostřednictvím své CTA sdělit, tím více konverzí pravděpodobně získáte. Samozřejmě je důležité nezklamat své potenciální klienty urážlivými tvrzeními, která nemůžete doložit. Udělejte tedy svou kopii relevantní a zaměřte se na výhodu kliknutí – ale nepřehánějte to.
co bys teď měl dělat?
Prohlédněte si své stránky a vyhledejte výzvy k akci, které obsahují typický text „Stáhnout“ a „Odeslat“ nebo něco negativního, jako je „Koupit nyní“, které naznačují, co musíte udělat, místo toho, co byste chtěli dostávat.Když najdete CTA, kterou chcete optimalizovat, položte si dvě otázky:
- Jaká je motivace klienta stisknout toto tlačítko?
- Co klient získá, když na něj klikne?
Odpovědi na tyto dvě otázky budou tvořit základ nového textu tlačítka. Samozřejmě strávíte čas jeho vylepšováním a zdokonalováním, než bude připraven k testům, ale tyto otázky jsou skvělým způsobem, jak začít.
Vezměme si příklad členství ve sportovním klubu:
- Motivací klienta je stát se členem místní tělocvičny.
- Když stiskne tlačítko, bude mít příležitost najít tělocvičnu a připojit se k ní.
Text tlačítka: „Najděte si tělocvičnu a získejte členství“
Nějaká inspirace pro vaše další CTA
Zde je několik příkladů běžných CTA, kterým je třeba se vyhnout, a několik nápadů na alternativní texty: