25 Příklady přesvědčivých tlačítek s výzvou k akci
Navzdory tomu, co vám mnoho lidí řekne, neexistují žádná tvrdá a rychlá pravidla, pokud jde o tlačítka výzvy k akci. Ano, je pravda, že velká, barevná tlačítka obklopená dostatkem prostoru jsou obvykle nejúspěšnější, ale je důležité, abyste každé tlačítko přizpůsobili primární úloze dané webové stránky, ať už jde o přihlášení, pokladnu, registraci nebo cokoli jiný. Jako designér je vaší úlohou usnadnit návštěvníkům plnění těchto úkolů a tlačítka výzvy k akci jsou nejúčinnějšími nástroji, které máte k dispozici, takže je používejte moudře.
Prozkoumejte prvky Envato
Obecně řečeno, tlačítka s výzvou k akci by měla být jednoduchá a jasná. Musí vyniknout a upoutat pozornost uživatele. Všechno musí být pečlivě zváženo, od spouštěcích slov použitých k barvám, velikostem, tvarům a umístění. Tato tlačítka musí být dobře viditelná, ale ne natolik, že způsobí, že váš web bude ošklivý nebo nevyvážený.
Níže se blíže podíváme na 25 nejpřesvědčivějších tlačítek výzvy k akci na webu. Zkoumáme, proč je každé jednotlivé tlačítko tak úspěšné. Doufejme, že vám poskytnou představu o některých základních úkolech a nedělích a pomohou inspirovat vaše vlastní návrhy.
1. Elektronický obchod WordPress
Je důležité nechat tlačítko vyniknout pomocí barev. Pokud si můžete vybrat barvu, která souvisí s paletou vašeho webu, jako je tato, výsledky jsou o to atraktivnější.
2. Skype
Toto tlačítko „Stáhnout nyní“ je velmi jednoduché. Není nijak zvlášť velký nebo jasně zbarvený. Je však obklopen velkým množstvím bílého prostoru, což ještě více zviditelňuje uživatele.
3. Picsengine
Picsengine spoléhá na umístění pro úspěch jeho tlačítka "vidět v akci". Tlačítko se zaseklo přímo uprostřed stránky, aniž by jej rušil žádný rušivý text, odkazy ani tlačítka.
4. Mozilla Firefox
Tlačítko Mozilla Firefox „Free Download“ podnítilo mnoho debat. Většina lidí, včetně mě, věří, že její velký, nepravidelně tvarovaný, živě zbarvený design je skutečně revoluční, pokud jde o grafiku s výzvou k akci. Malá menšina však tvrdí, že je matoucí a vůbec se podobá knoflíku.
5. CakePHP
Tlačítko „Stáhnout“ CakePHP bylo vytvořeno s ohledem na velkou velikost a neobvyklý tvar. Jeho jasnost však nepřichází na úkor celkové estetické stránky. Díky své shodné barevné škále sedí pohodlně na pozadí.
6. Crazyegg
Crazyegg navrhl své stránky kolem tlačítka s výzvou k akci, které se pyšní uprostřed domovské stránky, obklopené velkým množstvím bílého prostoru. Její jasně žlutou barvu zrcadlí pouze další tlačítko výzvy k akci na stránce - mnohem menší tlačítko „Přihlásit se“ v pravém horním rohu.
7. Litmus
Litmus nešel přes palubu pomocí tlačítka výzvy k akci; přesto je to velmi jasné, díky velké části prázdného prostoru, který jej obklopuje, a jeho zaoblenému tvaru, který se nikde jinde na stránce nezopakuje.
8. StumbleUpon
Mít jeden primární funkční cíl na stránce usnadňuje uživatelům vyhledání tlačítek výzvy k akci, ale někdy to prostě není možné. Je tu spousta kliknutí na domovskou stránku StumbleUpon, ale tlačítko „Start Stumbling“ opravdu vyniká díky použití barev v jinak monotónním nastavení
9. Pamatujte na mléko
Nezapomeňte, že Mléko nabízí na své domovské stránce několik možností, ale nejdůležitější - „Zaregistrujte se nyní!“ - je zdaleka nejjasnější, umístěný uprostřed stránky, obklopený barevným rámečkem a velkým písmenem. Není zde potřeba křiklavých, jasných barev.
10. Lifetree Creative
Lifetree Creative se podařilo učinit tlačítko výzvy k akci opravdu velké, dokonce větší než logo společnosti, aniž by se stránka zdála nevyvážená. Barvy, tvar, velikost a prostor zde byly použity s velkým účinkem.
11. Dailymile
Dailymile udělal pomocí tlačítka s výzvou k akci něco neobvyklého. Je to rozloženo nahoře na všem ostatním na stránce, s jemným vrženým stínem za ním. Tlačítko také pomohlo tím, že je zelené, tlačítko opravdu vyčnívá.
12. Carsonified
Domovská stránka společnosti Carsonified obsahuje spoustu informací, ale díky použití velkých písmen a barev svítí tlačítko „Koupit vstupenky“. Bílá písmena vynikají velmi dobře proti červené.
13. planHQ
PlanHQ využil sílu bílého prostoru k zvýraznění svých tlačítek výzvy k akci. Tato tlačítka nejsou jasně zbarvená ani nadměrně velká, díky blokům bílé, v níž sedí.
14. Věci
Věci mají na své domovské stránce dvě tlačítka s výzvou k akci, která jsou pro společnost stejně důležitá. Z tohoto důvodu mají stejný tvar, velikost a barvu, ale oba vynikají dobře proti světle modré a šedé.
15. Livestream
Červená je vynikající barva, kterou chcete použít, když chcete na něco upozornit. Vyniká nejlépe na černobílém pozadí, jaké se používá na domovské stránce Livestream. Tvar šipky tlačítka „Broadcast Now“ v pravém horním rohu vybízí uživatele, aby klikli vpřed.
16. Ncover
Ncover je další web se dvěma tlačítky s výzvou k akci na jeho domovské stránce. Použitím zelené barvy na modrém pozadí se Ncoveru podařilo upřednostnit jedno důležité tlačítko před druhým.
17. Řídicí panel
Znovu se zde objevuje červené na černém a bílém pozadí. Kromě jeho barvy je v panelu „Vyzkoušejte to zdarma!“ tlačítko je velmi viditelné díky své velikosti, která nabízí dostatek místa pro logo a „Přihlaste se do 60 sekund“.
18. Svobodní lidé
Tato stránka by mohla vypadat spíše standardně, ale překvapilo by vás, kolik webů elektronického obchodu je špatných, pokud jde o tlačítka „přidat do košíku / košíku“. Tlačítko Free People je zřejmé, aniž by bylo nemotorné, díky své barvě a velké, ale skromné velikosti.
19. ClickFormant
Obvykle je nejlepší použít průmyslová standardní spouštěcí slova pro tlačítka s výzvou k akci. U seznamu adresátů by tlačítko mělo obvykle číst „Registrace“ nebo „Připojit se“. Občas se však tato slova mohou pro image společnosti skutečně přidat. To udělal ClickFormant pomocí slova „Informovat“.
20. Kalculator
Velká, nadměrná tlačítka výzvy k akci jsou často velmi úspěšná, ale mohou vypadat ošklivě a někdy i zoufale. S vědomím toho, Koombea používá polohování, barvu, prostor a tvar, spíše než velikost, aby se tlačítko lesklo.
21. Basecamp
Basecamp je provozován velmi inteligentní partou, takže nepřekvapuje, že jeho tlačítko výzvy k akci je tak chytré. Mnoho stránek udělá chybu, když umístí tlačítko v horní části stránky, což je skvělé, dokud uživatel neposouvá dolů a není zakrytý. Tlačítko Basecamp se objeví dvakrát: jednou nahoře a znovu dole.
22. Spotify
Tlačítko „Koupit nyní“ společnosti Spotify je příkladem toho, jak nejlépe využít barvu a prostor. Tlačítko je jasně zelené a obklopené bělostí, je zjevné všem.
23. Dropbox
Rozložení domovské stránky Dropboxu je stejně logické a jednoduché jako samotné Dropbox (fantastický nástroj, který byste si měli opravdu vyzkoušet, pokud jste tak již neučinili!) Návštěvníci nemají žádné iluze o tom, co by tady měli dělat. Mohou buď „Sledovat video“ nebo „Stáhnout Dropbox“ - je to tak jednoduché.
24. 280 diapozitivů
Tlačítko „Vyzkoušejte to nyní ...“ na 280 snímků je velké ... opravdu velké! Neexistuje způsob, jak by si to mohl návštěvník nechat ujít. Je modrá, stejná barva jako pozadí, takže nevypadá tak nevzhledně, jak by mohla snadno.
25. FlockDraw
Tlačítko „Zahájit kreslení“ FlockDraw je jedním z nejatraktivnějších v tomto seznamu. Kromě své skvělé barvy, která ji vyznačuje ztlumeným pozadím, je jemně osvětlena a podtržena vícebarevnými tahy štětcem.
Závěr
Pokud byl jeden typ tlačítka s výzvou k akci úspěšnější než kterýkoli jiný, můžete si být jisti, že jej bude používat každý web. I když je možné identifikovat podobnosti mezi tlačítky výše, je zde také evidentně spousta rozdílů. Je důležité, abyste na svém webu testovali různé kombinace tlačítek výzvy k akci, abyste viděli, jak každá z nich ovlivňuje míru konverze. Můžete to snadno provést pomocí Optimalizátoru webových stránek Google. Ať už však tlačítka vyzývají k akci vypadají, ujistěte se, že odpovídají vašemu celkovému designu webových stránek.
