Jak navrhovat hlavičky, které se zmenšují při scrollování, zůstávají viditelné a neblokují obsah stránky
Praktické návody pro implementaci efektivních navigačních vzorů
Technika, kterou používají velké e-shopy. Ušetří místo na obrazovce a vypadá profesionálně, pokud ji uděláte správně.
Na malých obrazovkách potřebujete jiný přístup. Jak udělat menu, které se chová inteligentně na všech zařízeních bez kompromisů.
Návštěvník scrolluje dolů — navigace zmizí. Scrolluje nahoru — vrátí se. Elegantní řešení, které uživatele neotravuje.
Nejčastější chyba: fixní menu přikryje nadpis nebo důležitý formulář. Návod, jak se tomu vyhnout a proč to záleží.
Co byste měli vědět, než začnete navrhovat navigaci
Nenavrhujte pro desktop a pak se snažte “přizpůsobit” mobilu. Začněte s malou obrazovkou — je to těžší a nutí vás myslet jasněji.
Fixní prvky jsou vždy vidět — to je výhoda. Ale musí mít dostatečný kontrast a nesmějí blokovat formuláře nebo kritické informace.
Animace sticky headeru mohou být krásné, ale zpomalují stránku. Testujte na starších zařízeních a mobilech. Jednoduchost zvítězí.
