Checkout UX: jak snížit opuštěné košíky designem

Zákazník si vybral produkt, vložil ho do košíku a pak odešel. Tahle situace je v ecommerce běžnější než dokončený nákup. Baymard Institute, který se použitelností pokladen dlouhodobě zabývá, uvádí v přehledu 50 studií pro rok 2026 průměrnou míru opuštění košíku 70,22 %. Zhruba sedm ze deseti košíků tedy nikdy nedojde k zaplacení.

Část z toho neovlivníte. Lidé si košík používají jako seznam přání, porovnávají ceny, odkládají nákup na výplatu. Velkou část ale ovlivníte, protože zákazníka odežene pokladna: nečekaná cena dopravy, povinná registrace, dlouhý formulář nebo chybová hláška, které nikdo nerozumí. V článku procházíme, co z toho je problém designu a jak ho opravit.

Proč lidé odcházejí z pokladny

Baymard pravidelně zjišťuje důvody opuštění košíku průzkumem mezi americkými nakupujícími. Pořadí opravitelných důvodů je v posledních letech stabilní:

1. Neočekávané dodatečné náklady, hlavně doprava, poplatky a daně.
2. Povinné vytvoření účtu.
3. Příliš dlouhá nebo složitá pokladna.
4. Dlouhá doba doručení, nedůvěra k zadání platebních údajů, chybějící platební metody.

Baymard k tomu uvádí, že průměrný velký e-shop může lepším designem pokladny zvýšit konverzní poměr zhruba o 35 %. Je to průměrný odhad potenciálu z jejich benchmarku, ne slib pro konkrétní web. Ukazuje ale, že pokladna je jedno z míst s největší pákou na tržby.

Data jsou americká. U českých e-shopů narážíme při kontrolách pokladen na stejné tři oblasti: cenu dopravy, povinnou registraci a formuláře na mobilu.

Doprava a cena: žádná překvapení

Nejčastější chyba je zobrazit cenu dopravy až v posledním kroku. Zákazník vidí produkt za 990 Kč a v závěru objednávky najednou 1 089 Kč. I když je doprava levná, působí to jako podraz.

Co funguje:

• Cena dopravy už na detailu produktu. Aspoň „doprava od 79 Kč“ a „zdarma nad 1 500 Kč“.
• Odpočet do dopravy zdarma v košíku. „Do dopravy zdarma zbývá 210 Kč.“ Zákazník ví, na čem je, a často přidá drobnost.
• Celková cena viditelná v každém kroku. Včetně dopravy a platby, jakmile jsou zvolené.
• Termín doručení u každého dopravce. Ne jen název, ale „doručíme ve čtvrtek“.
• Výdejní místa bez opuštění stránky. Mapa nebo vyhledávání výdejních míst, například u Zásilkovny, přímo v pokladně a použitelná na mobilu.

Poplatek za dobírku nebo platbu schovaný v posledním kroku má stejný efekt jako skrytá doprava. Pokud poplatek účtujete, ukažte ho u volby platby.

Registrace a formulář: méně polí, méně odchodů

Podle Baymard rozhoduje o náročnosti pokladny víc počet polí, která musí zákazník vyplnit, než počet kroků. Jejich testování ukazuje, že dobře navržená pokladna vystačí zhruba s 12–14 formulářovými prvky. Většina e-shopů jich má víc.

Jak formulář zkrátit:

• Nákup bez registrace jako hlavní volba. Baymard ve svém benchmarku uvádí, že 62 % e-shopů tuto možnost nezvýrazňuje jako hlavní. Účet nabídněte až na děkovací stránce: heslo a hotovo.
• Jedno pole pro jméno a příjmení, pokud ho nepotřebujete rozdělit pro dopravce nebo účetnictví.
• Doručovací adresa stejná jako fakturační jako výchozí stav, druhá adresa až po zaškrtnutí.
• Firemní údaje schované za volbu „nakupuji na firmu“, ideálně s doplněním údajů z registru ARES podle IČO.
• Automatické doplňování adresy a správné typy polí, aby mobil ukázal číselnou klávesnici u PSČ a telefonu.
• Pryč s poli „pro jistotu“. Pohlaví, datum narození nebo druhý telefon do pokladny nepatří, pokud je nutně nepotřebujete.

Chybové hlášky patří přímo k poli, ne nahoru na stránku. Musí říct, co je špatně a jak to opravit, a nesmí smazat, co už zákazník vyplnil. Tady se UX potkává s přístupností: popisky polí, chyby oznámené i čtečce obrazovky a ovládání klávesnicí pomáhají všem.

Platby: důvěra a rychlost

V pokladně zákazník svěřuje e-shopu peníze. Každá nejistota brzdí.

• Nabídněte metody, které lidé čekají. Platbu kartou, rychlý bankovní převod, na mobilu peněženky jako Apple Pay a Google Pay. U některých sortimentů i dobírku nebo odloženou platbu.
• Platební formulář ať vypadá jako součást e-shopu. Nečekané přesměrování na stránku s jiným designem zvyšuje nejistotu. Pokud přesměrování je nutné, řekněte předem, kam zákazník půjde.
• Po neúspěšné platbě nabídněte cestu zpět. Opakování platby nebo jinou metodu, ne prázdnou chybovou stránku a nový nákup od začátku.
• Ověření platby nepřekvapí. Silné ověření karty je dnes standard. Jak ovlivňuje konverze, rozebíráme v článku o 3D Secure.

Mobil a drobné detaily, které rozhodují

Na mobilu se většina problémů pokladny zesiluje. Malá tlačítka, klávesnice přes půl obrazovky, pole, které se schová pod pevnou lištu. Kontrolujte hlavně:

• tlačítko pro pokračování viditelné bez hledání a dost velké pro palec,
• souhrn objednávky dostupný, ale nezabírající celou obrazovku,
• rychlé načítání každého kroku, bez skákání obsahu při načtení widgetu dopravy,
• jasnou zpětnou vazbu po kliknutí, třeba stav načítání na tlačítku, aby zákazník neklikal dvakrát.

Právě drobné mikrointerakce, jako potvrzení platného pole nebo stav tlačítka, dávají zákazníkovi jistotu, že se něco děje. Víc o mobilu v článku Mobilní UX pro e-shopy.

Právní náležitosti, které nesmí chybět

Dobrá pokladna je i právně v pořádku. Podle § 1826a občanského zákoníku musí být tlačítko, kterým spotřebitel odesílá objednávku, označené snadno čitelným textem „Objednávka zavazující k platbě“ nebo jinou odpovídající jednoznačnou formulací. Pokud to e-shop nesplní, smlouva podle zákona není platná, pokud se jí spotřebitel sám nedovolá. Obecné „Pokračovat“ nebo „Dokončit“ v posledním kroku tedy nestačí.

Kontrolujte i odkazy na obchodní podmínky a informace o zpracování osobních údajů. Souhlas s newsletterem nesmí být předzaškrtnutý. Podrobnosti v článku Obchodní podmínky e-shopu.

Modelový výpočet: kolik stojí jedna chyba

Následující výpočet je ilustrativní, čísla nejsou z konkrétního e-shopu. Slouží k tomu, abyste si dosadili vlastní data.

Dva procentní body jsou v modelu zvolené jen pro ilustraci, nejde o garanci ani průměrný výsledek. Důležité je měřit dokončení pokladny po krocích a podle zařízení, jinak nevíte, kterou opravu dělat první.

Jak na to prakticky: checklist pokladny

• Vidí zákazník cenu dopravy dřív než v posledním kroku?
• Je nákup bez registrace hlavní a nejviditelnější volba?
• Má formulář jen pole, která opravdu potřebujete?
• Mají pole správný typ, automatické doplňování a srozumitelné chyby u pole?
• Funguje výběr výdejního místa pohodlně na mobilu?
• Nabízíte platební metody, které vaši zákazníci čekají, včetně peněženek na mobilu?
• Umí zákazník po neúspěšné platbě zaplatit znovu bez nového nákupu?
• Je tlačítko objednávky označené podle § 1826a občanského zákoníku?
• Měříte odpady v jednotlivých krocích pokladny podle zařízení?

Když si nejste jistí, kde pokladna ztrácí nejvíc, začněte UX auditem, který máme hotový do 10 dnů. Co audit obsahuje, popisujeme v článku UX audit e-shopu: co odhalí a proč jej dělat pravidelně. Sporné změny ověřujeme A/B testy v rámci CRO nebo programu Conversion Lab. A pro košíky, které i tak zůstanou opuštěné, navazují e-maily o opuštěném košíku a remarketing.