Kaj je odzivna navigacija? Dinamični meniji za brskanje na mobilnih napravah
Odzivna navigacija je ključni vidik optimizacije za mobilne naprave. Če mobilna navigacija uporabnikov ne vodi gladko od točke A do točke B, bodo ti verjetno hitro zapustili stran, kar bo povzročilo izgubo prometa in, kar je še pomembneje, izgubo prihodkov. Različni koncepti, kot so drsni meniji ali spodnje navigacijske vrstice, lahko pomagajo izboljšati izkušnjo navigacije po spletni strani.
Kaj naredi dobro odzivno navigacijo?
Dober navigacijski sistem je hrbtenica vsake spletne strani – uporabnikom pomaga najti informacije, ki so zanje pomembne. Navigacijski elementi morajo delovati gladko, imeti jasno in samoumevno strukturo ter omogočati intuitivno uporabo. Glavni izzivi odzivne navigacije so omejen prostor na zaslonu in dotikna interakcija na mobilnih napravah. Kljub temu obstaja več odzivnih rešitev, ki zagotavljajo čisto in uporabniku prijazno izkušnjo navigacije po spletni strani.
Osnovna ideja odzivnega spletnega oblikovanja je, da se vsebina in postavitev strani dinamično prilagajata pogojem naprave in velikosti zaslona.
V večini primerov je najbolje slediti pristopu »mobile first«. Ta oblikovalska strategija daje prednost optimizaciji spletnih projektov za mobilne naprave– oblikovanje, uporabnost in zmogljivost mobilne različice so na prvem mestu, šele nato sledi prilagajanje za namizne in prenosne računalnike. Prilagajanje obstoječega sistema navigacije spletne strani za mobilno uporabo je pogosto bolj zapleteno in zamudno. Zato morate pred začetkom načrtovanja in izgradnje odzivne navigacije odgovoriti na nekaj ključnih vprašanj, zlasti glede umestitve in splošne strukture navigacije.
Dostopna spletna stran je pomembnejša kot kdaj koli prej, pri čemer ima navigacija ključno vlogo, vključno z združljivostjo z bralniki zaslona, zadostnim kontrastom in drugimi funkcijami za dostopnost.
Kje naj bo nameščena navigacija?
Običajni pristopi k namestitvi navigacije vključujejo navigacijo v nogi strani in namestitev menija na vrhu strani. Pri navigaciji v nogi strani uporabniki vidijo le povezavo do navigacije na začetku mobilne strani, ki jih pripelje neposredno v nogo strani, kjer se nahajajo posamezne postavke menija.
Navigacija v nogi strani pa ni ravno uporabniku prijazna: uporabniki pričakujejo, da bodo pomembni elementi navigacije lahko dostopni, zato je navigacija v nogi strani vse manj pogosta. Danes je mobilna navigacija pogosteje nameščena na vrhu strani. Ta klasični pristop k odzivnemu oblikovanju je večini uporabnikov znan.
Kako je strukturirana navigacija?
Pri oblikovanju navigacije imate na voljo različne možnosti. Dve najbolj priljubljeni možnosti sta navigacija s seznamom in odzivne mreže.
Seznami se lahko prikažejo kot enostopenjska ali večstopenjska navigacija. Ta format ima dve jasni prednosti: prvič, spletni razvijalci lahko sezname relativno enostavno implementirajo, poleg tega pa se prilagaja navadam uporabnikov.
Mrežna navigacija je idealna za kratke navigacijske elemente in je še posebej priljubljena v e-trgovini. Elementi so prikazani drug ob drugem v mrežni razporeditvi, število stolpcev pa je odvisno od velikosti zaslona. Če načrtujete mrežo z dvema stolpcema, poskrbite, da je število elementov sodo, da se izognete asimetrični razporeditvi.
Pri obeh različicah je mogoče dodati dodatne podrazdelke, ki se lahko pojavijo in izginejo.
Kateri koncepti mobilne navigacije so na voljo?
Sedaj pridemo do osrednjega vprašanja: kako naj se odpre mobilni navigacijski meni? Koncept je odvisen od načina, na katerega se navigacija prikaže uporabniku. Možnosti prikaza so raznolike: navigacija se lahko prikaže neposredno na strani ali se odpre s klikom na povezavo. Navigacija lahko vsebino premakne navzdol ali pa leži nad njo. Tukaj smo zbrali nekaj primerov.
Ne glede na to, kateri koncept navigacije izberete, je ikona hamburgerja postala standard za odpiranje menijev na mobilnih napravah. Majhen simbol s tremi vodoravnimi črtami je zdaj na pametnih telefonih in tabličnih računalnikih splošno priznan kot univerzalni znak za skriti meni.
Navigacija prek spustnega menija
Eden od klasičnih odzivnih načinov navigacije je spustni meni. Zelo spominja na tradicionalno navigacijo na namiznih računalnikih, zato je uporabnikom znan in pogosto izbran način navigacije. Meni se aktivira s pritiskom na gumb ali ikono in se prikaže nad vsebino, ne da bi jo v celoti prekril.
Navigacija s pomikanjem navzdol
Druga priljubljena vrsta navigacije je drsni meni, znan tudi kot harmonika ali razširljiva navigacija. Ko uporabniki tapnete gumb menija, se navigacija odpre – za razliko od spustnih menijev ne prekriva vsebine, ampak jo potisne navzdol. Čeprav je ta pristop nekoliko bolj zapleten za izvedbo, velja za zelo prilagodljivega in prostorsko varčnega. Zaradi možnosti vključitve podnavigacijskih elementov ponuja elegantno rešitev za preproste in bolj zapletene menije.
Spodnja navigacijska vrstica
Spodnja navigacijska vrstica je vse bolj priljubljena rešitev za mobilne aplikacije in spletne strani, kjer se meni prikaže na dnu zaslona. Ta način navigacije je še posebej uporabniku prijazen, saj je na pametnih telefonih lahko dostopen. Deluje dobro za projekte z nekaj ključnimi navigacijskimi elementi in zagotavlja jasno, organizirano strukturo, ki uporabnikom pomaga hitro preklapljati med glavnimi razdelki spletne strani.
Navigacija zunaj platna
Pri tem pristopu je odzivna navigacija privzeto nameščena zunaj vidnega območja zaslona. Meni ni integriran v glavno postavitev, kar pomeni, da je navigacija zunaj platna prostorsko varčna rešitev, ki ne zavzema prostora v pogledu. Šele ko se dotaknete ikone menija, se navigacija prikaže in potisne celotno postavitev na stran. Ta metoda je še posebej primerna za velike navigacijske hierarhije z več podmeniji.
