Proč se dobrý produkt neprodá, když se k němu na webu nedá dojít

Můžete mít nejlepší produkt na trhu. Pokud se k němu zákazník na webu nedokáže dopracovat, nekoupí ho. Konverze se nerozhoduje barvou tlačítka, ale tím, jak je web uspořádaný.
Světelný trychtýř sbíhající se k jedinému konverznímu cíli

Weby často chtějí ukázat všechno, co firma umí. Zákazník ale přichází s vlastním úkolem: vybrat službu, zjistit cenu nebo se objednat. Čím srozumitelnější cestu mu nabídnete, tím méně práce bude mít s hledáním.

Špatná informační architektura (IA) vzniká obvykle takhle. Vedení řekne: „Musíme dát uživateli na výběr! Ukažme jim tyhle novinky, ale i tyhle sezónní slevy.“ Designér poslechne: mega menu o čtyřiceti položkách, pět sekcí s výzvou k akci na jedné stránce a rotující karusel. Zákazník pak nemá jednu cestu k nákupu, ale čtyřicet.

Hickův zákon platí i v roce 2026

Hickův zákon popsali psychologové v padesátých letech a v digitálním designu platí dodnes. Zjednodušeně: čím víc možností, tím déle trvá rozhodnutí. Na webu to má jeden konkrétní důsledek: člověk se často nerozhodne vůbec a odejde.

Omezit možnosti v navigaci neznamená schovat sortiment. Znamená to seřadit ho tak, aby se v každém kroku vybíralo z mála. Zákazník pak nemá pocit, že ho někam tlačíte. Má pocit, že věděl, kam jde.

Nejlepší UX není vidět. Práce designéra není přidávat ozdoby. Je to odklízet překážky mezi tím, co zákazník chce, a tlačítkem Koupit. Jakmile člověk přemýšlí, proč je to tlačítko zrovna tady, je návrh špatně.

Co zjednodušit jako první

Představme si web softwarové firmy, který v úvodu nabízí dlouhý seznam funkcí. Zájemce chce zjistit, jestli mu program usnadní plánování zakázek. Jenže místo odpovědi dostane slovník z vývojového oddělení.

Začali bychom těmito úpravami:

  • Seskupit nabídku podle úkolů zákazníka a pojmenovat ji jeho slovy.
  • Vysvětlit hlavní přínos na konkrétní situaci a ukázat, jak program vypadá.
  • Nabídnout zřetelný další krok, třeba vyzkoušení nebo domluvení ukázky.

Tohle je příklad postupu, ne naměřený výsledek klienta. Jestli úprava pomohla, ověří až chování skutečných návštěvníků a kvalita poptávek.

Web jako recepční, ne jako nástěnka

Představte si člověka, který vybírá firmu na rekonstrukci koupelny. Potřebuje vědět, jestli pracujete v jeho městě, jaké koupelny máte za sebou a co se stane po odeslání poptávky. Historii všech vašich služeb od založení firmy si může nechat na jindy. Dnes večer chce hlavně poslat zprávu a jít spát.

Pomozte mu dokončit právě tenhle úkol. U formuláře napište, jaké informace potřebujete a kdy se mu obvykle ozvete. Slibujte jen to, co zvládnete dodržet. „Ozveme se do dvou pracovních dnů“ člověku řekne víc než tlačítko „Odeslat do systému“.

Neberte web jako nástěnku, na které visí všechno, co firma kdy dělala. Berte ho jako recepčního v dobrém hotelu.

Recepční vás nezavalí padesáti prospekty. Podá správné pero, ukáže jeden směr a zbytek nechá stranou. Přesně tohle na webu dělá wireframe a informační architektura, a přesně tohle v Nyx Studiu kreslíme dřív než design.

Mnoho produktových voleb zúžených na tři jasné možnosti
UX Research

Psychologie rozhodování: proč méně znamená víc

Široká nabídka sama o sobě nemusí vadit. Problém nastává, když se v ní zákazník nemá podle čeho rozhodnout. U barev do bytu mu pomůže rozdělení podle použití a ukázka odstínu. Hromada stejně důležitých možností mu přidá práci.

Na webu se to projeví podobně. Každý další odkaz, banner nebo vyskakovací okno je jako další džem na stole. Místo toho, aby pomáhaly, paralyzují. E-shop, který na produktové stránce nabízí „Doporučené produkty“, „Zákazníci také koupili“, „Podobné produkty“, „Naposledy prohlížené“ a „Sezónní slevy“ současně, de facto říká zákazníkovi: „Nevíme, co chcete. Tak tady máte všechno.“

Fittsův zákon a velikost CTA tlačítek

Druhý použitelný princip je Fittsův zákon: čím je cíl dál a čím je menší, tím déle trvá se do něj trefit. Pro hlavní tlačítko z toho plynou tři věci:

  • Dostatečně velká: minimálně 48×48 pixelů pro dotykové zařízení (doporučení Google pro mobilní UI).
  • Vizuálně dominantní: kontrastní barva vůči okolí, jasný text akce („Přidat do košíku“, nikoliv „Pokračovat“).
  • Blízko rozhodovacího bodu: přímo pod cenou a hodnocením produktu, ne schovaná pod pěti odstavci popisku.

Důvěryhodnost a sociální důkaz

Věta „jsme spolehlivý partner“ se na web vejde snadno. Zákazník si pod ní ale musí všechno domyslet. Fotografie hotové práce, popis zadání a konkrétní zkušenost klienta mu dají něco, podle čeho může vybírat. I obyčejný snímek skutečné dílny může říct víc než usměvavý tým, který má ve fotobance pronajatý půl internetu.

Na stránce služby proto ukažte relevantní práci. Člověk řešící nový e-shop potřebuje jiné ujištění než majitel penzionu. Naše realizace jsou přirozeným pokračováním nabídky právě proto, že ukazují, co si pod ní představit.

Falešné recenze a generovaný spam z lidí udělaly skeptiky. Návštěvník dnes nepředpokládá, že mluvíte pravdu, ale že to musíte doložit. Proto budování důvěry na webu rozhoduje o tom, jestli návštěvník formulář vůbec odešle.

Co funguje:

  • Reálné fotografie zákazníků namísto stock fotek. Fotka skutečného zákazníka funguje líp než dokonalý snímek z fotobanky.
  • Video-recenze: mohou ukázat zkušenost zákazníka jeho vlastními slovy. Používejte skutečné reference s jeho svolením.
  • Transparentní ceny: žádné skryté poplatky na posledním kroku checkoutu. Cenu dopravy a další náklady ukažte dřív, než člověk vyplní všechny údaje.
  • Bezpečnostní signály: platební loga a podmínky vrácení přímo u tlačítka nákupu, ne v patičce. Tedy tam, kde se člověk rozhoduje.

Mikrokonverze: malé kroky k velkému cíli

Někdo chce objednat dnes. Jiný ještě porovnává ceny a třetí si musí nechat schválit rozpočet. Dejte jim možnost najít odpověď, ukázku i kontakt. Tlačítko „Kupte hned“ na každém rohu nenahradí chybějící informaci o tom, co vlastně kupují.

Začněte jednou důležitou stránkou a projděte ji jako nový zákazník. Co vám chybí k rozhodnutí? Když se problém opakuje napříč webem, stojí za to promyslet novou strukturu při redesignu. Pokud nabídka funguje, ale nikdo k ní nechodí, další krok bude spíš SEO.

Většina návštěvníků nekupuje hned. Proto se vyplatí měřit i kroky, které k nákupu vedou, takzvané mikrokonverze: přihlášení k newsletteru, uložení produktu na později, stažení katalogu, přečtení recenze. Jsou to body, které jdou spočítat.

Když lidé přidávají zboží do košíku, ale platbu nedokončí, projděte právě tyto kroky. Může chybět platební metoda, překvapit doprava nebo selhat formulář. Samotné číslo ještě příčinu neřekne; ukáže místo, kde ji hledat.

Hickův zákon

Čím více možností, tím delší rozhodování

Seskupte nabídku podle toho, co zákazník řeší. Odstraňte duplicitní výzvy, vysvětlete další krok a ověřte, že se dá pohodlně dokončit i na mobilu. Rozsah nabídky určí, kolik cest potřebujete.

Usnadněte zákazníkům další krok

Postavíme ho podle stejné logiky, jakou popisuje tenhle článek. První návrh do 24 hodin od kompletního zadání, fixní cena předem.

Chci web do 24 hodin →