Zakładki

Ostatnia aktualizacja: 04.09.2011

Zakładki są mechanizmem nawigacyjnym obecnym w wielu serwisach internetowych. Służą zarówno do rozdzielenia głównych sekcji serwisu, jak i podziału treści na danej stronie w celu zaoszczędzenia miejsca i ułatwienia jej przeglądania.

Kiedy używać?

Zakładki są szczególnie użyteczne, gdy obejmują nie więcej, niż 8-10 pozycji.

Oprócz tworzenia głównej nawigacji zakładki mogą mieć następujące zastosowania:

Rozdzielać informacje w sklepach internetowych na stronie produktu. Osobne zakładki mogą zawierać dane techniczne, opinie klientów lub np. informacje o zakupach ratalnych.
Dzielić na części pokaz slajdów na stronie głównej.
Dzielić na moduły daną sekcję strony, np. rozdzielać aktualności na stronie głównej na kilka kategorii.

Dlaczego używać?

Zakładki przekazują nie tylko informację tekstową, ale także wizualnie reprezentują poszczególne części strony. W ten sposób nadają serwisowi bardziej fizyczny charakter. Dlatego poprawnie skonstruowane zakładki są prostsze do zrozumienia i obsługi, niż bardziej typowe systemy nawigacji.

Jak używać?

Zakładki wykorzystywane, jako forma nawigacji w serwisie powinny być zawsze nawigacją najwyższego poziomu, ponieważ wywierają wizualne wrażenie kluczowego elementu serwisu. Oznaczenie przy ich pomocy np. menu narzędziowego z takimi elementami jak “o firmie”, “regulamin” czy “kontakt” jest istotnym błędem zaburzającym architekturę informacji serwisu.

Tworząc zakładki możesz zastosować się do poniższych wskazówek:

Między zakładkami, a obszarem poniżej nich nie powinno być żadnej przerwy, ani dodatkowych elementów graficznych. Zakładki muszą się z nim bezpośrednio łączyć tworząc wrażenie fizycznej przestrzeni.
Aktywna zakładka (dotycząca aktualnie przeglądanej strony) musi przyjąć inny kolor, niż zakładki nieaktywne. Stwórz między nimi wyraźny kontrast.
Zakładka aktywna powinna mieć taki sam kolor, jak obszar poniżej niej.