Hlavní navigace

Jak české weby řeší pole pro vyhledávání

Martin Kopta

Vyhledávání v rámci jednoho website mnohdy zachraňuje špatně navrženou navigaci, jindy je jedinou schůdnou cestou k požadované informaci v rozsáhlé databázi. V dnešním dílu seriálu o použitelnosti českých webů se zaměříme právě na podrobnější rozbor vyhledávacího formuláře umístěného přímo na stránce.

Vyhledáváním přímo na stránce disponuje 55 ze sta sledovaných webů. Pole pro vyhledávání chybí na všech vysokoškolských webech, na mnoha firemních prezentacích a u některých weblogů. Překvapením je absence vyhledávání na stránkách online magazínů Svět namodro, Dáma, Equichannel, Žena In a Novinky, které disponují kvanty obsahu, pro nějž by se vyhledávání hodilo. Na Světě namodro sice pole pro vyhledávání najdete, ovšem výsledky vrací Quick (Jyxo) pro celý český web. U Antikoncepce, České spořitelny a Evropské unie také na webu vyhledávání mají, ovšem nikoli na každé stránce.

Když už na stránce vyhledávání je, musí je uživatel ještě být schopen najít. Podstatný je vzhled a umístění. Níže uvedená tabulka představuje obrazovku počítače rozdělenou na čtyři řady a tři sloupce, číslo v každé buňce pak představuje počet sledovaných webů, které v dané pozici nabízejí pole pro vyhledávání. Na první pohled je patrné, že vyhledávání lze očekávat nejčastěji v horní polovině stránky, a to buď vlevo, nebo vpravo. Na ostatních pozicích je pole pro vyhledávání nezvyklé.

Četnost umístění vyhledávacího pole na stránce
13 3 13
10 2 2
4 0 2
3 1 1

Když podobný experiment (ovšem jen s polovičním počtem stránek) loni zveřejnil Jakob Nielsen v knize Homepage Usability, dospěl k téměř identickému zjištění. Nielsen záhy z výsledků odvodil doporučení pro návrháře vizuálního rozhraní, aby právě k horní hraně okna prohlížeče vyhledávací formulář umisťovali i na nových webech, protože uživatelé jsou zvyklí jej zde hledat. Jiní usability experti pracují opačným způsobem, kdy uživatelskému panelu rozdají čtvercovou síť, do níž pak uživatelé mají zakreslit místo, kde vyhledávání budou na stránce očekávat. I v těchto případech byly v zahraničí získány obdobné výsledky.

Vyhledávání vlevo nahoře najdete na stránkách portálů, u specializovaných vyhledavačů (žádný ve vzorku nemáme) se posunuje blíže ke středu obrazovky. V levém sloupci bývá umístěno vyhledávání, které je doplněno o volitelné parametry uváděné v rozbalovací nabídce. Doprava nahoru se pak umisťuje většinou prosté fulltextové vyhledávání na běžných stránkách. Právě do pravého horního rohu umístili při posledním redesignu vyhledávání tvůrci Rootu, Živě nebo iDnesu. U webů staršího data najdete formulář obvykle spíš v levém sloupci.

Vedle umístění formuláře je důležitý i způsob jeho zobrazení. Uživatelé často omylem zadají hledanou frázi do jiného formuláře, zvláště, pokud se vyskytne na místě, kde na jiných webech bývá vyhledávání. Vyhledávací formulář by proto měl být snadno identifikovatelný. Takový se nepodařilo stvořit na titulní stránce Blesku Petru Staníčkovi – formulářové pole bez orámování, na šedém pozadí, s šedým návěstím, na neobvyklém místě. Uživatelé nejlépe rozeznávají formulářová pole, jejichž vzhled není nijak upravován.

Formulářová pole pro vyhledávání obvykle bývají buď uvozena návěstím „Vyhledávání“ (Techno.cz), kde potom chybí tlačítko k odeslání formuláře, nebo postrádají návěstí, ale jsou doprovozena tlačítkem „Hledej“ (T-Mobile). Výjimkou ovšem není přístup „kšandy a pásek“, kdy formulář obklopuje jak návěstí, tak i tlačítko k odeslání (Kočky online, Eurotel). V tomhle případě tlačítko obsahuje většinou nápis „OK“ nebo „Jdi“ (u Eurotelu „Go“). Návěstí před formulářem se velmi liší, vedle slova „Vyhledávání“ (případně „kde“ nebo „čeho“) se setkáme i se slovem „Hledej“; na Živě celkem netradičně použili návěstí „Chci najít“.

819

U textových formulářových polí je třeba z hlediska použitelnosti (usability) sledovat především, zda dobře plní své poslání – zda se do nich dá dobře zapisovat. U vyhledávání je patrně nejdůležitějším parametrem počet viditelných znaků. Pokud bychom vycházeli z nejčastější délky vyhledávacího pole (viz graf výše), pak bychom museli dospět k názoru, že nejvhodnější délkou je 10 až 15 viditelných znaků. České slovo má v průměru 5,7 znaku, což by znamenalo, že bychom mohli snadno a přehledně do vyhledávacího pole zapsat maximálně dvouslovný výraz. Zvláště na portálech si můžete všimnout extrémní délky formulářového pole: Centrum a Seznam (31 znaků) nabízejí lepší komfort nežli Atlas nebo Alenka (25 znaků). Naproti tomu vyhledávání na Alíkovi, PIS nebo Games Tiscali přímo odrazuje krátkými poli. Pro představu: Jyxo nabízí místo 66 viditelných zna­ků.

V našem výběru nejdelší vyhledávání nabízí TopList (35 znaků) a obecně širší vyhledávací pole nabízejí novější weby – s výjimkou iDnes, které se svými 12 znaky není příliš uživatelsky přítulné (user friendly). TopList společně s FreeMusic se odhodlaly k zajímavému (ale nikoli následování hodnému) kroku – omezují délku dotazu. Na TopListu se nejdelší dotaz sestává z 35 znaků, na FreeMusic vám nedovolí napsat dokonce ani více než 15 znaků. U jiných webů jsem omezení maximální délky dotazu nepozoroval.

Co z průzkumu na 55 českých webech vyplývá? Vyhledávací formulář patří k hornímu okraji stránky, vlevo pod logotyp nebo doprava. Délka textového pole by měla umožnit snadný pohodlný zápis i delší fráze – 25 až 35 znaků by mělo postačit. Pokud nemáte závažný důvod, maximální délku fráze příliš neomezujte. Formulářovému poli je vhodné ponechat původní vzhled. Pokud je opatříme tlačítkem pro odeslání dotazu, není třeba uvádět je návěstím a naopak. Chceme-li použít návěstí i tlačítko, pak tlačítko nemusí obsahovat slovo „Hledej“ nebo podobná.

Anketa

Kde na obrazovce očekáváte vyhledávání?

Našli jste v článku chybu?

3. 2. 2003 15:57

Karel B. (neregistrovaný)
no, ono staci po kliknuti smazat obsah (pokud tam je napsano napr.: ,,sem zadejte...`` a pak si nastavit globalni promennou v okne a priste uz nemazat ;-) je to hezka funkce, ale je treba aspon malo premejslet ;-)

1. 2. 2003 21:26

pankreas (neregistrovaný)
to je ale trochu jiny puskin - je prima, ze to v nekterych prohlizecich jde takhle udelat, ale co ma byt? mluvim o tom, ze tahle funkce je podle me proste zbytecna a akorat tak nas**aci - a proc ji tedy do webu implementovat, kdyz je spise ke zlosti nez k usetreni prace (ano, i jedno klinkuti vzad je zbytecny krok a nemusi byt). Nic vic jsem rict nechtel, a ani nic min... Rozepisuju se ted proto, ze mi trochu vadi reakce typu "nelibi se ti nejaka vec na webu? instaluj si mozillu a vsecko bu…
Podnikatel.cz: Snížení DPH na 15 % se netýká všech

Snížení DPH na 15 % se netýká všech

DigiZone.cz: Zdeněk Gerlický: nový ředitel nangu.tv

Zdeněk Gerlický: nový ředitel nangu.tv

Podnikatel.cz: Zařízení pro EET zbytečně, vrátí vám peníze

Zařízení pro EET zbytečně, vrátí vám peníze

Podnikatel.cz: Změny v daních z příjmů pro podnikatele

Změny v daních z příjmů pro podnikatele

DigiZone.cz: Sat novinky: Je tu Sky Sport News HD

Sat novinky: Je tu Sky Sport News HD

Podnikatel.cz: K EET. Štamgast už peníze na stole nenechá

K EET. Štamgast už peníze na stole nenechá

Root.cz: Mirai má nový cíl 5 milionů routerů

Mirai má nový cíl 5 milionů routerů

Podnikatel.cz: Daňové úlevy s EET nestačí. Budou zdražovat

Daňové úlevy s EET nestačí. Budou zdražovat

Vitalia.cz: To nejhorší při horečce u dětí: Febrilní křeče

To nejhorší při horečce u dětí: Febrilní křeče

Podnikatel.cz: 3, 2, 1..EET startuje. Na co nezapomenout?

3, 2, 1..EET startuje. Na co nezapomenout?

120na80.cz: Stoná vaše dítě často? Upravte mu jídelníček

Stoná vaše dítě často? Upravte mu jídelníček

120na80.cz: Popraskané rty? Některé balzámy stav zhoršují

Popraskané rty? Některé balzámy stav zhoršují

Root.cz: Nová třída SD karet A1 s vysokým výkonem

Nová třída SD karet A1 s vysokým výkonem

Podnikatel.cz: Alza.cz má StreetShop. Mall.cz více výdejních míst

Alza.cz má StreetShop. Mall.cz více výdejních míst

Vitalia.cz: Analýza letáků: Na co lákají do prodejen?

Analýza letáků: Na co lákají do prodejen?

Lupa.cz: Teletext je „internetem hipsterů“

Teletext je „internetem hipsterů“

Měšec.cz: Vklad na cizí účet je draze zpoplatněn (přehled)

Vklad na cizí účet je draze zpoplatněn (přehled)

Měšec.cz: U levneELEKTRO.cz už reklamaci nevyřídíte

U levneELEKTRO.cz už reklamaci nevyřídíte

120na80.cz: 5 nejčastějších mýtů o kondomech

5 nejčastějších mýtů o kondomech

Vitalia.cz: Mondelez stahuje rizikovou čokoládu Milka

Mondelez stahuje rizikovou čokoládu Milka