Navigarea prin meniuri în paginile unui sit web

(Meniuri de administrare, orizontale, breadcrumb și derulant (drop-down) în un website)

O caracteristică găsită pe aproape toate siturile web este un sistem de navigare prin meniuri pentru deplasarea între pagini. Acestea sunt de obicei meniuri, în care grupuri de pagini comune sunt create pentru a oferi sitului o organizare ierarhică. În timp ce abordarea stilului vizual și a interacțiunii cu meniurile se prezintă într-o mare varietate, majoritatea urmează un principiu de bază al utilizării listelor neordonate de linkuri și aplicarea CSS-ului la acele liste pentru a le transforma în elementele colorate și interactive cu care suntem obișnuiți. Deși există dezavantaje cu deficiențe de vedere, abordările alternative pot utiliza totuși liste legate într-o oarecare măsură.

Deoarece ne-am creat deja meniul, știm conținutul și structura navigației noastre. Eticheta noastră de grup sau etichetele de nivel superior și <ul>-urile imbricate reprezintă conținutul listei pentru acel element de meniu.

Unele abordări populare pentru a oferi un mijloc de navigare sunt barele de meniu cu meniuri derulante, breadcrumb și răspunsuri bazate pe evenimente. Barele de meniu sunt elementul cel mai frecvent utilizat, unde trecerea cursorului sau făcând clic pe un element din meniu afișează opțiuni suplimentare legate de elementul principal. Denumite în mod obișnuit meniuri drop-down, ele pot fi modelate pentru a se deplasa în orice direcție. Imbricarea listelor în liste ne poate oferi un meniu cu mai multe niveluri care ne permite să selectăm dintr-un număr mare de pagini cu puțin efort.

Breadcrumb-urile sunt de obicei descrise ca o listă de pagini delimitată orizontal, precum:

Acasă >> Sport >> Fotbal >> România >> FCSB >> Rezultate

Breadcrumb nu urmează o notație ierarhică, ci acționează mai degrabă ca un scurt istoric al locului în care ați fost pe site, permițându-vă să săriți înapoi mai mulți pași simultan fără a utiliza butonul înapoi al browserului. Acestea pot fi utile pe siturile cu cantități mari de conținut în care experiența utilizatorului poate să nu fie deosebit de liniară, deoarece se deplasează între subiecte sau secțiuni, cum ar fi siturile de știri sau de referință.

Navigarea bazată pe evenimente este utilă pentru a restrânge experiența utilizatorului la un set fix de căi. Această metodă va face disponibile anumite linkuri numai în anumite condiții, limitând opțiunile pe care un utilizator le are pe o anumită pagină la ceea ce îi este permis să facă, care se poate baza pe o varietate de reguli, cum ar fi dacă este conectat, linkuri anterioare sau deciziile pe care le-au luat sau dacă ceva din sistem necesită atenția lor.

Aceste abordări pot fi utilizate singure sau în combinație pentru a oferi experiența utilizatorului.

Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu

Articol publicat sub licență CC BY-NC-SA 3.0