Když zákazník nerozumí vašemu webu, platíte za návštěvnost, kterou nevyužijete.

Většina firem má rozpočet na to, aby člověka přivedla na web. Kampaně ve vyhledávání, obsah pro SEO, příspěvky na sociálních sítích, často i agentura, která to řídí. Méně firem věnuje stejnou pozornost tomu, co se stane po kliknutí.

Ten nepoměr má oporu v datech. Podle Nielsen Norman Group trvá průměrná návštěva stránky o něco méně než minutu a lidé z ní často odcházejí už během prvních deseti až dvaceti sekund. Jakob Nielsen z toho v roce 2011 vyvodil, že pokud chcete získat několik minut pozornosti, musíte hodnotovou nabídku jasně komunikovat do deseti sekund. Nejde o jeho vlastní měření, ale o interpretaci dat Microsoft Research z roku 2010 s více než dvěma miliardami naměřených časů setrvání na 205 873 stránkách. Deset sekund proto neberte jako zákon, ale jako řádový odhad trpělivosti, kterou máte k dispozici.

Web přitom není samostatný grafický produkt, který se jednou za tři roky překreslí. Je to poslední a nejdražší metr akvizičního funnelu. Pokud nedokáže rychle komunikovat hodnotu, marketing přivádí návštěvnost do děravého systému.

Zaplacený klik, který nezkonvertuje, je tření s cenovkou

Na hodnocení zbytečností používáme v JUR0 model Cost of Friction: čas × frekvence × počet lidí × náklad. Na webu je čas počet sekund, během kterých návštěvník luští, co prodáváte, frekvence je počet relací za měsíc, počet lidí jsou návštěvníci a náklad je vaše cena za klik. Ten součin je skutečná cena nesrozumitelného webu, položka v rozpočtu, kterou vám nikdo nevyfakturuje. Oproti tření uvnitř firmy, kterému se věnuje článek Dobrý design není dekorace, tady neplatíte za čas vlastních lidí, ale za čas cizích, který jste si koupili.

Že jde o akviziční, a nikoli technickou metriku, ukazuje studie zadaná Googlem, kterou realizovaly agentura 55 a Deloitte na 37 značkových webech s daty z více než 30 milionů relací na konci roku 2019. Zrychlení o 0,1 sekundy přineslo v retailu nárůst konverzního poměru o 8,4 %. Na webech sbírajících poptávky stoupl o 21,6 % počet lidí, kteří se proklikali až na stránku odeslání formuláře. Podle metodické poznámky neproběhl během měření na žádném webu redesign. Změnilo se desetinné místo a tržby se pohnuly.

Prvních pět otázek návštěvníka

Člověk, který přistane na vaší stránce, neřeší, jestli je typografie vkusná. Klade si pět otázek, většinou nevědomě: Kde jsem? Co nabízíte? Je to pro mě? Proč vám mám věřit? Co mám udělat?

Pokud kterákoli zůstane bez odpovědi na první obrazovce, na další už nedojde. Podle měření, které cituje Nielsen Norman Group, stihne uživatel během průměrné návštěvy přečíst nanejvýš 28 % slov na stránce, reálněji přibližně 20 %. Za každých dalších sto slov stráví na stránce jen 4,4 sekundy navíc. Dopisování odstavců tedy problém neřeší, jen ho prodlužuje.

Message hierarchy: většina webů začíná sebou, ne zákazníkem

Message hierarchy je pořadí, v jakém stránka podává informace, co si má člověk přečíst první a co poslední. Většina firemních webů ho má naruby. Začíná historií firmy, hodnotami, týmem a fotkou budovy. Zákazník se dozví, kdo jste, dřív než to, jestli mu umíte pomoct.

Kara Pernice z Nielsen Norman Group připomíná, že lidé stránky skenují ve vzoru písmene F: delší horizontální pohyb nahoře, kratší níže a potom vertikálně po levé straně. Pro byznys je to špatná zpráva, protože lidé přeskočí důležitý obsah jen proto, že sedí vpravo nebo níže, ne proto, že je nezajímavý. Důležitá informace proto patří do prvních odstavců a nadpisy musí nést význam už v prvních slovech. Nadpis „Kdo jsme“ nenese žádnou informaci. Nadpis, který pojmenuje problém zákazníka, ji nese.

Že nejde o věc vkusu, ukázala měřicí studie Morkese a Nielsena z roku 1997 na 51 zkušených uživatelích. Skenovatelná verze textu měla oproti kontrolní o 47 % lepší použitelnost, stručná o 58 %, objektivní jazyk namísto promo stylu o 27 % a kombinace všech tří úprav o 124 %. Studie je stará, je třeba ji číst s odstupem, ale pořadí příčin se nezměnilo.

Value proposition, která snese test konkurence

Value proposition je jedna věta, která říká, co děláte, pro koho a proč je to lepší než alternativa. Nielsen Norman Group doporučuje chovat se k domovské stránce jako k výtahové prezentaci, která rychle a srozumitelně řekne, co organizace dělá, typicky přes popisný slogan v úvodní sekci.

Test, který doporučuji udělat před každým redesignem: postavte svou hlavní větu vedle vět tří konkurentů a odstraňte loga. Pokud je nedokáže rozlišit ani váš vlastní obchodník, nemáte value proposition, máte popis kategorie. „Komplexní řešení na míru“ není hodnota, je to název odvětví. Kdo umí říct, v čem je konkrétně lepší, dokáže si za to i říct o vyšší cenu, čemuž se věnuje text Proč mohou některé firmy žádat dvojnásobek.

Information architecture jako stopa, která musí sílit

Information architecture je způsob, jakým je obsah rozdělen, pojmenován a pospojován: co je v menu, jak se to jmenuje a kam to vede. Nielsen ji vysvětluje přes teorii information foraging: člověk se na webu chová jako sběrač a rozhoduje se podle informační stopy, tedy podle signálů, jestli ho cesta vede k cíli. Klíčová věta zní, že stopa musí být stále silnější, jinak to lidé vzdají. Odkazy typu „Klikni sem“ nebo „Zjistit více“ stopu přerušují, protože neřeknou, co je na druhé straně. Nielsen zároveň upozorňuje, že čím lépe vyhledávače zvýrazňují kvalitní weby, tím méně času uživatelé stráví na jednom z nich. Alternativa je vzdálená jedno tlačítko zpět, takže koupená návštěvnost má nižší trpělivost než člověk, který vás už zná.

Trust signals a které z nich opravdu fungují

Trust signals jsou prvky, které snižují vnímané riziko. Aurora Harley z Nielsen Norman Group shrnuje čtyři faktory důvěryhodnosti, které Jakob Nielsen definoval v roce 1999: kvalita zpracování, transparentnost dopředu (ceny, podmínky a kontakty bez skrytých poplatků), úplný a aktuální obsah a propojení se zbytkem webu.

Zajímavější je, co účastníci výzkumu řekli o referencích. Tvrzením na firemním webu nevěřili, protože firma si tam dá jen pozitivní hodnocení, a spoléhali se na externí, nezaujaté zdroje. To mění priority: ověřitelné údaje, parametry projektů a odkazy mimo vlastní doménu udělají víc než další blok s citáty. Důvěra vzniká i z konzistentního vystupování napříč kanály, což je téma článku Značka není logo.

Podle výzkumu Gitte Lindgaard a kolegů z roku 2006, který cituje Nielsen Norman Group, padne rozhodnutí o estetice stránky už po 50 milisekundách a málokdy se změní. Není to argument pro dekorativnost, ale pro pořádek: Nielsen Norman Group doporučuje nejvýše čtyři akcentové barvy, dva řezy písma a jednu vizuálně dominantní výzvu k akci.

Každé pole ve formuláři má cenu

Friction je jakákoli překážka mezi záměrem a jeho provedením. Ve formuláři se dá spočítat po polích. Baymard Institute, který stojí na více než 200 000 hodinách výzkumu, uvádí, že průměrný checkout pro nového uživatele má 5,1 kroku a v roce 2024 měl 11,3 formulářového pole, přičemž většině webů by stačilo osm polí. Přibližně 29 % polí je tedy zbytečných.

Baymard také agreguje 50 cizích studií z let 2006 až 2025 do průměrné míry opuštění košíku 70,22 %. Příliš dlouhý nebo komplikovaný proces objednávky uvedlo jako důvod 17 % amerických online nakupujících. Z vlastního testování odhaduje, že průměrný velký e-shop může lepším designem objednávky získat nárůst konverze o 35,26 %.

Stejná logika platí pro firemní lead formulář: každé pole navíc je otázka, na kterou člověk nemusí chtít odpovědět, dokud vám ještě nevěří. Pokud žádáte telefon, IČO a počet zaměstnanců od někoho, kdo si jen chce vyžádat ceník, kupujete si data za cenu poptávek. Je to nejlevnější oprava na seznamu, protože smazání tří polí nevyžaduje nový web.

Mobil je primární scénář, ne odvozený

Google si v roce 2017 nechal proměřit 900 000 landing pages mobilních reklam ze 126 zemí. Průměrné plné načtení trvalo 22 sekund, přičemž 53 % návštěvníků opustí stránku, která se načítá déle než tři sekundy. Z modelu postaveného nad daty o odchodech a konverzích vyšlo, že při prodloužení načítání z jedné sekundy na sedm roste pravděpodobnost odchodu o 113 %. Když počet prvků na stránce naroste ze 400 na 6 000, pravděpodobnost konverze klesá o 95 %.

Poslední číslo je pro designéry nejdůležitější. Nejde jen o servery, ale o množství věcí, které na stránku dáváme. Každý další banner, animace, vyskakovací okno se souhlasem a chatovací widget soutěží o stejný rozpočet pozornosti i načítání. Mobil se proto nedá navrhnout jako zmenšený desktop. Je v něm potřeba rozhodnout, co vypadne.

Konverzní poměr je systém, ne barva tlačítka

Optimalizace konverzního poměru se ve firmách často zúžila na detaily: barva tlačítka, znění mikrotextu, pořadí sekcí. Takové testy umí přinést malá zlepšení, ale neopraví stránku, která odpovídá na špatnou otázku. Konverze je výsledkem řetězce: relevance reklamy, soulad reklamy se stránkou, srozumitelnost hodnoty, důvěra, jednoduchost akce a rychlost. Pokud je v řetězci slabý článek, optimalizace ostatních článků jen přesouvá ztrátu jinam. Podle mé zkušenosti se proto vyplatí nejdřív najít nejslabší článek a teprve potom testovat.

Jak web diagnostikovat za týden

Postup zvládne interní tým bez agentury a bez nových nástrojů.

1. Pět otázek. Otevřete na mobilu domovskou a nejnavštěvovanější podstránky a odpovězte na pět otázek z úvodu.
2. Test konkurence. Postavte hlavní větu vedle vět konkurentů bez log a nechte ji rozlišit lidi mimo marketing.
3. Cesta od reklamy. Proklikejte nejdražší klíčová slova jako zákazník a sledujte, jestli cílová stránka odpovídá na to, co reklama slíbila.
4. Rychlost a prvky. Změřte mobilní načítání a sepište, co všechno se načítá. Vyhoďte, co nemá vlastníka a účel.
5. Formuláře. Spočítejte pole a ke každému napište jméno člověka, který s tím údajem pracuje. Pole bez vlastníka smažte.
6. Lidé zvenku. Nechte lidi, kteří firmu neznají, projít web nahlas a zapisujte, kde zaváhají.
7. Pořadí. Seřaďte nálezy podle vzorce Cost of Friction, ne podle toho, co vás nejvíc štve.

Někdy je potřeba opravit positioning dřív, než se otevře Figma

Tuhle část si designérská studia ráda odpustí, protože se za ni těžko fakturuje. Pokud firma neumí říct, komu přesně prodává a v čem je jiná, žádná vizuální práce to nezachrání. Design umí informaci zpřehlednit, ale neumí ji vymyslet. Nový web nad nevyjasněným positioningem je jen krásněji vyjádřená nejistota.

Řeknu to otevřeně, i proti našim krátkodobým zájmům. Často je nejlevnější správnou odpovědí přepsat hlavní větu, vyhodit tři pole z formuláře, zrychlit načítání a nechat stávající web být. Šablona s dobrým textem porazí drahý web na míru s nejasnou nabídkou. Vývoj na míru dává smysl, když firma naráží na hranice šablony nebo má specifický proces, který se nedá poskládat z hotových bloků. Pokud vám někdo nabízí nový web dřív, než se zeptal na cenu za klik a na konverzní poměr, prodává výstup, ne řešení.

Co si z toho vzít

• Spočítejte si Cost of Friction na akvizici: cena za klik krát počet návštěvníků, kteří odejdou bez akce, krát dvanáct měsíců. To je roční cena nejasnosti.
• Otestujte hlavní větu vedle konkurence bez log. Pokud ji nelze rozlišit, problém je v positioningu a Figma ho nevyřeší.
• Smažte z formuláře každé pole, ke kterému neumíte říct jméno člověka, který s tím údajem pracuje. Baymard Institute naměřil v průměrném checkoutu 11,3 pole, přičemž většině webů stačí osm.
• Než si objednáte redesign, udělejte týdenní diagnostiku a seřaďte nálezy podle ceny.