Web může vypadat profesionálně, mít dobré SEO a přivádět návštěvnost — a přesto nikdo nevolá, formuláře nikdo neposílá, a zákazník odchází ke konkurenci. Problém není vždy v tom, co na webu je, ale v tom, jak se to používá. UX design, tedy design uživatelského prožitku, řeší právě tuto mezeru.
Rozdíl mezi webem, který konvertuje, a webem, který jen existuje, se často schovává v detailech, kterých si návštěvník vědomě ani nevšimne. Cítí je ale podvědomě — jako plynulost nebo tření. Dobré UX odstraňuje tření na cestě od prvního příchodu k akci. A protože každé zbytečné tření stojí poptávky, je UX jednou z nejnávratnějších investic do webu vůbec: nezvyšujete náklady na reklamu, jen lépe využíváte návštěvníky, kteří už na web přišli.
UX vs. UI: v čem je rozdíl
UI je to, jak web vypadá — barvy, typografie, rozmístění prvků, vizuální styl. UX je to, jak web funguje — jak snadno návštěvník najde, co hledá, jak přirozený je tok od prvního příchodu ke konverzi, jak se uživatel cítí při práci se stránkou.
Můžete mít krásné UI a hrozné UX. Stránka vizuálně ohromí, ale zákazník nenajde kontakt, formulář má deset polí, navigace je nepochopitelná. Výsledek je stejný jako u ošklivého webu: odchod. A platí to i naopak — funkčně dokonalý web s odbytým vizuálem nebudí důvěru. Cílem je obojí ve správném pořadí: nejdřív vyřešit, jak web funguje, pak jak vypadá.
Prvních pět sekund rozhoduje
Průměrný návštěvník rozhodne o odchodu nebo setrvání během tří až pěti sekund. V té době stačí zachytit tři informace: kdo jste, co děláte a co má zákazník udělat dál. Pokud tyto tři věci nejsou okamžitě zřejmé, velká část návštěvnosti odejde ještě dřív, než začne číst.
Nejjednodušší test: ukažte svůj web někomu, kdo vaši firmu nezná. Po třech sekundách stránku zavřete a zeptejte se, čím se firma zabývá. Pokud odpověď nezazní, hero sekce dělá špatnou práci.
Jedním z nejčastějších problémů je nadpis jako „Inovativní řešení pro moderní podnikání" — věta, která říká vše i nic. Zákazník potřebuje konkrétní odpověď: „Weby pro české živnostníky a firmy. Hotovo za 6 týdnů." Konkrétnost poráží obecnost pokaždé. Číslo, místo, jasný přínos — to jsou kotvy, kterých se návštěvník chytí.
Méně možností, více akcí
Hickův zákon popisuje fenomén, který každý zná z praxe: čím více možností, tím déle trvá rozhodnutí, a pravděpodobnost, že se člověk nerozhodne vůbec, roste. Na webu to platí pro navigaci i pro výzvy k akci.
Navigace s dvanácti položkami zákazníka přemůže. Pět až sedm položek je maximum, co člověk snadno zpracuje. Pokud máte více obsahu, hierarchizujte — dropdown menu pro méně důležité sekce, primární navigace pro klíčové stránky.
Na jedné stránce by měl být jeden primární CTA (call to action, výzva k akci). Tři různá tlačítka — „Kontaktujte nás", „Prohlédněte si portfolio", „Stáhněte ceník" — zákazníka paralyzují. Primární akce by měla být vizuálně dominantní a jednoznačná. Ostatní akce mohou existovat, ale v nižší vizuální prioritě.
Formuláře: méně polí, více vyplnění
Každé pole formuláře je bariéra. Každá bariéra snižuje pravděpodobnost, že zákazník formulář dokončí. Kontaktní formulář na firemním webu nepotřebuje jméno, příjmení, telefonní číslo, e-mail, typ firmy, IČO, zprávu a souhlas se třemi různými dokumenty. Potřebuje e-mail a zprávu — a volitelně telefon.
Pravidlo: ptejte se jen na to, co skutečně potřebujete pro první kontakt. Zbytek zjistíte v konverzaci. Existují data, podle kterých každé odebrané pole nad rámec tří až čtyř polí měřitelně zvyšuje počet odeslaných formulářů. Méně polí prostě znamená víc poptávek.
Formulář by měl okamžitě zobrazit chybu u konkrétního pole (ne až po odeslání celého formuláře), použít srozumitelné chybové hlášení („Zadejte e-mail ve formátu jmeno@firma.cz", ne „Neplatný vstup"), a po odeslání zobrazit jasné potvrzení s informací, kdy se ozvete. Nezapomeňte na český kontext: u telefonu nevynucujte konkrétní formát s předvolbou, u IČO (pokud ho opravdu potřebujete) umožněte doplnění firmy z rejstříku.
Mobilní design není zmenšená desktopová verze
Přes šedesát procent návštěvnosti přichází na mobilu — u lokálních služeb bývá tento podíl ještě vyšší. Přitom mobilní konverze jsou na většině webů výrazně nižší než desktopové. Problém je, že mobilní design bývá zmenšenou kopií desktopového rozvržení — a to nefunguje.
Na mobilu uživatel ovládá web palcem. Tlačítka musí být dostatečně velká (minimálně 44×44 pixelů). Nejdůležitější akce by měla být dosažitelná bez roztahování prstů nebo zbytečného rolování. Navigace musí fungovat jako přirozené hamburger menu, ne jako miniaturizovaná desktopová navigace.
Klíčová kontrola: vezměte telefon a projděte celý web jednou rukou, jen palcem. Funguje vše? Pokud ne, uživatel pravděpodobně odchází bez konverze. U lokálních služeb navíc nezapomeňte na „klikací" telefonní číslo — na mobilu má vést kliknutí na číslo rovnou k vytočení, ne k označení textu.
Vizuální hierarchie a čitelnost
Lidé na webu nečtou — skenují. Průzkumy sledování pohybu očí ukazují, že návštěvníci projíždějí stránku F-vzorem: přečtou první řádek, pak skenují dolů po levé straně, občas odbočí doprava. Z tohoto vzoru vyplývá, kde musí být nejdůležitější informace.
Odstavce by neměly přesáhnout tři až čtyři řádky. Nadpisy a podnadpisy jsou navigační body pro skenování — každý by měl být pochopitelný i bez čtení textu kolem něj. Velikost písma v obsahu by měla být minimálně 16 pixelů, ideálně 17 nebo 18 pixelů pro komfortní čtení na všech zařízeních.
Prázdný prostor (white space) není ztráta plochy. Je to nástroj, který odděluje sekce, dává obsahu prostor dýchat a zlepšuje čitelnost. Web, který se snaží nacpat maximální množství informací na obrazovku, je paradoxně méně přehledný než web s dostatkem mezer. Pozor také na kontrast — světle šedý text na bílém pozadí sice vypadá „elegantně", ale pro řadu uživatelů je špatně čitelný a naráží na pravidla přístupnosti.
Konzistence jako základ důvěry
Nesourodý design — každá stránka vypadá jinak, tlačítka mají různé barvy, nadpisy různé styly — budí podvědomou nedůvěru. Zákazník, aniž by vědomě analyzoval proč, cítí, že web „není v pořádku".
Konzistentní designový systém znamená: jeden primární a jeden sekundární styl tlačítka, jasná typografická hierarchie (H1 pro hlavní nadpisy, H2 pro sekce, H3 pro podnadpisy), konzistentní použití barev (primární barva pro akce, neutrální pro obsah, důraz pro upozornění). Konzistence platí i pro texty — pokud návštěvníka na jedné stránce oslovujete „vy" a na jiné „ty", působí to nedbale.
Zpětná vazba na každou akci
Uživatel musí vždy vědět, že se něco děje. Stiskl tlačítko — co se stalo? Odeslal formulář — proběhlo to? Čeká na načtení stránky — jak dlouho?
Tlačítko, které po kliknutí nic neudělá vizuálně viditelného, způsobuje, že zákazník klikne znovu — nebo odejde v přesvědčení, že web nefunguje. Jednoduché řešení: změna barvy při najetí myší, změna textu na „Odesílám..." při odeslání formuláře, loading indikátor při čekání na odpověď serveru.
Rychlost je součást UX
Na UX se často zapomíná, že nejlepší design je k ničemu, pokud se web načítá pomalu. Studie shodně ukazují, že s každou sekundou navíc roste podíl lidí, kteří web opustí ještě před načtením. Cílem je načtení hlavního obsahu do dvou až tří sekund i na mobilním připojení.
Nejčastější brzdou jsou nekomprimované obrázky (fotka přímo z foťáku o velikosti 5 MB), příliš mnoho externích skriptů (chaty, ankety, trackery) a těžké animace. Optimalizace obrázků do moderních formátů, omezení zbytečných skriptů a moderní technologie (například Next.js) dokážou dobu načtení výrazně zkrátit. Rychlost je zároveň hodnocena Googlem přes Core Web Vitals — pomalý web tedy tratí dvakrát: na konverzích i v pozicích.
Přístupnost není luxus
Přístupný web (accessibility) zvládne ovládat i člověk se zrakovým, motorickým nebo jiným omezením — a zároveň lépe slouží úplně všem. Dostatečný kontrast, čitelná velikost písma, ovladatelnost klávesnicí, popisky u obrázků (alt texty) a logická struktura nadpisů zlepšují použitelnost pro každého. Pro veřejný sektor jde navíc o zákonnou povinnost a i pro komerční weby se přístupnost stává standardem, který ocení jak návštěvníci, tak vyhledávače.
Nejčastější UX chyby na českých webech
- Hero sekce, která neřekne, co firma dělá. Krásná fotka, obecný slogan, nula konkrétní informace.
- Schovaný kontakt. Telefon a formulář jen v patičce místo na viditelném místě.
- Předlouhý formulář. Deset polí a tři souhlasy tam, kde stačí e-mail a zpráva.
- Karusel na úvodu. Automaticky se přepínající slidery, které nikdo nečte a které zpomalují web.
- Nefunkční mobilní menu. Malá tlačítka, překrývající se prvky, nemožnost dokončit akci palcem.
- Cookie lišta přes celý obsah. Návštěvník nevidí web, dokud neproklikne obří banner.
- Nejasné, kam kliknout dál. Chybí jasný primární CTA, návštěvník tápe a odejde.
- Text bez struktury. Dlouhé bloky bez nadpisů, odrážek a mezer, které nikdo neskenuje.
Jak auditovat vlastní web
Pět rychlých testů, které odhalí UX problémy bez analytických nástrojů:
Test tří sekund: ukažte homepage cizímu člověku na tři sekundy a zeptejte se, čím se firma zabývá.
Test jedné ruky: projděte celý web na mobilu jen palcem — funguje navigace, jsou tlačítka dosažitelná?
Test konverzní cesty: spočítejte, kolik kliků potřebuje zákazník od homepage ke konverzi — ideálně tři nebo méně.
Test formuláře: projděte kontaktní formulář jako nový zákazník — každé pole, které váháte vyplnit, odstraňte.
Test potvrzení: odešlete formulář a sledujte, co se stane — je zpráva potvrzena? Víte, kdy se firma ozve?
Doplňkově pomůže i pohled do dat: v Google Analytics 4 sledujte míru okamžitého opuštění klíčových stránek a nástroje jako Clarity nebo Hotjar (základní verze zdarma) ukážou nahrávky a heatmapy, kde přesně lidé „zamrzají".
Mikrotexty: drobné věty s velkým dopadem
Mikrotexty jsou malé kousky textu v rozhraní — popisky tlačítek, chybová hlášení, texty u polí formuláře, potvrzovací zprávy. Přestože jsou drobné, rozhodují o tom, zda uživatel akci dokončí.
Tlačítko „Odeslat" je slabé. „Odeslat poptávku" nebo „Chci nezávaznou nabídku" říká, co se stane, a snižuje obavu. Místo strohého „Neplatný vstup" napište „Zadejte prosím e-mail, na který se vám ozveme". Místo „Děkujeme" po odeslání formuláře napište „Děkujeme, ozveme se do 24 hodin v pracovní dny" — uživatel ví, na čem je.
Dobré mikrotexty odstraňují nejistotu přesně tam, kde vzniká. Nestojí prakticky nic a přitom měřitelně zvyšují konverze.
Důvěryhodnost jako součást UX
UX není jen o použitelnosti, ale i o pocitu, že firmě lze věřit. Návštěvník, který stránce nevěří, nekonvertuje, i kdyby byla dokonale ovladatelná.
Důvěru na webu budují konkrétní prvky: reálné fotky lidí a prostředí místo stock fotografií, reference se jménem a firmou (ne anonymní „J. N., spokojený klient"), čísla, která lze ověřit, viditelné kontaktní údaje včetně adresy a IČO a bezpečné připojení (HTTPS). Chybějící kontakt, výhradně stockové fotky nebo přehnané superlativy naopak spouštějí podvědomou nedůvěru.
Platí jednoduché pravidlo: čím vyšší je cena nebo závazek, tím víc důkazů důvěryhodnosti návštěvník potřebuje, než udělá první krok.
Časté dotazy
Jaký je rozdíl mezi UX a UI designem? UI řeší, jak web vypadá — barvy, typografii, rozvržení. UX řeší, jak web funguje a jak snadno na něm návštěvník dojde k cíli. Kvalitní web potřebuje obojí, ale UX má přednost: krásný web, na kterém se nedá nic udělat, nekonvertuje.
Jak poznám, že má můj web špatné UX? Web má návštěvnost, ale málo poptávek; lidé rychle odcházejí; formuláře se nedokončují; na mobilu se web špatně ovládá. Rychlou diagnózu udělá pět testů popsaných výše — zvládnete je za odpoledne bez jakýchkoli nástrojů.
Kolik polí má mít kontaktní formulář? Co nejméně. Pro první kontakt stačí e-mail a zpráva, volitelně telefon. Každé pole navíc snižuje počet odeslaných formulářů. Zbylé informace zjistíte až v následné konverzaci.
Musím kvůli lepšímu UX předělávat celý web? Většinou ne. Řada UX problémů se dá vyřešit dílčími úpravami — přepsáním hero sekce, zkrácením formuláře, zvětšením tlačítek na mobilu nebo zrychlejším načítáním. Kompletní redesign má smysl až tehdy, když je web technicky zastaralý nebo obchodně nefunkční jako celek.
Ovlivňuje UX i SEO pozice na Googlu? Ano. Google hodnotí signály jako rychlost načítání, stabilitu rozvržení a mobilní použitelnost (Core Web Vitals). Web, který se rychle načte a dobře se ovládá, má lepší předpoklady pro vyšší pozice i pro to, že návštěvník neodejde zpět do vyhledávání.
V Appitect přistupujeme k UX jako ke klíčové součásti každého projektu — ne jako k doplňku po dokončení vizuálního designu. Pokud máte web, který přivádí návštěvníky, ale nekonvertuje, rádi projdeme, kde jsou bariéry.
