Przykłady hierarchii w strukturze sieci

Umieść firmowy schemat organizacyjny obok diagramu układu strony internetowej i możesz znaleźć niezwykłe podobieństwo między tymi dwoma dokumentami. Firmy, rządy i inne podmioty często korzystają z tych samych hierarchicznych schematów, co strony internetowe. Na przykład dyrektor generalny korporacji może zasiąść na szczycie hierarchicznego modelu w taki sam sposób, w jaki strona główna znajduje się na szczycie modelu witryny. Efektywnie zaprojektowane hierarchie tworzą witryny, które ludzie lubią odwiedzać.

Struktury stron internetowych

Autorzy przewodnika "Web Style Guide" zauważają: "Sukces organizacji witryny zależy w dużej mierze od tego, jak dobrze architektura informacji witryny odpowiada oczekiwaniom użytkowników." Jeśli ludzie łatwo poruszają się po witrynie, mogą poświęcić więcej czasu na jego przeglądanie. Jednym ze sposobów ułatwienia im tego jest zapewnienie logicznej i przewidywalnej strukturze witryny, dzięki czemu odwiedzający będą mogli poruszać się po stronach internetowych bez sprawdzania dokumentacji pomocy witryny.

Podejście piramidalne

Pomóc może myśleć o stronie internetowej jako piramidzie. Na szczycie piramidy znajduje się pierwszy poziom witryny, strona główna. Skuteczna hierarchia zawiera informacje ogólne i łącza wskazujące inne strony internetowe zawierające bardziej szczegółowe informacje. Te strony pojawiają się pod stroną główną i stają się drugim poziomem witryny w hierarchii. Podstawowa witryna może wymagać tylko dwóch poziomów, a strona główna może zawierać linki prowadzące do stron takich jak "O nas", "Produkty" i "Dołącz". Zawsze dobrze jest dać odwiedzającym witrynę sposób na odzyskanie do strony głównej z dowolnej strony, na przykład przez link, przycisk lub pozycję menu na każdej stronie, która wskazuje stronę główną.

Poziom trzeci i koniec

Whitehouse.gov to przykład witryny z wieloma poziomami, które tworzą złożoną hierarchię. Strona główna jest prosta, ale możesz przejść do dowolnej innej strony w witrynie ze strony głównej. Ten typ hierarchii może rozciągać się na wiele poziomów, gdzie niższe poziomy zapewniają więcej szczegółów niż wyższe poziomy. Dobrym przykładem trójstopniowej hierarchii jest strona z recenzjami książek. Strona główna na poziomie pierwszym może zawierać informacje ogólne, a także linki prowadzące do strony z recenzjami. Ta strona, która stanowi drugi poziom, może zawierać listę książek. Po kliknięciu książki inna strona o nazwie "Wojna i pokój" może wyświetlić recenzję tej książki. Ta strona byłaby na trzecim poziomie witryny. Jeśli schemat tej hierarchii będzie wyglądał tak, jak stworzysz kartę organizacyjną, narysuj pole u góry i napisz w niej "Stronę główną". Następnie możesz narysować pole "Opinie" pod polem "Strona główna" i dodać pole "Wojna i pokój" pod polem "Strona główna".

Używanie nagłówków do wyświetlania hierarchii

Oprócz porządkowania stron w witrynie można także organizować zawartość strony, aby pokazać relacje hierarchiczne. Nagłówki umożliwiają na przykład prezentację informacji w formie konspektu, która jest łatwa do strawienia. HTML udostępnia kilka tagów nagłówka, takich jak h1, h2 i h2, które mogą pomóc w dodaniu hierarchii do strony internetowej. Na przykład możesz użyć dużego znacznika h1 jako głównego nagłówka strony i mniejszego znacznika h2 dla sekcji o nazwie "Produkty". Następnie możesz dodać tag h3 pod artykułami, aby utworzyć podsekcję opisującą Twoje produkty. Możesz również dodać listy punktowane do swojej strony. Łącząc wszystkie te elementy, tworzysz wizualny zarys, który użytkownicy witryny mogą zrozumieć na pierwszy rzut oka.