Bez alespoň 1 kliknutí si u vás nikdo nic nekoupí. Takže optimalizovat tlačítka je nutnost.
Většinou slyším od klientů následující výmluvy:
- 3 slova jsou příliš málo, abych vymyslel něco zajímavého (textař)
- všichni ostatní používají číst dál, registrovat a koupit, držme se konvencí (uxák)
- nebudu dělat tlačítka, co vypadají jako z 90. let, teď frčí flat design a průhlednost (grafik)
- bylo to přednastavené v šabloně, nevidím v tom problém (ajťák)
- když si budou lidi chtít koupit, tak to tlačítko najdou (majitel webu)
Na což já většinou říkám: „Ne.“ A pokud si tykáme, tak i něco horšího.
Tlačítka ale nepíšete pro zákazníky, kteří u vás na 100 % koupí. Ale pro lidi, kteří jsou nerozhodní, a potřebujete je trochu popostrčit.
O tlačítkách už jsem psal. Tohle je pokračování pro mazáky. V tuhle chvíli jste v situaci, kdy jste:
- zvýšili kontrast tlačítka (použitím barvy na opačné straně spektra, zvýšením místa okolo atp.)
- zvětšili písmo i samotné tlačítko
- dali jste ho na správné místo
- zjednodušili a zlepšili formulář
A ono pořád nic. Ano, tlačítko uvidí víc lidí, ale to ještě neznamená, že na něj víc lidí klikne.
1. Obecný text nikoho nezaujme
Pokračovat. Odeslat. Nejen, že je to nuda, ale jelikož nevím, co se stane dál, tak mám menší motivaci klikat.
Zkuste si doplnit větu Chci __________ . A to je váš text tlačítka.
Například:
- Získat půjčku na míru
- Sestavit si auto snů
- Přidat do košíku
- Naučit se jezdit na kole
- Vybrat šaty, které mi budou slušet (i když mám velký zadek)
Joanna Weibe doporučuje namísto call to action tzv. call to value. Dejte do textu tlačítka výhodu, kterou uživatel získá po kliknutí na tlačítko.
Takže namísto:
(Zkuste zdarma Schedulicity)
zkuste tohle:
(Jednoduchý způsob, jak získat a udržet si klienty)
(Ukončete mé trápení s plánováním času)
Na druhou stranu to s množstvím textu nepřežeňte, jako Basecamp. Protože pak už to přestává vypadat, jako tlačítko a nutíte lidi číst příliš. Uživatelé většinou čtou jen první 2 slova (11 písmen).
2. Použijte slova zdarma, já, hned, nové a protože
Všechna slova jsou si rovna. Ale některá jsou si rovnější. Miřte na ještěrčí mozek a používejte slova, která ho aktivují.
Ke slovíčku protože. Podle Oliho Gardnera z Unbounce je tohle nejkonverznější slovo vůbec. A dává to smysl. Slovíčkem protože odpovídáte na nejdůležitější otázku uživatele:
Co z toho budu mít já?
Cialdini dělal výzkum, kdy lidi předbíhali ve frontě na kopírku (ano, minulé století). Měl 3 verze, co lidi říkali:
- Promiňte, mám 5 stránek. Můžu použít kopírku? 60 % úspěšnost
- Promiňte, mám 5 stránek. Můžu použít kopírku, protože spěchám? 94 % úspěšnost
- Promiňte, mám 5 stránek. Můžu použít kopírku, protože si potřebuji udělat kopie? 93 % úspěšnost
Verze 3 nedává smysl, přesto byla efektivní. Čímž vás určitě nenavádím, abyste pindali nesmysly.
(Lukáš Morávek mě správně opravil, že slovo já/můj (1. osoba) funguje zpravidla lépe, než vy/váš (druhá osoba). Tak to opravuji a děkuji.)
3. Nedejte jim na výběr
Pokud dáte uživatelům příliš mnoho voleb, tak se stanou 2 věci:
- snížíte šanci, že si vyberou (paradox výběru),
- budou s volbou méně spokojení (ponákupní výčitky).
Takže až budete dávat tchýni jen jeden bonbon, tak zvolte tu krabičku vlevo. U všech ostatních tu vpravo.
4. Zvyšte naléhavost
Víte, jak se v Arábii v 80. letech říkalo IBM. Inšalláh bukra mumkin. Což v překladu znamená: Dá-li bůh zítra možná.
V psychologii se tomu říká FOMA – fear of missing out. Pokud to ostatní mají, tak to chcete taky. A pokud toho je málo, tak to chcete, než to dojte.
Takže používejte slova jako teď, hned, dneska, poslední kus a případně ještě ukazujte (malý) počet produktů na skladě.
Například Alza bude mít určitě o hodně víc, než 20 ks USB kabelů.
Marcus Taylor takhle zvýšil obrat o 332 %.
5. Přirozený vizuální tok a directional cues
Umísťujte call to action tam, kde je největší šance, že ji uživatelé uvidí. Zeptejte se svého optimalizátora/grafika na vizuální hierarchii.
Obecně řečeno spíš:
- doleva nahoru,
- doprostřed,
- s hodně prostorem okolo,
- s kontrastem,
- s šipkou,
- s ručně psaným textem.
Tady je zajímavá případovka, kde lepší vizuální hierarchií dosáhli 35,6% nárůst obratu.
6. Hierarchie tlačítek
Pokud máte na stránce víc tlačítek, tak je důležité si říct, které z nich je to nejdůležitější. A tomu dát největší vizuální váhu.
Takže spíš, než Aukrobot
to udělejte jako Starbucks.
7. Segmentujte – různá tlačítka pro různé cílovky
Většinou nebudete mít jen jednu cílovou skupinu. Proto je dobré ukazovat různým lidem různá tlačítka (zejména obsahově jiná).
Člověk, který je u vás poprvé a je na začátku fáze uvědomění (awareness stage), řeší dramaticky jiný problém než člověk, který jde najisto.
VWO uvádí příklad webu taxislužby, která měla konverzi 2 %. Ve chvíli, kdy začali ukazovat obsah v závislosti na poloze uživatele (geolokace), tak se jim zvýšila konverze na 12 %.
8. Testujte, jako kdyby na tom závisel váš život
Ani já nemám křišťálovou kouli. A úspěšnost AB testů je i u nejlepších optimalizátorů na světě tak 1 ku 1. A jinak, než otestováním nezjistíte, zda to bude fungovat nebo ne. Samozřejmě je důležitá úvodní analýza a hypotéza. Ale i když uděláte všechno dobře, stejně může být výsledek testu negativní (sorry Ondro Š., ten druhý test už byl lepší).
Typický příklad
tlačítko pod ohybem (+304 %)
a nad ohybem (+41 %)
Smysluplná debata