Zpět na seznam článků

Nejlepší UX a CRO nástroje, které používám každý den

Tipy na nástroje pro uživatelskou přívětivost a optimalizaci konverzního poměru, které mám vyzkoušené a bez kterých bych nemohl efektivně pracovat.

Optimizely

Úspěch jakéhokoliv podnikání závisí na sladění vašich obchodních cílů s potřebami zákazníků. V tom vám můžou pomoct online nástroje, které lze rozdělit do zhruba 4 základních oblastí:

  1. Co se děje – kvantitativní analýza
  2. Proč se to děje – kvalitativní analýza
  3. Jak to zlepšit – design
  4. Jak vybrat nejlepší variantu – testování

Dost často používám nástroje v kombinaci, často je tam synergický efekt. Na druhou stranu nejdůležitější je selský rozum.

Peep Laja říká: „Nástroje nejsou tak důležité, jako vědět, jak s nimi zacházet. To, že dám někomu do ruky skalpel ho chirurgem neudělá.“

Na druhou stranu pokud máte jen kladivo, tak všechno vypadá jako hřebík (viz film Ong Bak).

1. Co se děje – kvantitativní analýza

Co nezměřím, to nezlepším. Základem úspěchu je vědět, jak se věci mají a kde je problém.

Mousetracking – sledování myši

Výstupy mousetrackingových programů jsou většinou 4:

  1. mapa kliků,
  2. mapa pohybu myši,
  3. mapa skrolování na stránce,
  4. videa uživatelů.

Za mě jsou nejužitečnější videa uživatelů, a mapa kliků a skrolování.

Nástroje:

Hotjar
Moje volba. Nejlepší uživatelské rozhraní, rychlá podpora a slušná cena (zdarma v základní verzi, Pro plán za 29 euro – ale u mě 9 euro).

CrazyEgg
Hezké funkce, pokročilá nastavení, rozumná cena (od 9 dolarů měsíčně)

Crazyegg

Fajn software s pokročilými funkcemi, ale trochu drahá legrace (od 99 dolarů).

Další nástroje:
Zkoušel jsem i další nástroje, ale moc mi nevyhovovaly. Ale může to být mnou :).

Český nástroj:
SmartLook
Zatím jsem nevyzkoušel, ale vypadá zajímavě, je zdarma a jejich další aplikace SmartSupp je moc fajn.

Smartlook

Analytics

Analýza návštěvnosti se vším všudy. Tohle beru jako základ, o kterém se nemá cenu bavit. A v českém prostředí naprosto dominuje

Google Analytics
Důležité je ale to správně nastavit (včetně cílů, trychtýřů, atd.) a pak se dívat na správná čísla (KPI).

Google analytics

Další nástroje:
Dávám spíš pro zajímavost.
KISSmetrics – reporty včetně kvalitativních dat a větší zaměření na konverze
Mixpanel – dobré pro aplikace, měří akce, ne návštěvu stránky.
Omniture – dobré na měření vícekanálového marketingu
Woopra – měření zapojení zákazníka v reálném čase
Clicky – má moc hezkou a přehlednou grafiku
Adobe Analytics – analytický kanón, kombinuje i offline data.

Analýza formulářů

Separátní oblast, představte si Google Analytics, ale jen pro formuláře.

Formisimo
Krom formulářů nabízí i analýzu objednávkového procesu.

Další nástroje:
Nabízí to i část moustrackingových programů (ClickTale, Inspectlet, Hotjar)
JotForm

2. Proč se to děje – kvalitativní analýza

První dojem

První dojem si uživatel dělá v 1/20 sekundy. Z 94 % hodnotí grafiku.

Pětisekundový test
Zjistěte, jaký je první dojem z vašich stránek/aplikace.

Další nástroje:
Chalkmark

Správná – intuitivní navigační struktura je základní páteří vašeho webu. Jinak máte místo webu vykostěné kuře. A v navigaci musíte vyřešit v zásadě jen 2 věci:

  1. logickou strukturu,
  2. obvyklé názvy tlačítek.

Na to vám pomohou dva nástroje.

Treejack
Tímhle nástrojem zjistíte, kde a proč se vám na webu ztrácí zákazníci

Treejack

OptimalSort (card-sorting)
Nechte své uživatele seskupit váš obsah do – pro ně – logických celků. Tyto celky můžete nazvat sami (closed card-sort) nebo ty celky nechte pojmenovat přímo uživateli (open card-sort). UX web Boxes and Arrows mají ke stažení Excelovou tabulku, která vám výrazně pomůže v utřízení výsledků card-sortingu.

Optimalsort

Oblasti zájmu

Existují nástroje, které na pomocí umělé inteligence z dodané grafiky poznají, kam se lidi budou dívat a na co budou upírat pozornost. No… alespoň to o sobě říkají. Já bych byl trochu skeptický, ale párkrát jsem to zkusil a úplně mimo to taky nebylo.

EyeQuant
Za mě asi nejlepší z nich. Hezká je tam analýza vizuální jednoduchosti a nadšenosti. (Bohužel tragická cena 499 euro za měsíc)

Eye-quant

Attensee
Rozumná alternativa za 49 dolarů měsíčně. Neumí toho sice tolik, ale cenově je za desetinu.

Další nástroje:
Attention Wizard
Feng-GUI

Uživatelské testování

Jsem zastáncem metody Steva Kruga – udělejte to rychle, často a pak až tak nezáleží na tom, koho testujete. Trochu přeháním, ale opravdu je důležitější frekvence než přesná cílovka.

Pokud máte anglický web, tak máte vyhráno.

UserTesting
Vaše první volba, 49 dolarů za uživatele není mnoho, a stačí vám jich 5-6.

Usertesting

Česká alternativa:
Posilovna webů

3. Jak to zlepšit – Design

Wireframing – drátové modely

Před tím, než se dáte do grafiky byste měli mít jasno, jak budou jednotlivé stránky vypadat z hlediska celkové struktury. Nejdůležitější nástroj je:

Tužka a papír
Stačí umět nakreslit čtverec, čáru a to vám stačí. Plus je hezké občas nečumět do počítače a pracovat taky rukama.

Balsamiq
Pokud vás na tom pracuje víc nebo děláte hodně změn, tak je lepší sáhnout po elektronické variantě tužky a papíru. A není lepší volba, než Balsamiq.

Další nástroje:
UXPin – má i základní interaktivitu
AxurePro – na mě příliš přesný, navádí to pak grafika k podobné verzi
MockingBird – verze pro Mac

Jak vybrat nejlepší variantu – testování

Váš test je jen tak důležitý, jak kvalitní máte vstupní hypotézu. Pokud to s testováním myslíte alespoň trochu vážně, tak zapomeňte na Google Content Experiments (součást Analytics). Mají neoptimální algoritmus, a limitované možnosti nastavení.

Optimizely
Můj oblíbenec, fůra funkci v základní verzi zdarma a světová jednička v A/B testování, pro pokročilejší CRO experty. Rychlá podpora z Amsterodamu a statistika pošéfovaná doktorem z Harvardu. Placená verze od cca 15 000 Kč/měsíc.

VWO (Visual Website Optimizer)
Rozumná alternativa pro začátek, ale horší podpora z Indie. Podle Peepa Laji prý rychlejší výsledky testu. Na 30 dní zdarma, potom 49 dolarů měsíčně.

Vwo

Další nástroje:
AB tasty – fajn pro testování na různých zařízeních
Maxymizer – robustní nástroj na testování celkového cesty uživatele (customer journey).
Adobe Target
Conductrics – testování pomocí umělé inteligence
Convert – dobré pro agentury, které testují pro více klientů

Česká alternativa:
Optimcore – jednoduché AB testování včetně vizuálního editoru. Navíc Petr Bláha fakt rozumní statistice. Základní verze zdarma, rozumná verze 1 150 Kč za měsíc.

 

Související články

Minimalist-figure

Méně je lépe

10 principů, které udělají váš web důvěryhodnější

Lings-cars

10 nejčastějších chyb na webu a jak je opravit

Harrys-product-page

17 elementů produktové stránky e-shopu

Smysluplná debata