Autocomplete nie je ozdoba: čo má ukázať po prvých písmenách

Zákazník napíše „top“ a čaká, že sa mu ukáže „topánky“. Našepkávač (autocomplete) mu ušetrí písanie, ukáže, že e-shop rozumie, a odhalí, ako hľadať. Zle urobený zákazníka zdrží alebo odradí.

Čísla z Baymardu

Baymard Institute v roku 2022 uviedol, že našepkávač poskytuje 80 % e-shopov (v roku 2014 to bolo 72 %), ale iba 19 % z nich robí všetky podrobnosti správne. Podľa Baymardu väčšina používateľov vyberá z prvých niekoľkých návrhov, preto rozhoduje ich poradie a kvalita.

Čo má našepkávač ukázať

• Návrhy dotazov. Základ. Zákazník vidí frázy, ktoré ľudia reálne hľadajú.
• Kategórie ako rozsah. Návrh typu „bunda v kategórii Dámske“. Baymard radí odlíšiť takéto návrhy od bežných štýlom (kurzíva, farba, odsadenie), inak ich ľudia prehliadnu.
• Opravu preklepov. 69 % e-shopov pri chybnom dotaze neukáže relevantné návrhy. Baymard odporúča kombinovať nástroj na opravu preklepov s ručným priradením najčastejších chýb podľa záznamov vyhľadávania. Návrhy nesmú po preklepe zmiznúť, lebo to ľudia chápu ako signál, že hľadanie zlyhá.
• Čo s produktmi? Baymard v rozbore desktopovej verzie upozorňuje, že produktové návrhy, oddeľovače a striedavé farby riadkov robia zoznam rušivým, a odporúča držať ho zameraný na návrhy. Obrázky s cenou preto otestujte a nepredpokladajte, že pomôžu.

Koľko návrhov a ako sa správať

Mobil: pole vyhľadávania pod ikonou lupy

Podľa Baymardu (2021) 35 % mobilných e-shopov skrýva pole vyhľadávania, kým zákazník neklikne na lupu. 68 % používa lupu aj ako tlačidlo na odoslanie dotazu a 21 % nemá tlačidlo vedľa poľa vôbec. Zákazník potom nevie, ako dotaz odoslať, alebo si nie je istý, či sa odoslal. Baymard odporúča viditeľné tlačidlo vedľa poľa a klávesnicu s popisom „hľadať“.

Ďalší problém na mobile: reklamy, plávajúce tlačidlá a živý chat môžu našepkávač zakryť. V jednom teste boli viditeľné len dva čiastočne zakryté návrhy a používateľ ich preskočil.

Neproduktové návrhy

Podľa benchmarku Baymardu (aktualizovaného v apríli 2026) neproduktové dotazy (vrátenie tovaru, zrušenie objednávky) nezvláda 66 % e-shopov. Do našepkávača preto patria aj návrhy na stránky s podmienkami, dopravou a kontaktom. Viac v článku Typy dotazov vo vyhľadávaní.

Ako to otestovať za 30 minút

1. Napíšte prvé tri písmená 10 najpredávanejších produktov. Ukáže sa rozumný návrh?
2. Zadajte preklep („topnky“). Zmizli návrhy?
3. Zadajte „vratenie“ alebo „kontakt“. Ponúkne sa stránka s pomocou?
4. Prejdite návrhy šípkami. Kopíruje sa zvýraznený návrh do poľa?
5. Otvorte e-shop na mobile. Vidno pole a tlačidlo? Pomôže klávesnica s „hľadať“?

Zoznam preklepov a hovorových výrazov na doplnenie získate z merania podľa návodu GA4: report hľadaných výrazov. Súvisiace témy: synonymá a nulové výsledky.

Čo zbierať a čo zobrazovať

Našepkávač je len taký dobrý ako zdroj návrhov. Ak ho napájate zoznamom produktov, bude navrhovať názvy, ktoré zákazníci nepoužívajú. Ak ho napájate hľadanými výrazmi, bude navrhovať to, čo ľudia skutočne píšu. Najlepšie je kombinovať oboje: reálne dotazy, ktoré vedú k výsledku, a názvy kategórií a značiek.

• Vyraďte výrazy bez výsledku. Návrh, ktorý vedie na prázdnu stránku, zákazníka nahnevá viac než žiadny návrh.
• Doplňte hovorové výrazy. Ak zákazníci píšu „telka“, návrh by mal viesť k televízorom.
• Držte zoznam krátky. S viacerými návrhmi sa zákazníkovi vyberá ťažšie.
• Používajte správnu slovenčinu s diakritikou. Zákazník, ktorý píše bez diakritiky, by mal dostať návrhy s diakritikou.

Častá chyba: našepkávač nesedí s výsledkami

Návrh, ktorý zákazník vyberie, musí viesť na stránku, ktorá to, čo návrh sľubuje, naozaj ukáže. Ak našepkávač a stránka s výsledkami používajú dva rôzne systémy, výsledky sa môžu líšiť. Zákazník potom vidí „obal na iPhone 15“ v návrhoch a na stránke iPhony. Pri testovaní preto vždy kliknite na návrh a skontrolujte výsledok, nielen zoznam návrhov.

Zadanie pre vývojára alebo dodávateľa

Ak našepkávač nastavuje niekto iný, dajte mu konkrétny zoznam požiadaviek. Vychádza z odporúčaní Baymardu a dá sa podľa neho skontrolovať.

• Na počítači najviac okolo 10 návrhov, na mobile 4 až 8.
• Tučne len doplnená časť návrhu, nie to, čo zákazník už napísal.
• Návrhy po preklepe nezmiznú, ale ponúknu opravu.
• Zvýraznený návrh sa kopíruje do poľa a dá sa ďalej upravovať.
• Ovládanie šípkami a klávesom Enter, návrat na začiatok zoznamu.
• Rozsahové návrhy (v kategórii) vizuálne odlíšené od bežných.
• Na mobile dostatočne veľké písmo, odstupy a text so začiatočným veľkým písmenom, nie verzálkami.
• Návrhy nezakrývajú reklamy, plávajúce tlačidlá ani chat.

Mobilný našepkávač podrobnejšie

Na mobile je miesta málo a každý prvok súťaží o pozornosť. Baymard v testoch videl, že malé písmo a tesné rozstupy spôsobovali preklepy pri ťukaní na návrh, a odporúča používať väčší text, dostatočnú plochu na ťuknutie a oddeľujúce čiary. Pri e-shopoch s plávajúcim chatom alebo cookie lištou to treba otestovať na skutočnom telefóne, nie iba v prehliadači na počítači.

Čo nameriate a čo nie

Rozšírené meranie GA4 zaznamená vyhľadávanie, no nezaznamená, ktorý návrh zákazník vybral. Podiel ľudí, ktorí návrhy využívajú, preto bez úpravy merania nezistíte. Zákazník, ktorý návrh použije, do GA4 pošle hľadaný výraz rovnako ako ten, kto ho napíše celý. Overte u dodávateľa, či vám dokáže poskytnúť zostavu o použití návrhov, a ak nie, spoliehajte sa na ručné testy a hľadané výrazy.