Popups

Porozumění typům “Popups” ve webovém designu: Pop-up, Dialog, Popover a Tooltip

Pop-up

Pop-up je obecný termín, který se odkazuje na jakékoli dočasné překryvné okno, které se objeví nad hlavním obsahem nebo uživatelským rozhraním. Pop-upy jsou nade všemi ostatními elementy na ose Z. Obvykle vyžadují interakci uživatele nebo poskytují další informace. Mohou se lišit velikostí - od velmi malých po celou obrazovku. Pop-upy mohou sloužit různým účelům, včetně oznámení, výstrah nebo dokonce modálních dialogů. Všechny zbývající elementy, o kterých dnes budeme mluvit - dialogy, tooltipy a popovers - jsou zahrnuty v kategorii pop-upů.

Dialog

Dialog slouží k prezentaci informací a vyzývá uživatele k zadání dat nebo k rozhodnutí. Obvykle obsahují text, pole formuláře, výběrové ovládací prvky a tlačítka. Dialogy jsou typem pop-upu. Mohou být jak modální (blokují ostatní interakci), tak nemodální. Pokud jde o modální dialogy, obvykle se za nimi zobrazuje pozadí, aby vizuálně uzamklo uživatele v kontextu.

Popover

Popover je malé překryvné okno, které se objeví v blízkosti konkrétního prvků uživatelského rozhraní, obvykle spuštěné interakcí uživatele s ním, jako je najetí kurzorem nebo kliknutí. Popovers poskytují další kontextové informace, možnosti nebo akce související s prvkem uživatelského rozhraní, ke kterému jsou připojeny.

Tooltip

Tooltip slouží k poskytování dalších informací o konkrétním prvku na obrazovce. Obvykle jsou spouštěny najetím kurzoru na prvek nebo klepnutím na něj. Tooltipy zobrazují kontextové informace, například k vysvětlení účelu tlačítka.