Co to je
Hover efekt (od anglického „hover“, vznášet se) je viditelná reakce webu na to, že kurzor myši míří na nějaký prvek. Tlačítko změní barvu, obrázek se zvětší, v nabídce se rozbalí podpoložky nebo se objeví vysvětlující popisek. Dává uživateli najevo, že je na co kliknout.
Proč na tom záleží
Dobře použitý efekt zpříjemňuje ovládání a vede pozornost. Má ale zásadní omezení: na dotykovém displeji žádný kurzor není, takže to, co se objeví jen po najetí, se nemusí ukázat vůbec. Stejně tak najetí myší nevyvolají lidé, kteří web ovládají klávesnicí; pro ně má stejná reakce nastat při označení prvku.
Modelový příklad
Prodejce zahradního nábytku ukazuje cenu a tlačítko „Do košíku“ až po najetí myší na fotku. Na mobilu, kde najetí neexistuje, zákazník nevidí, jak objednat. Lepší řešení je mít cenu i tlačítko viditelné vždy a efekt použít jen jako drobné zvýraznění.
Co byste měli vědět
- Důležité informace a ovládací prvky nenechávejte viditelné jen po najetí.
- Efekt má být decentní a rychlý; příliš výrazné animace působí rušivě.
- Ověřte web na telefonu a při ovládání klávesnicí.