Keď zákazník nerozumie vášmu webu, platíte za návštevnosť, ktorú nevyužijete.

Väčšina firiem má rozpočet na to, aby človeka priviedla na web. Kampane vo vyhľadávaní, obsah pre SEO, príspevky na sociálnych sieťach, často aj agentúra, ktorá to riadi. Menej firiem venuje rovnakú pozornosť tomu, čo sa stane po kliknutí.

Ten nepomer má oporu v dátach. Podľa Nielsen Norman Group trvá priemerná návšteva stránky o niečo menej ako minútu a ľudia z nej často odchádzajú už počas prvých desiatich až dvadsiatich sekúnd. Jakob Nielsen z toho v roku 2011 vyvodil, že ak chcete získať niekoľko minút pozornosti, musíte hodnotovú ponuku jasne komunikovať do desiatich sekúnd. Nejde o jeho vlastné meranie, ale o interpretáciu dát Microsoft Research z roku 2010 s vyše dvoma miliardami nameraných časov zotrvania na 205 873 stránkach. Desať sekúnd preto neberte ako zákon, ale ako rádový odhad trpezlivosti, ktorú máte k dispozícii.

Web pritom nie je samostatný grafický produkt, ktorý sa raz za tri roky prekreslí. Je to posledný a najdrahší meter akvizičného funnelu. Ak nedokáže rýchlo komunikovať hodnotu, marketing privádza návštevnosť do deravého systému.

Zaplatený klik, ktorý neskonvertuje, je trenie s cenovkou

Na hodnotenie zbytočností používame v JUR0 model Cost of Friction: čas × frekvencia × počet ľudí × náklad. Na webe je čas počet sekúnd, počas ktorých návštevník lúšti, čo predávate, frekvencia je počet relácií za mesiac, počet ľudí sú návštevníci a náklad je vaša cena za klik. Ten súčin je skutočná cena nezrozumiteľného webu, položka v rozpočte, ktorú vám nikto nevyfakturuje. Oproti treniu vo vnútri firmy, ktorému sa venuje článok Dobrý dizajn nie je dekorácia, tu neplatíte za čas vlastných ľudí, ale za čas cudzích, ktorý ste si kúpili.

Že ide o akvizičnú, nie technickú metriku, ukazuje štúdia zadaná Googlom, ktorú realizovali agentúra 55 a Deloitte na 37 značkových weboch s dátami z vyše 30 miliónov relácií na konci roka 2019. Zrýchlenie o 0,1 sekundy prinieslo v retaili nárast konverzného pomeru o 8,4 %. Na weboch zbierajúcich dopyty stúpol o 21,6 % počet ľudí, ktorí sa preklikali až na stránku odoslania formulára. Podľa metodickej poznámky neprebehol počas merania na žiadnom webe redizajn. Zmenilo sa desatinné miesto a tržby sa pohli.

Prvých päť otázok návštevníka

Človek, ktorý pristane na vašej stránke, nerieši, či je typografia vkusná. Kladie si päť otázok, väčšinou nevedome: Kde som? Čo ponúkate? Je to pre mňa? Prečo vám mám veriť? Čo mám urobiť?

Ak ktorákoľvek zostane bez odpovede na prvej obrazovke, na ďalšiu už nedôjde. Podľa merania, ktoré cituje Nielsen Norman Group, stihne používateľ počas priemernej návštevy prečítať nanajvýš 28 % slov na stránke, reálnejšie približne 20 %. Za každých ďalších sto slov strávi na stránke iba 4,4 sekundy navyše. Dopisovanie odsekov teda problém nerieši, len ho predlžuje.

Message hierarchy: väčšina webov začína sebou, nie zákazníkom

Message hierarchy je poradie, v akom stránka podáva informácie, čo si má človek prečítať prvé a čo posledné. Väčšina firemných webov ho má naruby. Začína históriou firmy, hodnotami, tímom a fotkou budovy. Zákazník sa dozvie, kto ste, skôr ako to, či mu viete pomôcť.

Kara Pernice z Nielsen Norman Group pripomína, že ľudia stránky skenujú vo vzore písmena F: dlhší horizontálny pohyb hore, kratší nižšie a potom vertikálne po ľavej strane. Pre biznis je to zlá správa, lebo ľudia preskočia dôležitý obsah len preto, že sedí vpravo alebo nižšie, nie preto, že je nezaujímavý. Dôležitá informácia preto patrí do prvých odsekov a nadpisy musia niesť význam už v prvých slovách. Nadpis „Kto sme“ nenesie žiadnu informáciu. Nadpis, ktorý pomenuje problém zákazníka, ju nesie.

Že nejde o vec vkusu, ukázala meracia štúdia Morkesa a Nielsena z roku 1997 na 51 skúsených používateľoch. Skenovateľná verzia textu mala oproti kontrolnej o 47 % lepšiu použiteľnosť, stručná o 58 %, objektívny jazyk namiesto promo štýlu o 27 % a kombinácia všetkých troch úprav o 124 %. Štúdia je stará, treba ju čítať s odstupom, ale poradie príčin sa nezmenilo.

Value proposition, ktorá znesie test konkurencie

Value proposition je jedna veta, ktorá hovorí, čo robíte, pre koho a prečo je to lepšie ako alternatíva. Nielsen Norman Group odporúča správať sa k domovskej stránke ako k výťahovej prezentácii, ktorá rýchlo a zrozumiteľne povie, čo organizácia robí, typicky cez popisný slogan v úvodnej sekcii.

Test, ktorý odporúčam spraviť pred každým redizajnom: postavte svoju hlavnú vetu vedľa viet troch konkurentov a odstráňte logá. Ak ich nedokáže rozlíšiť ani váš vlastný obchodník, nemáte value proposition, máte popis kategórie. „Komplexné riešenia na mieru“ nie je hodnota, je to názov odvetvia. Kto vie povedať, v čom je konkrétne lepší, vie si za to aj vypýtať viac, čomu sa venuje text Prečo niektoré firmy môžu pýtať dvojnásobok.

Information architecture ako stopa, ktorá musí silnieť

Information architecture je spôsob, akým je obsah rozdelený, pomenovaný a pospájaný: čo je v menu, ako sa to volá a kam to vedie. Nielsen ju vysvetľuje cez teóriu information foraging: človek sa na webe správa ako zberač a rozhoduje sa podľa informačnej stopy, teda podľa signálov, či ho cesta vedie k cieľu. Kľúčová veta znie, že stopa musí byť stále silnejšia, inak to ľudia vzdajú. Odkazy typu „Klikni sem“ alebo „Zistiť viac“ stopu prerušujú, lebo nepovedia, čo je na druhej strane. Nielsen zároveň upozorňuje, že čím lepšie vyhľadávače zvýrazňujú kvalitné weby, tým menej času používatelia strávia na jednom z nich. Alternatíva je vzdialená jedno tlačidlo späť, takže kúpená návštevnosť má nižšiu trpezlivosť než človek, ktorý vás už pozná.

Trust signals a ktoré z nich naozaj fungujú

Trust signals sú prvky, ktoré znižujú vnímané riziko. Aurora Harley z Nielsen Norman Group zhŕňa štyri faktory dôveryhodnosti, ktoré Jakob Nielsen definoval v roku 1999: kvalita spracovania, transparentnosť dopredu (ceny, podmienky a kontakty bez skrytých poplatkov), úplný a aktuálny obsah a prepojenie na zvyšok webu.

Zaujímavejšie je, čo účastníci výskumu povedali o referenciách. Tvrdeniam na firemnom webe neverili, lebo firma si tam dá len pozitívne hodnotenia, a spoliehali sa na externé, nezaujaté zdroje. To mení priority: overiteľné údaje, parametre projektov a odkazy mimo vlastnú doménu urobia viac než ďalší blok s citátmi. Dôvera vzniká aj z konzistentného vystupovania naprieč kanálmi, čo je téma článku Brand nie je logo.

Podľa výskumu Gitte Lindgaard a kolegov z roku 2006, ktorý cituje Nielsen Norman Group, padne rozhodnutie o estetike stránky už po 50 milisekundách a málokedy sa zmení. Nie je to argument za dekoratívnosť, ale za poriadok: Nielsen Norman Group odporúča najviac štyri akcentové farby, dva rezy písma a jednu vizuálne dominantnú výzvu na akciu.

Každé pole vo formulári má cenu

Friction je akákoľvek prekážka medzi zámerom a jeho vykonaním. Vo formulári sa dá spočítať po poliach. Baymard Institute, ktorý stojí na vyše 200 000 hodinách výskumu, uvádza, že priemerný checkout pre nového používateľa má 5,1 kroku a v roku 2024 mal 11,3 formulárového poľa, pričom väčšine webov by stačilo osem polí. Približne 29 % polí je teda zbytočných.

Baymard tiež agreguje 50 cudzích štúdií z rokov 2006 až 2025 do priemernej miery opustenia košíka 70,22 %. Príliš dlhý alebo komplikovaný proces objednávky uviedlo ako dôvod 17 % amerických online nakupujúcich. Z vlastného testovania odhaduje, že priemerný veľký e-shop môže lepším dizajnom objednávky získať 35,26 % nárast konverzie.

Rovnaká logika platí pre firemný lead formulár: každé pole navyše je otázka, na ktorú človek nemusí chcieť odpovedať, kým vám ešte neverí. Ak žiadate telefón, IČO a počet zamestnancov od niekoho, kto si len chce vypýtať cenník, kupujete si dáta za cenu dopytov. Je to najlacnejšia oprava na zozname, lebo vymazanie troch polí nevyžaduje nový web.

Mobil je primárny scenár, nie odvodený

Google si v roku 2017 nechal premerať 900 000 landing pages mobilných reklám zo 126 krajín. Priemerné plné načítanie trvalo 22 sekúnd, pričom 53 % návštevníkov opustí stránku, ktorá sa načítava dlhšie ako tri sekundy. Z modelu postaveného nad dátami o odchodoch a konverziách vyšlo, že pri predĺžení načítania z jednej sekundy na sedem rastie pravdepodobnosť odchodu o 113 %. Keď počet prvkov na stránke narastie zo 400 na 6 000, pravdepodobnosť konverzie klesá o 95 %.

Posledné číslo je pre dizajnérov najdôležitejšie. Nejde len o servery, ale o množstvo vecí, ktoré na stránku dávame. Každý ďalší banner, animácia, vyskakovacie okno so súhlasom a chatovací widget súťaží o rovnaký rozpočet pozornosti aj načítania. Mobil sa preto nedá navrhnúť ako zmenšený desktop. Treba v ňom rozhodnúť, čo vypadne.

Konverzný pomer je systém, nie farba tlačidla

Optimalizácia konverzného pomeru sa vo firmách často zúžila na detaily: farba tlačidla, znenie mikrotextu, poradie sekcií. Také testy vedia priniesť malé zlepšenia, ale neopravia stránku, ktorá odpovedá na nesprávnu otázku. Konverzia je výsledkom reťazca: relevancia reklamy, súlad reklamy so stránkou, zrozumiteľnosť hodnoty, dôvera, jednoduchosť akcie a rýchlosť. Ak je v reťazci slabý článok, optimalizácia ostatných článkov len presúva stratu inam. Podľa mojej skúsenosti sa preto oplatí najskôr nájsť najslabší článok a až potom testovať.

Ako web diagnostikovať za týždeň

Postup zvládne interný tím bez agentúry a bez nových nástrojov.

1. Päť otázok. Otvorte na mobile domovskú a najnavštevovanejšie podstránky a odpovedzte na päť otázok z úvodu.
2. Test konkurencie. Postavte hlavnú vetu vedľa viet konkurentov bez log a nechajte ju rozlíšiť ľudí mimo marketingu.
3. Cesta od reklamy. Preklikajte najdrahšie kľúčové slová ako zákazník a sledujte, či cieľová stránka odpovedá na to, čo reklama sľúbila.
4. Rýchlosť a prvky. Zmerajte mobilné načítanie a spíšte, čo všetko sa načítava. Vyhoďte, čo nemá vlastníka a účel.
5. Formuláre. Spočítajte polia a ku každému napíšte meno človeka, ktorý s tým údajom pracuje. Polia bez vlastníka zmažte.
6. Ľudia zvonku. Nechajte ľudí, ktorí firmu nepoznajú, prejsť web nahlas a zapisujte, kde zaváhajú.
7. Poradie. Zoraďte nálezy podľa vzorca Cost of Friction, nie podľa toho, čo vás najviac hnevá.

Niekedy treba opraviť positioning skôr, než sa otvorí Figma

Túto časť si dizajnérske štúdiá radi odpustia, lebo sa za ňu ťažko fakturuje. Ak firma nevie povedať, komu presne predáva a v čom je iná, žiadna vizuálna práca to nezachráni. Dizajn vie informáciu sprehľadniť, ale nevie ju vymyslieť. Nový web nad nevyjasneným positioningom je len krajšie vyjadrená neistota.

Poviem to otvorene, aj proti našim krátkodobým záujmom. Často je najlacnejšou správnou odpoveďou prepísať hlavnú vetu, vyhodiť tri polia z formulára, zrýchliť načítanie a nechať existujúci web tak. Šablóna s dobrým textom porazí drahý web na mieru s nejasnou ponukou. Vývoj na mieru má zmysel, keď firma naráža na hranice šablóny alebo má špecifický proces, ktorý sa nedá poskladať z hotových blokov. Ak vám niekto ponúka nový web skôr, než sa spýtal na cenu za klik a na konverzný pomer, predáva výstup, nie riešenie.

Čo si z toho zobrať

• Spočítajte si Cost of Friction na akvizícii: cena za klik krát počet návštevníkov, ktorí odídu bez akcie, krát dvanásť mesiacov. To je ročná cena nejasnosti.
• Otestujte hlavnú vetu vedľa konkurencie bez log. Ak sa nedá rozlíšiť, problém je v positioningu a Figma ho nevyrieši.
• Vymažte z formulára každé pole, ku ktorému neviete povedať meno človeka, ktorý s tým údajom pracuje. Baymard Institute nameral v priemernom checkoute 11,3 poľa, pričom väčšine webov stačí osem.
• Skôr než objednáte redizajn, spravte týždňovú diagnostiku a zoraďte nálezy podľa ceny.