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, registrovatkoupit, 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:

Verze tlačítka před

(Zkuste zdarma Schedulicity)

zkuste tohle:

Lepší varianta tlačítka

(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:

  1. Promiňte, mám 5 stránek. Můžu použít kopírku? 60 % úspěšnost
  2. Promiňte, mám 5 stránek. Můžu použít kopírku, protože spěchám? 94 % úspěšnost
  3. 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:

  1. snížíte šanci, že si vyberou (paradox výběru),
  2. budou s volbou méně spokojení (ponákupní výčitky).
Čokoláda - která je lepší?

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.

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 %)

nad ohybem (+41 %)

 

Související články

Dieter-rams-skicuje1

10 principů dobrého designu

Dog-thinks-1

Jak cílit na racionálního zákazníka

Layouty

Web design je mrtvý

Shining-river-of-blood

Přístupnost na webu (všichni mají někdy handicap)

Smysluplná debata