Większość osób zna karty znajdujące się w plikach i folderach. Ale karty są również metaforycznym sposobem na poruszanie się po treściach. Nawigacja po kartach powinna działać i zachowywać się jak prawdziwe karty. Oznacza to, że użytkownicy powinni widzieć, które karty wyświetlają i ukrywają treści. Kluczem do osiągnięcia tego efektu jest kontrast kolorów.

Pierwszy plan i tło

W nawigacji po karcie karta wyświetlająca treść powinna zawsze być podświetlona. Karta powinna wyglądać tak, jakby była na pierwszym planie. Aby tak się stało, kolor karty musi kontrastować z kolorem tła.

Karty ukrywające zawartość nie powinny być podświetlone. Karty powinny wyglądać tak, jakby były w tle. Aby tak się stało, kolor kart musi się mieszać z kolorem tła.

W ten sposób będzie jasne, gdzie znajduje się pierwszy plan. Dzieje się tak dlatego, że wyświetlana karta ma wysoki kontrast kolorów z kartami ukrytymi w tle. Działa to w ten sam sposób na białym lub cieniowanym tle. Gdy użytkownik klika każdą kartę, zostaje zachowany wysoki kontrast kolorów między pierwszym planem a tłem.

Karty ukryte w tle są nadal widoczne, ale kontrast kolorów jest niski. Nie musisz używać tego samego koloru co tło, ale kolor, którego używasz, nie powinien konkurować z kolorem wyświetlanej karty. W ten sposób użytkownicy mogą bez wysiłku wskazać kartę, na którą patrzą i które karty mogą kliknąć.


Brak karty dla kart ukrywających

Kolejnym skutecznym sposobem projektowania nawigacji kart jest umieszczenie karty tylko wokół etykiety, która wyświetla treść. Etykiety, które ukrywają treści, nie mają wokół nich tabulatora. To sprawia, że wyróżniona karta jest bardziej widoczna, ponieważ nie ma w niej konkurencyjnych kart. Nie tylko kolor wyróżnionej karty jest inny, ale także jej kształt. Metafora tabulacji nie jest tak silna w tym podejściu, ale dzięki temu jest bardziej przejrzyste dla użytkowników.

Dobra nawigacja po zakładce jest przejrzysta, wyraźna i umożliwia użytkownikowi łatwą nawigację. Kierunek nawigacji na złych kartach jest niejasny, mylący i sprawia, że użytkownik pracuje nad tym, na którą kartę patrzy. Stosując wysoki i niski kontrast kolorów dla swoich kart, będziesz w stanie zaprojektować nawigację tabulaturową, która pasuje do twoich użytkowników.