Našeptávání při hledání produktu

Co to řeší v praxi

Návštěvník nemusí dokončit přesný název produktu, aby zjistil, zda je na webu. Našeptávač mu během psaní nabídne výsledky a pomůže opravit směr hledání.

Výsledky mohou ukázat produkt, cenu a další hledané výrazy. Zákazník může přejít rovnou na vhodnou položku nebo pokračovat na úplnou stránku výsledků.

Jde o malou část nákupní cesty, která má být rychlá i na telefonu. Když dotaz nic spolehlivého nevrátí, rozhraní zákazníka nenutí vybrat nesouvisející návrh.

Technické řešení

Zákaznická API trasa přijímá text dotazu a volá vyhledávací službu katalogu. Odpověď převádí na malé položky vhodné pro rychlé zobrazení.

Backend omezuje a normalizuje vstup, načítá výsledky v kontextu aktuálního webu a připravuje cenu ve správné měně. Našeptávání nepřenáší celý detail každého produktu.

Frontend řeší postupné psaní, odezvu a volbu výsledku. Důležité je navázat návrhy na aktuální katalog a zabránit tomu, aby rychlé dotazy nadměrně zatěžovaly web.

Technické výzvy

• Udržet rychlou odezvu při častých dotazech.
• Vrátit jen obsah pro správný prodejní kanál.
• Zvládat neúplné a prázdné dotazy.

Jak na sebe kroky navazují

1. 01Zadání dotazu+

   Návštěvník napíše část názvu nebo vlastnosti. Komponenta odešle vhodně omezený dotaz na API.

2. 02Vyhledání+

   Služba prohledá katalog v kontextu aktuálního kanálu. Výsledek omezí na několik relevantních návrhů.

3. 03Příprava položek+

   U nalezených produktů se připraví název, odkaz a potřebné obchodní údaje. Cena se formátuje pro daný web.

4. 04Zobrazení návrhů+

   Našeptávač nabídne volby přímo pod polem. Návštěvník může pokračovat v psaní nebo vybrat výsledek.

5. 05Přechod na stránku+

   Kliknutí otevře správný produkt nebo úplné hledání. Prázdný výsledek zůstává srozumitelný a neukazuje zavádějící položky.

Co z toho vzniklo

První relevantní produkt lze najít už při psaní dotazu, bez nutnosti procházet celý katalog.