Vícekrokový vs. jednokrokový košík

Košík – Doprava a Platba – Dodací údaje – Souhrn (plus Děkovačka).

Tohle je sice nejčastější varianta objednávkového procesu na e-shopu, ale rozhodně není jediná. Rád bych vám nasadil trochu brouka do hlavy.

Nicméně musím před tím přiznat dvě věci:

Existují v zásadě 2 druhy košíků na e-shopech:

Každý z nich má nějaká pro a proti.

Mít objednávkový proces přes vícero stránek může znamenat menší přehled, pocit flow a problémy se změnou objednávky v pozdějších krocích.

Vícekrokový košík je převažující varianta. Používá jej 63 % z top 50 e-shopů v USA (data z roku 2016). A jelikož statistika pro ČR neexistuje, tak jsem – já masochista – prolezl top 108 českých e-shopů… a vězte, že u nás je to 76 % (nepočítám do toho dvou-krokové varianty typu košík+všechno ostatní).

Stáhněte si přehledné srovnání 108 největších českých košíků vč. počtu kroků v objednávce a krátkého tipu, co mají z pohledu UX nešikovně.

V testování se mi často ukazuje, že část uživatelů má nedostatečný přehled a představu celého procesu objednávky. A že jim objednávka připadá zdlouhavá.

Dá se to částečně zlepšit tím, že budete mít v objednávce tzv. progress bar – lištu, která ukazuje počet a popis kroků, aktuální krok a vyplněnost. Progress bar má většina e-shopů, ale některé tam:

Další častý nešvar je to, že si část uživatelů splete krok souhrnu s potvrzením objednávky. Je proto dobré mít v souhrnu objednávky tlačítko Objednat nad i pod obsahem.

Část uživatelů si taky v testování stěžovala, že nemá přehled o obsahu košíku (zejména v krocích Doprava a Platba, a Dodací údaje). To se dá elegantně vyřešit umístěním boxu s obsahem košíku na pravé straně obrazovky.

A poslední nešikovnost je úprava již vyplněných údajů. Ideálně by to šlo v kroku Souhrnu objednávky, ale často se musíte vrátit do předchozího kroku a následně vás to nepustí zpět na Souhrn, ale musíte si projít všemi kroky znovu (byť už s vyplněnými údaji). Zvlášť nepříjemné je to v případě, že má krok více podsekcí (například dodací a fakturační adresa).

K bodu č. 9 – průměrný počet kroků objednávky je u českých košíků 3,5 (bez Děkovačky). Mně se poslední dobou líbí příklad Shopify. Má dva kroky. V obou z nich je na pravé straně obrazovky obsah košíku a na levé straně je v prvním kroku volba Dopravy a platby a v druhém kroku Dodací údaje. U nás to má podobně Benu lékárna, viz níže.

Na druhou stranu Alza má kroků 5 a Amazon dokonce kroků 7. Je potřeba to otestovat. Ať vás ani nenapadne to jen tak vystřelit a pak to svádět na mě!

Benu lékárna

Vaše čočky

Megapixel

Alza

Knihy Dobrovský

Za mě chyby na Knihy Dobrovský:

Mít všechny potřebné informace na jedné stránce může část uživatelů odradit. Někteří můžou mít problém s kontrolou objednávky proto, že kontrolují zadané údaje v samotných formulářových polích.

Data k četnosti jednokrokového košíku jsem nenašel. V USA operují s termínem tzv. harmonikový košík (accordion checkout) – jednotlivé kroky objednávky jsou na stejné stránce, ale otevírají a zavírají se postupně. Technicky je to stále jednokrokový košík.

U nás jsem našel jen jeden případ harmonikového košíku – Insportline.cz. A podobnou funkci má Alza u výběru dopravy a platby.

Jednokrokový košík u nás používá 24 % e-shopů (16 %, pokud bereme čistě jednostránkovou variantu).

Výhoda jednokrokového košíku je to, že vidíte komplet vše, co se od vás bude chtít. Takže takový slib ve smyslu: tohle je všechno, co od vás budu chtít vědět.

Nicméně tato výhoda se může ukázat i jako nevýhoda. V USA ještě odlišují samotný košík (cart) a objednávku (checkout), takže často pro ně one-page-checkout může znamenat i dvojkrok košík-vše ostatní.

Protože to vizuálně může uživatele vyděsit.

Na druhou stranu, pokud se zeptáte na to nejnutnější, tak jste na 10 prvcích.

A v případě objednávky na firmu IČO – podle toho můžete vyplnit jméno firmy, kompletní adresu a DIČ. Když k tomu připočteme platbu kartou, tak přibudou další 3 políčka (číslo karty, exspirace a cvv kód).

Průměrná objednávka v USA má ale prvků 23,5. Takže se zkuste podívat, jak na tom jste vy a nelítostně ořezávejte.

Pokud se musíte ptát na dramatický víc informací (volba dopravy včetně vyzvednutí na pobočce/výdejně, věrnostní programy, slevové kódy, přizpůsobení produktů, dárkové balení, rozdělení objednávky na více dodávek atd.) nebo u vás uživatelé objednávají mnoho produktů, tak nebude jednokrokový košík pro vás ideální volba.

Stáhněte si přehledné srovnání 108 největších českých košíků vč. počtu kroků v objednávce a krátkého tipu, co mají z pohledu UX nešikovně.

Zajímavou alternativou je takzvaný harmonikový košík. Jedná se o jednokrokový košík, kde jsou ale jednotlivé sekce kromě aktivní minimalizované. A jak procházíte jednotlivými sekcemi, tak se vám maximalizují.

Něco jako když jdete po chodbě a v části kde jste, se automatický rozsvěcí.

Hlavní výhoda harmonikového systému je to, že na první pohled uživatele nevyděsíte. Hrůzu upouštíte v malých dávkách.

Hlavní je, aby uživatel po vyplnění sekce věděl, že je to všechno. Věděl, co má vyplnit dalšího a případně měl vizuální kontrolu již vyplněných informací.

Po technické stránce si dejte pozor na automatické posouvání do další sekce, vracení se do předchozí sekce pomocí tlačítka zpět v prohlížeči a viditelnost jak aktivní, tak předchozí sekce na mobilu.

Sporilek.cz

Nordstrom

AllPosters

Pokud zlepšujete košík a už nevíte kudy kam, tak otestujte jednokrokový vs. vícekrokový (a harmonikový). Třeba vám to bude fungovat líp.