Težko si je predstavljati e-trgovino brez spustnih menijev; so namreč tako pomemben element spletnega oblikovanja za skoraj vsako vrsto spletnega mesta. Pa vendar je presenetljivo malo spletnih trgovcev obvladalo umetnost ustvarjanja menijev, ki so resnično prijazni uporabniku. V tem članku bomo predstavili možnosti za oblikovanje učinkovitih navigacijskih menijev na spletnih straneh, tako za namizne kot za mobilne naprave. Dali vam bomo 8 nasvetov, kako optimizirati spustne menije vaše spletne trgovine in narediti vašo stran še lažjo za navigacijo.
Spustni meniji: katere vrste navigacije izboljšajo stopnjo konverzije vaše spletne strani?
Kaj je navigacija na spletni strani?
Navigacijska vrstica na vašem spletnem mestu vašim strankam pomaga lažje najti pot. Vsebuje povezave, ki uporabnike vodijo do najpomembnejših kategorij na vašem spletnem mestu. Zato jo imenujemo tudi ‘odziven meni’.
Vendar se navigacija po spletnem mestu s tem ne konča. Med drugimi pogostimi elementi navigacije po spletnem mestu so:
Glavni meni, ki v hierarhičnem vrstnem redu navaja vso vsebino spletnega mesta.
Uporabna navigacija, ki jo sestavljajo povezave do koristnih sekundarnih funkcij, kot sta nakupovalni voziček ali prijava uporabnika.
Filtri, ki stranki omogočajo, da zoži rezultate iskanja.
Drobtinice, ki strankam pokažejo, na kateri strani se nahajajo v strukturi navigacije spletnega mesta.
Noga spletnega mesta, ki običajno vsebuje uporabne povezave do vsebinskih strani, na primer strani ‘O nas’ in pravnega obvestila vašega spletnega mesta.
Kako dobra navigacija po spletnem mestu pomaga izboljšati konverzije v e-trgovini?
Zagotavljanje pozitivne uporabniške izkušnje (UX) je za spletnega trgovca enako pomembno kot za klasično trgovino. To pomeni, da morajo stranke na tvoji spletni strani zlahka najti pravo pot. Od trenutka, ko pristanejo na tvojem spletnem mestu, morajo videti jasen pregled najpomembnejših informacij, da lahko hitro najdejo tisto, kar iščejo. Zato je pomembno, da v svoji spletni trgovini ponudiš praktične in enostavne menije. S tem ko strankam omogočiš, da intuitivno najdejo vse vsebine in funkcije, ki jih potrebujejo, povečaš verjetnost za prodajo.
Nasprotno pa bodo stranke, če je tvoje spletno mesto begajoče ali težavno za navigacijo, verjetno kliknile stran in nakup opravile drugje. To zviša stopnjo odboja in zniža konverzijo. V nadaljevanju ti bomo pokazali, kako s spustnimi meniji in drugimi navigacijskimi možnostmi ustvariti boljšo uporabniško izkušnjo, da lahko optimiziraš stopnjo konverzije svoje spletne trgovine.
Izbira prave vrste glavnega menija: Kakšne so vaše možnosti?
Ko gradite spletno stran za svoje e-trgovinsko podjetje, je ena prvih odločitev, ki jo morate sprejeti, ali bo glavni meni vaše strani prikazan navpično ali vodoravno.
Navpični meni poteka ob levi strani strani, od zgoraj navzdol.
Vodoravni meni poteka po vrhu strani, od leve proti desni.
Pri vodoravnem meniju je prostor omejen s širino zaslona. Zato pogosto vsebuje le kratke ključne besede. Nasprotno pa je lahko navpični meni tako obsežen, kot želite. Le zapomnite si: najbolje je, da glavni meni omejite na najpomembnejše kategorije, da bo vse jasno za vaše stranke.
Spodaj opisujemo nekaj pogostih tipov oblikovanja glavnega menija. Večino teh lahko na zaslonu razporedite navpično ali vodoravno.
Statična navigacija
Pri statični navigaciji (znani tudi kot »fiksna glava« ali »prilepljeni meni«) je glavni meni vedno viden. To pomeni, da ostane na zaslonu tudi takrat, ko se uporabnik pomika navzdol po strani. Prednost je v tem, da se uporabniku ni treba vračati na vrh strani, ko želi odpreti drugo postavko menija. Če želite uporabiti fiksno glavo, poskrbite, da ne zavzame preveč prostora. Sicer lahko med pomikanjem navzdol prekrije drugo uporabno vsebino na zaslonu.
Interaktivna navigacija
Interaktivna navigacija za spletne trgovine na splošno ni zelo dobra izbira. Pri tej vrsti navigacije ni povezav, ki bi uporabnike vodile od točke A do točke B. Namesto tega je samo premikanje po spletnem mestu del izkušnje. Interaktivni elementi igrificirajo izkušnjo navigacije tako, da uporabnika igrivo vodijo iz enega razdelka ali poddomene v naslednjega, dokler ne vidi vse vsebine.
Hamburger meni
Hamburger meni je znan tudi kot preklopni meni ali meni izven platna. Posebej so ga razvili kot odgovor na hitro rast uporabe pametnih telefonov. Hamburger meni prepoznate po gumbu s tremi vzporednimi vodoravnimi črtami, ki se običajno pojavi v zgornjem desnem ali zgornjem levem kotu spletne strani. Te črte nekoliko spominjajo na hamburger, po katerem je ta meni dobil ime.
Če vaše spletno mesto uporablja hamburger meni, bodo uporabniki sprva videli le vsebino spletnega mesta in gumb hamburger menija. Ko uporabnik pritisne gumb, se bo glavni meni prikazal čez celoten zaslon in ponudil vse možnosti za krmarjenje po vaši strani.
Ta vrsta menija je vse pogostejša tudi na namiznih spletnih mestih, vendar to pomeni, da morajo uporabniki klikniti dodaten gumb samo zato, da vidijo meni. Zato je hamburger meni predvsem priporočljiv za mobilno različico vaše strani.
Padajoči meniji
Najpogostejša vrsta menijev na spletnih mestih e-trgovine so odzivni padajoči meniji. Ti najprej prikažejo glavni meni, ki navaja le glavne kategorije. Ko uporabnik klikne na postavko menija ali se nad njo premakne, se seznam razširi in prikaže dodatne podkategorije. Dodate lahko toliko ravni padajočih podkategorij, kot želite. Vendar je najbolje, da jih ni več kot dve. Če je vaša ponudba izdelkov tako obsežna, da potrebujete več kot dve ravni padajočih menijev, imate mega meni (glejte spodaj).
Vodoravni padajoči meni se včasih imenuje tudi spustni meni. Navpični padajoči meni se včasih imenuje izskočni meni. Obe vrsti razširljivih menijev zagotavljata visoko uporabnost za vaše stranke. Če se odločite za uporabo padajočega menija, najprej razmislite, kako želite strukturirati vsebino svojega spletnega mesta. Sicer lahko meni hitro postane nepregleden in težaven za uporabo.
Mega spustni meniji: prednosti in slabosti
Velik meni lahko ponudi številne prednosti z vidika uporabniške izkušnje, vendar ima tudi omejitve. Spet je pomembno, da skrbno načrtujete strukturo svoje spletne strani. Navsezadnje je vaš veliki meni uporaben le, če so vsi elementi v navigacijski vrstici vaše spletne strani že na začetku jasni. Zato si pred odločitvijo za uporabo velikega menija vzemite nekaj časa in razmislite o najboljšem načinu predstavitve vsebine svoje spletne strani. Spodnja tabela prikazuje glavne prednosti in slabosti velikih menijev.
Spletno oblikovanje: 8 nasvetov za to, da bodo spustni meniji uporabniku prijazni
Spodaj je nekaj nasvetov o možnostih navigacije na spletnem mestu, s katerimi lahko izboljšaš stopnjo konverzije. Naši nasveti za uporabnost ti bodo pomagali, da bo glavni meni — in celotna spletna trgovina — bolj prijazen uporabnikom.
Nasvet #1: Vnaprej načrtuj navigacijo domače strani
Preden začneš izbirati elemente menija, je pomembno, da načrtuješ vsako funkcijo in vsak del vsebine na svojem spletnem mestu. Funkcije in vsebino lahko običajno razdeliš v glavne kategorije in podkategorije. Poskrbi, da bo vsaka kategorija imela jasna in kratka imena. Uporabniki po navadi le na hitro preletijo elemente menija, zato je pomembno, da jih lahko zlahka ločijo in takoj razumejo, kaj pomenijo.
Nasvet #2: Najpomembnejše postavke postavi na začetek
Elementi menija, ki so za tvoje uporabnike najbolj zanimivi, naj bodo vedno na začetku glavnega menija. Če si na primer ponudnik SaaS, je dobro, da meni začneš z elementi, ki obiskovalce prepričajo, da je tvoja rešitev prava zanje. Poskusi s takšnimi elementi menija:
Zakaj mi?
O nas
Cene
Če upravljaš spletno trgovino za modno znamko, naj se tvoj meni osredotoča na tvoje izdelke. Povezave do druge vsebine, kot so nasveti o izdelkih ali objave na blogu, naj bodo proti koncu menija. Na splošno so najboljši načini za optimizacijo konverzije v tvojem spletnem poslu odvisni od tega, v kateri panogi deluješ.
Nasvet #3: Uporabi vizualno strukturo
Običajen meni lahko prikazuje samo besedilo v preprosti obliki. Mega spustni meniji pa ti omogočajo, da poudariš določene elemente menija. Na primer, lahko uporabiš različne:
Velikosti besedila
Barve besedila
Pisave
Ikone
Tako lahko vsebini spustnega menija dodaš več strukture. Ni nujno, da so vsi elementi povezani z dejansko stranjo; nekatere besede lahko preprosto služijo kot nepovezani naslovi za različne klikljive podkategorije.
Nasvet #4: Izogibaj se dodatnim funkcijam
V svoje spustne menije ne dodajaj zapletenih interakcij, kot so registracija na novice ali polja za izbiro in iskanje, saj so lahko uporabnikom pogosto odveč. Zadnje, kar si želiš, je, da bi bil glavni meni prenatrpan. Poleg tega se takšni elementi pogosto pojavljajo na več mestih na spletnem mestu. Več učinka imajo, če jih postaviš na strani, kjer se najbolje ujemajo.
Vendar pa je lahko zelo učinkovito, če v navigacijsko vrstico vključiš gumb s pozivom k dejanju (CTA). Na primer, dodaj gumb, ki strankam omogoča, da naredijo rezervacijo ali nakup z enim samim klikom. Samo ne pozabi, da mora biti CTA postavljen ob glavnem meniju in ne v samem spustnem meniju.
Nasvet #5: Izberi med premikom miške in klikom
Mnoge spletne strani uporabljajo spustne menije, ki se odprejo takoj, ko uporabnik z miško zapelje čez element menija. Če razmišljaš o tej možnosti, upoštevaj nekaj stvari:
Vse na prvi pogled: mega meni naj se odpre naenkrat in ne postopoma, raven podkategorije za ravnijo podkategorije.
Popoln čas: meni ne sme biti preobčutljiv. Želiš preprečiti, da bi »migetal«, ko uporabnik prehitro zapelje čez njega. Hkrati pa se ne sme odzivati prepočasi. Za optimalno uporabnost priporočamo odzivni čas od 0,1 do 0,5 sekunde. Dobro je tudi, da pred skrivanjem menija dovoliš kratek premor, če uporabnik po naključju zapelje stran od menija. Preobčutljiv ali nepredvidljiv meni bo uporabnike razjezil in nekatere od njih pripravil do tega, da obupajo in stran preprosto zapustijo.
Programiranje MouseOut: ko se spustni meni aktivira, uporabniki premaknejo kazalec iz navigacijske vrstice v meni. Če tvoje spletno mesto ni pravilno programirano, bo ob premiku miške z navigacijske vrstice napačno zabeležilo dogodek MouseOut, zaradi česar se bo meni zaprl. Zato je pomembno, da meni nastaviš tako, da spustni meni izgine šele, ko miška zapusti tako navigacijsko vrstico kot tudi sam spustni meni.
Mobilna različica: premik miške nad elementom na pametnih telefonih ali tablicah ni mogoč. Če želiš na namizni različici spletnega mesta uporabljati spustni meni, ki se odpre ob premiku miške, ne pozabi uporabiti drugačnih nastavitev za mobilno različico.
Nasvet #6: Upoštevaj pravilo treh klikov
Na večini spletnih mest naj navigacija sledi »pravilu treh klikov«. To pomeni, da morajo uporabniki do katerih koli informacij na tvojem spletnem mestu priti v največ treh klikih. Seveda je to le splošno vodilo. Če imaš veliko, zelo podrobno spletno mesto, število klikov ni tako pomembno, dokler je stran dobro organizirana. Najpomembneje je, da ima tvoja stranka vedno občutek, da je pot do vsebine enostavna.
Nasvet #7: Uporabi več menijev
Pri spletnih mestih z veliko informacijami je lahko koristno dodati več kot en meni. Kot glavni meni lahko izbereš spustni meni s kategorijami izdelkov, hkrati pa v nogi strani uporabiš ločen meni, ki vsebuje sekundarne kategorije. Tako preprečiš, da bi glavni meni postal preveč prenatrpan. Poglej si spodnjo tabelo, da vidiš, kako je to videti.
Nasvet #8: Videz je pomemben
Privlačen dizajn menija mora ostati enake velikosti, tudi ko imajo glavni elementi menija različno število podkategorij. Če tvoje spletno mesto vsebuje funkcijo iskanja, poskrbi, da je spustni meniji ne bodo prekrili, ko se razširijo.
Dodati moraš tudi majhen vizualni znak, ki pokaže, ali se bo element v navigacijski vrstici ob kliku ali premiku miške razširil v spustni meni. Na primer, zraven imena menija postavi majhno puščico: pri spustnih menijih naj puščica kaže navzdol, pri izskočnih menijih pa v desno. Tako kupci instinktivno razumejo, da lahko pričakujejo še več informacij.
Mobilno poslovanje: Kako poskrbeti, da bo vašo spletno trgovino na pametnem telefonu enostavno uporabljati
Stranke vse pogosteje uporabljajo svoje pametne telefone za naročanje izdelkov prek spleta. To pomeni, da je pomembno, da pri izbiri možnosti menija za svojo spletno trgovino upoštevate tudi mobilne kupce. Nič več ni dobra ideja, da bi v mobilni različici skrivali določene elemente menija. Navsezadnje, ali mobilni uporabniki ne pričakujejo dostopa do enakih informacij kot uporabniki na namiznih računalnikih? Poglejmo nekaj uporabniku prijaznih možnosti, s katerimi bo navigacija po vaši spletni strani na mobilni napravi lažja.
Pristop »ničesar ne spreminjaj«
Najlažji način za oblikovanje navigacije na mobilni strani je, da je skoraj enaka kot na namizni strani. Narediti boste morali le nekaj manjših prilagoditev, da bodo uporabniki lažje tapkali po elementih menija s svojimi zasloni na dotik. Na primer:
Povečajte razmik med posameznimi elementi navigacije.
Izberite primerno velikost besedila.
Vendar ta pristop resnično deluje le za spletna mesta s kratkimi meniji in malo elementi za navigacijo. Za večja spletna mesta je večnivojski mobilni navigacijski dizajn uporabniku prijaznejša možnost.
Spustni meniji
Spustni meniji vam omogočajo, da ponudite vse enake možnosti kot na namizni različici spletnega mesta, v postavitvi, ki je bolj primerna za mobilno nakupovanje. Ko uporabnik tapne element menija, se njegove možnosti navigacije razširijo nad vsebino. Zato je ta vrsta menija za mobilna spletna mesta znana tudi kot prekrivni meni.
Spuščajoči se meniji
Pri mobilnih straneh so spuščajoči se meniji priročnejša vrsta menija kot spustni meniji. Ko se spuščajoči se meni odpre, ne prekriva vsebine strani, temveč jo potisne navzdol. Tako lahko stranka še vedno drsi navzdol in vidi vsebino, če želi, tudi ko je meni odprt. To vrsto menija je nekoliko težje programirati, vendar je med uporabniki zelo priljubljena.
Navigacija izven platna
Pri tej možnosti meni ni vključen v postavitev strani, zato na zaslonu ne zavzame prostora. Uporabnik mora le tapniti gumb menija, da odpre meni, ki prekrije preostanek strani. Nato je na zaslonu samo navigacijska struktura spletnega mesta. To je še posebej dobra možnost za strani z veliko podkategorijami za navigacijo.
Zaključek: Kako enostavno je krmariti po vaši spletni trgovini?
Na voljo je veliko možnosti za ustvarjanje uporabniku prijaznega menija za vašo spletno trgovino. Odvisno od sistema trgovine, ki ga uporabljate, lahko izbirate med številnimi oblikami navigacije. Ne glede na vašo izbiro je pomembno, da že na začetku jasno strukturirate vsebino svoje strani. Če imate široko ponudbo izdelkov, je vaša najboljša možnost uporaba spustnih menijev za različico spletnega mesta za namizne računalnike in spustnih menijev v mobilni različici. Uporabite spodnji kontrolni seznam, da pri oblikovanju navigacijskega menija za svoje spletno mesto ne boste pozabili nobenega od naših nasvetov.
Kontrolni seznam za ustvarjanje uporabniku prijaznih spustnih menijev
Imena kategorij so kratka in lahko razumljiva.
Glavne kategorije so razvrščene po tem, kako pomembne so za uporabnika.
Ob imenu menija je vizualni znak (na primer majhna puščica), ki nakazuje, da se meni spusti.
Spustni meni se odpre v 0,1 do 0,5 sekunde, ko uporabnik z miško zapelje nad njim v navigacijski vrstici.
Spustni meni se od začetka odpre v celoti. Kupcem ni treba klikniti kategorije, da bi videli njene podkategorije.
Vizualni znaki, kot so ikone in različne barve besedila, se uporabljajo za lažjo navigacijo po razširjenem spustnem meniju.
Meni se ne zapre, če uporabnik premakne kazalec stran od navigacijske vrstice in v razširjeni spustni meni.
Spustni meniji so enake velikosti, ne glede na to, koliko podkategorij vsebujejo.
V spustnih menijih ni interaktivnih funkcij (na primer prijave na newsletter).
Razširjeni spustni meni ne prekriva iskalnega polja ali druge pomembne vsebine.
Sekundarne funkcije so navedene v ločenih menijih (na primer v nogi strani).
Več posodobitev
Ostani na tekočem
Nikoli ne zamudite posodobitve. Prejemajte posodobitve izdelkov, novice in zgodbe strank neposredno v svoj nabiralnik.