Rippmenüü:Millised navigeerimise tüübid parandavad sinu saidi konversioonimäära?

Rippmenüü:Millised navigeerimise tüübid parandavad sinu saidi konversioonimäära?

Rippmenüü:Millised navigeerimise tüübid parandavad sinu saidi konversioonimäära?

Selles artiklis anname sulle 8 nõuannet, kuidas optimeerida oma veebipoe rippmenüüsid ja muuta veebileht veelgi kasutajasõbralikumaks navigeerimiseks.

Selles artiklis anname sulle 8 nõuannet, kuidas optimeerida oma veebipoe rippmenüüsid ja muuta veebileht veelgi kasutajasõbralikumaks navigeerimiseks.

28. apr 2021

Nick Knuppe

Toote turunduse juht

Raske on ette kujutada e-kaubandust ilma rippmenüüdeni; need on peaaegu igat tüüpi veebisaidi jaoks veebidisaini nii oluline omadus. Siiski on üllatav, et üsna vähesed e-kaubandusettevõtted on õppinud, kuidas neid tõeliselt kasutajasõbralikuks muuta. Selles artiklis arutame tõhusa veebisaidi navigeerimismenüüde kujundamise võimalusi, nii lauaarvutite kui ka mobiilseadmete jaoks. Anname sulle 8 näpunäidet, kuidas oma veebipoe rippmenüüsid optimeerida ja muuta oma sait veelgi kasutajasõbralikumaks navigeerida. 

Raske on ette kujutada e-kaubandust ilma rippmenüüdeni; need on peaaegu igat tüüpi veebisaidi jaoks veebidisaini nii oluline omadus. Siiski on üllatav, et üsna vähesed e-kaubandusettevõtted on õppinud, kuidas neid tõeliselt kasutajasõbralikuks muuta. Selles artiklis arutame tõhusa veebisaidi navigeerimismenüüde kujundamise võimalusi, nii lauaarvutite kui ka mobiilseadmete jaoks. Anname sulle 8 näpunäidet, kuidas oma veebipoe rippmenüüsid optimeerida ja muuta oma sait veelgi kasutajasõbralikumaks navigeerida. 

Raske on ette kujutada e-kaubandust ilma rippmenüüdeni; need on peaaegu igat tüüpi veebisaidi jaoks veebidisaini nii oluline omadus. Siiski on üllatav, et üsna vähesed e-kaubandusettevõtted on õppinud, kuidas neid tõeliselt kasutajasõbralikuks muuta. Selles artiklis arutame tõhusa veebisaidi navigeerimismenüüde kujundamise võimalusi, nii lauaarvutite kui ka mobiilseadmete jaoks. Anname sulle 8 näpunäidet, kuidas oma veebipoe rippmenüüsid optimeerida ja muuta oma sait veelgi kasutajasõbralikumaks navigeerida. 

Raske on ette kujutada e-kaubandust ilma rippmenüüdeni; need on peaaegu igat tüüpi veebisaidi jaoks veebidisaini nii oluline omadus. Siiski on üllatav, et üsna vähesed e-kaubandusettevõtted on õppinud, kuidas neid tõeliselt kasutajasõbralikuks muuta. Selles artiklis arutame tõhusa veebisaidi navigeerimismenüüde kujundamise võimalusi, nii lauaarvutite kui ka mobiilseadmete jaoks. Anname sulle 8 näpunäidet, kuidas oma veebipoe rippmenüüsid optimeerida ja muuta oma sait veelgi kasutajasõbralikumaks navigeerida. 

Mis on veebisaidi navigeerimine?

Sinu saidi navigeerimisriba aitab teie klientidel leida teed kergemini. See sisaldab linke, mis viivad teie kasutajad saidi kõige olulisematele kategooriatele. Seetõttu tuntakse seda ka kui „reaktiivset menüüd”. 

Kuid veebisaidi navigeerimine ei piirdu sellega. Mõned teised levinud saidi navigeerimise omadused on:

  • Põhimenüü, mis loetleb kogu veebisaidi sisu hierarhiliste kategooriate järjekorras.

  • Utiliidi navigeerimine, mis koosneb linkidest kasulikele sekundaarsetele funktsioonidele, nagu ostukorv või kasutaja sisselogimine.

  • Filtrid, mis võimaldavad kliendil oma otsingutulemusi kitsendada.

  • Söögikoht, mis näitab klientidele, millisel lehel nad veebisaidi navigeerimistruktuuris asuvad.

  • Paeas navigeerimine, mis sisaldab tavaliselt kasulikke linke sisu lehtedele, nagu „Meist” leht ja teie saidi õigusaktide teadlikkus.

Sinu saidi navigeerimisriba aitab teie klientidel leida teed kergemini. See sisaldab linke, mis viivad teie kasutajad saidi kõige olulisematele kategooriatele. Seetõttu tuntakse seda ka kui „reaktiivset menüüd”. 

Kuid veebisaidi navigeerimine ei piirdu sellega. Mõned teised levinud saidi navigeerimise omadused on:

  • Põhimenüü, mis loetleb kogu veebisaidi sisu hierarhiliste kategooriate järjekorras.

  • Utiliidi navigeerimine, mis koosneb linkidest kasulikele sekundaarsetele funktsioonidele, nagu ostukorv või kasutaja sisselogimine.

  • Filtrid, mis võimaldavad kliendil oma otsingutulemusi kitsendada.

  • Söögikoht, mis näitab klientidele, millisel lehel nad veebisaidi navigeerimistruktuuris asuvad.

  • Paeas navigeerimine, mis sisaldab tavaliselt kasulikke linke sisu lehtedele, nagu „Meist” leht ja teie saidi õigusaktide teadlikkus.

Sinu saidi navigeerimisriba aitab teie klientidel leida teed kergemini. See sisaldab linke, mis viivad teie kasutajad saidi kõige olulisematele kategooriatele. Seetõttu tuntakse seda ka kui „reaktiivset menüüd”. 

Kuid veebisaidi navigeerimine ei piirdu sellega. Mõned teised levinud saidi navigeerimise omadused on:

  • Põhimenüü, mis loetleb kogu veebisaidi sisu hierarhiliste kategooriate järjekorras.

  • Utiliidi navigeerimine, mis koosneb linkidest kasulikele sekundaarsetele funktsioonidele, nagu ostukorv või kasutaja sisselogimine.

  • Filtrid, mis võimaldavad kliendil oma otsingutulemusi kitsendada.

  • Söögikoht, mis näitab klientidele, millisel lehel nad veebisaidi navigeerimistruktuuris asuvad.

  • Paeas navigeerimine, mis sisaldab tavaliselt kasulikke linke sisu lehtedele, nagu „Meist” leht ja teie saidi õigusaktide teadlikkus.

Sinu saidi navigeerimisriba aitab teie klientidel leida teed kergemini. See sisaldab linke, mis viivad teie kasutajad saidi kõige olulisematele kategooriatele. Seetõttu tuntakse seda ka kui „reaktiivset menüüd”. 

Kuid veebisaidi navigeerimine ei piirdu sellega. Mõned teised levinud saidi navigeerimise omadused on:

  • Põhimenüü, mis loetleb kogu veebisaidi sisu hierarhiliste kategooriate järjekorras.

  • Utiliidi navigeerimine, mis koosneb linkidest kasulikele sekundaarsetele funktsioonidele, nagu ostukorv või kasutaja sisselogimine.

  • Filtrid, mis võimaldavad kliendil oma otsingutulemusi kitsendada.

  • Söögikoht, mis näitab klientidele, millisel lehel nad veebisaidi navigeerimistruktuuris asuvad.

  • Paeas navigeerimine, mis sisaldab tavaliselt kasulikke linke sisu lehtedele, nagu „Meist” leht ja teie saidi õigusaktide teadlikkus.

Hoia end kursis

Ära jää kunagi uuendustest ilma. Saa tooteteavitused, uudised ja kliendilood otse oma postkasti.

Hoia end kursis

Ära jää kunagi uuendustest ilma. Saa tooteteavitused, uudised ja kliendilood otse oma postkasti.

Ühenda iga makse. Täienda iga osa oma ettevõttest.

Ära jää kunagi uuendustest ilma. Saa tooteteavitused, uudised ja kliendilood otse oma postkasti.

Hoia end kursis

Ära jää kunagi uuendustest ilma. Saa tooteteavitused, uudised ja kliendilood otse oma postkasti.

Kuidas aitab hea veebisaidi navigeerimine e-kaubanduses konversioone parandada?

How does good website navigation help improve conversion in e-commerce?

Pakkuda positiivset kasutajakogemust (UX) on e-kaubanduse jaemüüjale sama oluline kui ka offline-äri jaoks. See tähendab, et teie veebisaidil peab olema klientidele lihtne orienteeruda. Alates hetkest, kui nad teie saidile sisenevad, peavad nad nägema selget ülevaadet kõige olulisematest teadetest, et nad saaksid kiiresti leida selle, mida nad otsivad. Seetõttu on oluline pakkuda praktilisi ja hõlpsasti kasutatavaid menüüsid teie e-poes. Lubades oma klientidel intuitiivselt leida kogu vajalik sisu ja funktsioonid, suurendate müügi tõenäosust.

Vastupidiselt, kui teie sait on segane või keeruline navigeerida, on klientidel tõenäoliselt soovitud lehtelt lahkuda ja oma äri mujale viia. See suurendab teie külastusmäärat ja vähendab konversiooni. Allpool näitame teile, kuidas luua paremat UX, kasutades rippmenüüsid ja muid navigeerimisvõimalusi, et saaksite optimeerida oma e-poe konversioonimäära.

How does good website navigation help improve conversion in e-commerce?

Pakkuda positiivset kasutajakogemust (UX) on e-kaubanduse jaemüüjale sama oluline kui ka offline-äri jaoks. See tähendab, et teie veebisaidil peab olema klientidele lihtne orienteeruda. Alates hetkest, kui nad teie saidile sisenevad, peavad nad nägema selget ülevaadet kõige olulisematest teadetest, et nad saaksid kiiresti leida selle, mida nad otsivad. Seetõttu on oluline pakkuda praktilisi ja hõlpsasti kasutatavaid menüüsid teie e-poes. Lubades oma klientidel intuitiivselt leida kogu vajalik sisu ja funktsioonid, suurendate müügi tõenäosust.

Vastupidiselt, kui teie sait on segane või keeruline navigeerida, on klientidel tõenäoliselt soovitud lehtelt lahkuda ja oma äri mujale viia. See suurendab teie külastusmäärat ja vähendab konversiooni. Allpool näitame teile, kuidas luua paremat UX, kasutades rippmenüüsid ja muid navigeerimisvõimalusi, et saaksite optimeerida oma e-poe konversioonimäära.

How does good website navigation help improve conversion in e-commerce?

Pakkuda positiivset kasutajakogemust (UX) on e-kaubanduse jaemüüjale sama oluline kui ka offline-äri jaoks. See tähendab, et teie veebisaidil peab olema klientidele lihtne orienteeruda. Alates hetkest, kui nad teie saidile sisenevad, peavad nad nägema selget ülevaadet kõige olulisematest teadetest, et nad saaksid kiiresti leida selle, mida nad otsivad. Seetõttu on oluline pakkuda praktilisi ja hõlpsasti kasutatavaid menüüsid teie e-poes. Lubades oma klientidel intuitiivselt leida kogu vajalik sisu ja funktsioonid, suurendate müügi tõenäosust.

Vastupidiselt, kui teie sait on segane või keeruline navigeerida, on klientidel tõenäoliselt soovitud lehtelt lahkuda ja oma äri mujale viia. See suurendab teie külastusmäärat ja vähendab konversiooni. Allpool näitame teile, kuidas luua paremat UX, kasutades rippmenüüsid ja muid navigeerimisvõimalusi, et saaksite optimeerida oma e-poe konversioonimäära.

How does good website navigation help improve conversion in e-commerce?

Pakkuda positiivset kasutajakogemust (UX) on e-kaubanduse jaemüüjale sama oluline kui ka offline-äri jaoks. See tähendab, et teie veebisaidil peab olema klientidele lihtne orienteeruda. Alates hetkest, kui nad teie saidile sisenevad, peavad nad nägema selget ülevaadet kõige olulisematest teadetest, et nad saaksid kiiresti leida selle, mida nad otsivad. Seetõttu on oluline pakkuda praktilisi ja hõlpsasti kasutatavaid menüüsid teie e-poes. Lubades oma klientidel intuitiivselt leida kogu vajalik sisu ja funktsioonid, suurendate müügi tõenäosust.

Vastupidiselt, kui teie sait on segane või keeruline navigeerida, on klientidel tõenäoliselt soovitud lehtelt lahkuda ja oma äri mujale viia. See suurendab teie külastusmäärat ja vähendab konversiooni. Allpool näitame teile, kuidas luua paremat UX, kasutades rippmenüüsid ja muid navigeerimisvõimalusi, et saaksite optimeerida oma e-poe konversioonimäära.

Õige põhimenüü tüübi valimine: Millised on sinu võimalused?

Kui loote veebisaiti oma e-kaubanduse ettevõtte jaoks, on üks esimesi otsuseid, mille peate tegema, kas kuvada oma saidi peamenüüd vertikaalselt või horisontaalselt.

  • Vertikaalne menüü jookseb lehe vasakul küljel, ülevalt alla.

  • Horisontaalne menüü jookseb lehe ülaosas, vasakult paremale.

Horisontaalse menüü puhul on ruum piiratud ekraani laiusega. Seetõttu sisaldab see sageli ainult lühikesi võtmesõnu. Vastupidi, saate vertikaalset menüüd teha nii ulatuslikuks kui soovite. Pea meeles: on kõige parem piirata oma peamenüü kõige olulisemate kategooriatega, et hoida asjad teie klientide jaoks selged. 

Allpool kirjeldame mõningaid levinud peamenüü kujundustüüpe. Enamik neist saab ekraanil paigutada kas vertikaalselt või horisontaalselt.

Statiline navigeerimine

Choosing the right main menu type - static menu

Statilise navigeerimisega (tuntud ka kui 'fikseeritud päis' või 'kleebise menüü') on peamenüü pidevalt nähtav. See tähendab, et see jääb ekraanile, isegi kui kasutaja kerib lehte alla. Eelis on see, et kasutaja ei pea kerima tagasi lehe ülaossa, kui nad soovivad navigeerida teisele menüüelemendile. Kui soovite kasutada fikseeritud päist, veenduge, et see ei võtaks liiga palju ruumi. Vastasel juhul võib see hägustada teisi kasulikke sisu ekraanil, kui kasutaja kerib alla.

Interaktiivne navigeerimine

Interaktiivne navigeerimine ei ole üldiselt väga hea valik veebipoodide jaoks. Selle tüüpi navigeerimisega ei ole linke, mis viivad teie kasutajad A-st B-sse. Selle asemel nähakse saidil navigeerimist osana kogemusest. Interaktiivsed elemendid gamifitseerivad navigeerimiskogemuse, juhendades kasutajat mänguliselt ühest osast või alamdomeenist järgmisse, kuni nad on näinud kogu sisu.

Hamburgeri menüü

Choosing the right main menu type - Hamburger menu

Hamburger (või burger) menüü on tuntud ka kui lülitusmenüü või off-canvas menüü. Seda arendati spetsiaalselt vastusena nutitelefonide kiirele kasvule. Hamburgeri menüü on kergesti äratuntav kolme paralleelse horisontaalse joonega, mis tavaliselt ilmub veebisaidi ülemisse paremasse või vasakusse nurka. Need read meenutavad häguselt hamburgerit, kust menüü oma nime sai. 

Kui teie saidil on hamburgeri menüü, siis näevad kasutajad esmakordselt ainult saidi sisu ja hamburgeri menüü nuppu. Kui kasutaja vajutab nuppu, ilmub peamenüü kogu nende ekraanile, esitledes neile kõiki valikuid, millega teie saidil navigeerida. 

See tüüpi menüü on samuti üha tavalisem lauaarvutite veebisaitidel, kuid see tähendab, et kasutajad peavad menüü nägemiseks klikkima veel ühele nupule. Seetõttu soovitatakse hamburgeri menüüd peamiselt ainult teie saidi mobiilversiooni jaoks.

Kukkuvad menüüd

Choosing the right main menu type - Drop-down menus

Kõige levinumad menüü tüübid e-kaubanduse veebisaitidel on reageerivad kukkuvad menüüd. Need näitavad esmalt peamenüü, mis loetleb ainult peamised kategooriad. Kui kasutaja klõpsab või liigub hiirega menüüelemendi kohale, laieneb nimekiri, et näidata täiendavaid alamkategooriaid. Saate lisada nii palju kukkuvaid alamkategooriate kihte, kui soovite. Kuid on parem, kui neid on mitte rohkem kui kaks. Kui teie tootevalik on nii ulatuslik, et vajate rohkem kui kahte kukkuvat taset, siis on teil mega menüü (vt allpool).

Horisontaalset kukkuvat menüüd kutsutakse mõnikord ka alla tõmmatavaks menüüks. Vertikaalset kukkuvat menüüd kutsutakse mõnikord välja lendavaks. Mõlemad laienevad menüü tüübid tagavad teie klientidele kõrge kasutatavuse. Kui otsustate kasutada kukkuvat menüüd, mõelge kõigepealt, kuidas soovite üles ehitada oma saidi sisu. Vastasel juhul võib menüü kiiresti muutuda segaseks ja keeruliseks kasutada.

Kui loote veebisaiti oma e-kaubanduse ettevõtte jaoks, on üks esimesi otsuseid, mille peate tegema, kas kuvada oma saidi peamenüüd vertikaalselt või horisontaalselt.

  • Vertikaalne menüü jookseb lehe vasakul küljel, ülevalt alla.

  • Horisontaalne menüü jookseb lehe ülaosas, vasakult paremale.

Horisontaalse menüü puhul on ruum piiratud ekraani laiusega. Seetõttu sisaldab see sageli ainult lühikesi võtmesõnu. Vastupidi, saate vertikaalset menüüd teha nii ulatuslikuks kui soovite. Pea meeles: on kõige parem piirata oma peamenüü kõige olulisemate kategooriatega, et hoida asjad teie klientide jaoks selged. 

Allpool kirjeldame mõningaid levinud peamenüü kujundustüüpe. Enamik neist saab ekraanil paigutada kas vertikaalselt või horisontaalselt.

Statiline navigeerimine

Choosing the right main menu type - static menu

Statilise navigeerimisega (tuntud ka kui 'fikseeritud päis' või 'kleebise menüü') on peamenüü pidevalt nähtav. See tähendab, et see jääb ekraanile, isegi kui kasutaja kerib lehte alla. Eelis on see, et kasutaja ei pea kerima tagasi lehe ülaossa, kui nad soovivad navigeerida teisele menüüelemendile. Kui soovite kasutada fikseeritud päist, veenduge, et see ei võtaks liiga palju ruumi. Vastasel juhul võib see hägustada teisi kasulikke sisu ekraanil, kui kasutaja kerib alla.

Interaktiivne navigeerimine

Interaktiivne navigeerimine ei ole üldiselt väga hea valik veebipoodide jaoks. Selle tüüpi navigeerimisega ei ole linke, mis viivad teie kasutajad A-st B-sse. Selle asemel nähakse saidil navigeerimist osana kogemusest. Interaktiivsed elemendid gamifitseerivad navigeerimiskogemuse, juhendades kasutajat mänguliselt ühest osast või alamdomeenist järgmisse, kuni nad on näinud kogu sisu.

Hamburgeri menüü

Choosing the right main menu type - Hamburger menu

Hamburger (või burger) menüü on tuntud ka kui lülitusmenüü või off-canvas menüü. Seda arendati spetsiaalselt vastusena nutitelefonide kiirele kasvule. Hamburgeri menüü on kergesti äratuntav kolme paralleelse horisontaalse joonega, mis tavaliselt ilmub veebisaidi ülemisse paremasse või vasakusse nurka. Need read meenutavad häguselt hamburgerit, kust menüü oma nime sai. 

Kui teie saidil on hamburgeri menüü, siis näevad kasutajad esmakordselt ainult saidi sisu ja hamburgeri menüü nuppu. Kui kasutaja vajutab nuppu, ilmub peamenüü kogu nende ekraanile, esitledes neile kõiki valikuid, millega teie saidil navigeerida. 

See tüüpi menüü on samuti üha tavalisem lauaarvutite veebisaitidel, kuid see tähendab, et kasutajad peavad menüü nägemiseks klikkima veel ühele nupule. Seetõttu soovitatakse hamburgeri menüüd peamiselt ainult teie saidi mobiilversiooni jaoks.

Kukkuvad menüüd

Choosing the right main menu type - Drop-down menus

Kõige levinumad menüü tüübid e-kaubanduse veebisaitidel on reageerivad kukkuvad menüüd. Need näitavad esmalt peamenüü, mis loetleb ainult peamised kategooriad. Kui kasutaja klõpsab või liigub hiirega menüüelemendi kohale, laieneb nimekiri, et näidata täiendavaid alamkategooriaid. Saate lisada nii palju kukkuvaid alamkategooriate kihte, kui soovite. Kuid on parem, kui neid on mitte rohkem kui kaks. Kui teie tootevalik on nii ulatuslik, et vajate rohkem kui kahte kukkuvat taset, siis on teil mega menüü (vt allpool).

Horisontaalset kukkuvat menüüd kutsutakse mõnikord ka alla tõmmatavaks menüüks. Vertikaalset kukkuvat menüüd kutsutakse mõnikord välja lendavaks. Mõlemad laienevad menüü tüübid tagavad teie klientidele kõrge kasutatavuse. Kui otsustate kasutada kukkuvat menüüd, mõelge kõigepealt, kuidas soovite üles ehitada oma saidi sisu. Vastasel juhul võib menüü kiiresti muutuda segaseks ja keeruliseks kasutada.

Kui loote veebisaiti oma e-kaubanduse ettevõtte jaoks, on üks esimesi otsuseid, mille peate tegema, kas kuvada oma saidi peamenüüd vertikaalselt või horisontaalselt.

  • Vertikaalne menüü jookseb lehe vasakul küljel, ülevalt alla.

  • Horisontaalne menüü jookseb lehe ülaosas, vasakult paremale.

Horisontaalse menüü puhul on ruum piiratud ekraani laiusega. Seetõttu sisaldab see sageli ainult lühikesi võtmesõnu. Vastupidi, saate vertikaalset menüüd teha nii ulatuslikuks kui soovite. Pea meeles: on kõige parem piirata oma peamenüü kõige olulisemate kategooriatega, et hoida asjad teie klientide jaoks selged. 

Allpool kirjeldame mõningaid levinud peamenüü kujundustüüpe. Enamik neist saab ekraanil paigutada kas vertikaalselt või horisontaalselt.

Statiline navigeerimine

Choosing the right main menu type - static menu

Statilise navigeerimisega (tuntud ka kui 'fikseeritud päis' või 'kleebise menüü') on peamenüü pidevalt nähtav. See tähendab, et see jääb ekraanile, isegi kui kasutaja kerib lehte alla. Eelis on see, et kasutaja ei pea kerima tagasi lehe ülaossa, kui nad soovivad navigeerida teisele menüüelemendile. Kui soovite kasutada fikseeritud päist, veenduge, et see ei võtaks liiga palju ruumi. Vastasel juhul võib see hägustada teisi kasulikke sisu ekraanil, kui kasutaja kerib alla.

Interaktiivne navigeerimine

Interaktiivne navigeerimine ei ole üldiselt väga hea valik veebipoodide jaoks. Selle tüüpi navigeerimisega ei ole linke, mis viivad teie kasutajad A-st B-sse. Selle asemel nähakse saidil navigeerimist osana kogemusest. Interaktiivsed elemendid gamifitseerivad navigeerimiskogemuse, juhendades kasutajat mänguliselt ühest osast või alamdomeenist järgmisse, kuni nad on näinud kogu sisu.

Hamburgeri menüü

Choosing the right main menu type - Hamburger menu

Hamburger (või burger) menüü on tuntud ka kui lülitusmenüü või off-canvas menüü. Seda arendati spetsiaalselt vastusena nutitelefonide kiirele kasvule. Hamburgeri menüü on kergesti äratuntav kolme paralleelse horisontaalse joonega, mis tavaliselt ilmub veebisaidi ülemisse paremasse või vasakusse nurka. Need read meenutavad häguselt hamburgerit, kust menüü oma nime sai. 

Kui teie saidil on hamburgeri menüü, siis näevad kasutajad esmakordselt ainult saidi sisu ja hamburgeri menüü nuppu. Kui kasutaja vajutab nuppu, ilmub peamenüü kogu nende ekraanile, esitledes neile kõiki valikuid, millega teie saidil navigeerida. 

See tüüpi menüü on samuti üha tavalisem lauaarvutite veebisaitidel, kuid see tähendab, et kasutajad peavad menüü nägemiseks klikkima veel ühele nupule. Seetõttu soovitatakse hamburgeri menüüd peamiselt ainult teie saidi mobiilversiooni jaoks.

Kukkuvad menüüd

Choosing the right main menu type - Drop-down menus

Kõige levinumad menüü tüübid e-kaubanduse veebisaitidel on reageerivad kukkuvad menüüd. Need näitavad esmalt peamenüü, mis loetleb ainult peamised kategooriad. Kui kasutaja klõpsab või liigub hiirega menüüelemendi kohale, laieneb nimekiri, et näidata täiendavaid alamkategooriaid. Saate lisada nii palju kukkuvaid alamkategooriate kihte, kui soovite. Kuid on parem, kui neid on mitte rohkem kui kaks. Kui teie tootevalik on nii ulatuslik, et vajate rohkem kui kahte kukkuvat taset, siis on teil mega menüü (vt allpool).

Horisontaalset kukkuvat menüüd kutsutakse mõnikord ka alla tõmmatavaks menüüks. Vertikaalset kukkuvat menüüd kutsutakse mõnikord välja lendavaks. Mõlemad laienevad menüü tüübid tagavad teie klientidele kõrge kasutatavuse. Kui otsustate kasutada kukkuvat menüüd, mõelge kõigepealt, kuidas soovite üles ehitada oma saidi sisu. Vastasel juhul võib menüü kiiresti muutuda segaseks ja keeruliseks kasutada.

Kui loote veebisaiti oma e-kaubanduse ettevõtte jaoks, on üks esimesi otsuseid, mille peate tegema, kas kuvada oma saidi peamenüüd vertikaalselt või horisontaalselt.

  • Vertikaalne menüü jookseb lehe vasakul küljel, ülevalt alla.

  • Horisontaalne menüü jookseb lehe ülaosas, vasakult paremale.

Horisontaalse menüü puhul on ruum piiratud ekraani laiusega. Seetõttu sisaldab see sageli ainult lühikesi võtmesõnu. Vastupidi, saate vertikaalset menüüd teha nii ulatuslikuks kui soovite. Pea meeles: on kõige parem piirata oma peamenüü kõige olulisemate kategooriatega, et hoida asjad teie klientide jaoks selged. 

Allpool kirjeldame mõningaid levinud peamenüü kujundustüüpe. Enamik neist saab ekraanil paigutada kas vertikaalselt või horisontaalselt.

Statiline navigeerimine

Choosing the right main menu type - static menu

Statilise navigeerimisega (tuntud ka kui 'fikseeritud päis' või 'kleebise menüü') on peamenüü pidevalt nähtav. See tähendab, et see jääb ekraanile, isegi kui kasutaja kerib lehte alla. Eelis on see, et kasutaja ei pea kerima tagasi lehe ülaossa, kui nad soovivad navigeerida teisele menüüelemendile. Kui soovite kasutada fikseeritud päist, veenduge, et see ei võtaks liiga palju ruumi. Vastasel juhul võib see hägustada teisi kasulikke sisu ekraanil, kui kasutaja kerib alla.

Interaktiivne navigeerimine

Interaktiivne navigeerimine ei ole üldiselt väga hea valik veebipoodide jaoks. Selle tüüpi navigeerimisega ei ole linke, mis viivad teie kasutajad A-st B-sse. Selle asemel nähakse saidil navigeerimist osana kogemusest. Interaktiivsed elemendid gamifitseerivad navigeerimiskogemuse, juhendades kasutajat mänguliselt ühest osast või alamdomeenist järgmisse, kuni nad on näinud kogu sisu.

Hamburgeri menüü

Choosing the right main menu type - Hamburger menu

Hamburger (või burger) menüü on tuntud ka kui lülitusmenüü või off-canvas menüü. Seda arendati spetsiaalselt vastusena nutitelefonide kiirele kasvule. Hamburgeri menüü on kergesti äratuntav kolme paralleelse horisontaalse joonega, mis tavaliselt ilmub veebisaidi ülemisse paremasse või vasakusse nurka. Need read meenutavad häguselt hamburgerit, kust menüü oma nime sai. 

Kui teie saidil on hamburgeri menüü, siis näevad kasutajad esmakordselt ainult saidi sisu ja hamburgeri menüü nuppu. Kui kasutaja vajutab nuppu, ilmub peamenüü kogu nende ekraanile, esitledes neile kõiki valikuid, millega teie saidil navigeerida. 

See tüüpi menüü on samuti üha tavalisem lauaarvutite veebisaitidel, kuid see tähendab, et kasutajad peavad menüü nägemiseks klikkima veel ühele nupule. Seetõttu soovitatakse hamburgeri menüüd peamiselt ainult teie saidi mobiilversiooni jaoks.

Kukkuvad menüüd

Choosing the right main menu type - Drop-down menus

Kõige levinumad menüü tüübid e-kaubanduse veebisaitidel on reageerivad kukkuvad menüüd. Need näitavad esmalt peamenüü, mis loetleb ainult peamised kategooriad. Kui kasutaja klõpsab või liigub hiirega menüüelemendi kohale, laieneb nimekiri, et näidata täiendavaid alamkategooriaid. Saate lisada nii palju kukkuvaid alamkategooriate kihte, kui soovite. Kuid on parem, kui neid on mitte rohkem kui kaks. Kui teie tootevalik on nii ulatuslik, et vajate rohkem kui kahte kukkuvat taset, siis on teil mega menüü (vt allpool).

Horisontaalset kukkuvat menüüd kutsutakse mõnikord ka alla tõmmatavaks menüüks. Vertikaalset kukkuvat menüüd kutsutakse mõnikord välja lendavaks. Mõlemad laienevad menüü tüübid tagavad teie klientidele kõrge kasutatavuse. Kui otsustate kasutada kukkuvat menüüd, mõelge kõigepealt, kuidas soovite üles ehitada oma saidi sisu. Vastasel juhul võib menüü kiiresti muutuda segaseks ja keeruliseks kasutada.

Mega rippmenüüd: Plussid ja miinused

Mega menüü võib pakkuda palju eeliseid kasutajakogemuse osas, kuid sellega on ka piiranguid. Jälle on oluline hoolikalt planeerida oma saidi struktuur. Lõppude lõpuks on teie mega menüü kasulik ainult siis, kui kõik teie saidi navigeerimisribas olevad üksused on alguses selged. Seega, enne mega menüü kasutamise valimist, veetke aega mõeldes parimale viisile oma saidi sisu esitamiseks. Allolevas tabelis on toodud peamised mega menüüde eelised ja puudused.

Mega menüü võib pakkuda palju eeliseid kasutajakogemuse osas, kuid sellega on ka piiranguid. Jälle on oluline hoolikalt planeerida oma saidi struktuur. Lõppude lõpuks on teie mega menüü kasulik ainult siis, kui kõik teie saidi navigeerimisribas olevad üksused on alguses selged. Seega, enne mega menüü kasutamise valimist, veetke aega mõeldes parimale viisile oma saidi sisu esitamiseks. Allolevas tabelis on toodud peamised mega menüüde eelised ja puudused.

Mega menüü võib pakkuda palju eeliseid kasutajakogemuse osas, kuid sellega on ka piiranguid. Jälle on oluline hoolikalt planeerida oma saidi struktuur. Lõppude lõpuks on teie mega menüü kasulik ainult siis, kui kõik teie saidi navigeerimisribas olevad üksused on alguses selged. Seega, enne mega menüü kasutamise valimist, veetke aega mõeldes parimale viisile oma saidi sisu esitamiseks. Allolevas tabelis on toodud peamised mega menüüde eelised ja puudused.

Mega menüü võib pakkuda palju eeliseid kasutajakogemuse osas, kuid sellega on ka piiranguid. Jälle on oluline hoolikalt planeerida oma saidi struktuur. Lõppude lõpuks on teie mega menüü kasulik ainult siis, kui kõik teie saidi navigeerimisribas olevad üksused on alguses selged. Seega, enne mega menüü kasutamise valimist, veetke aega mõeldes parimale viisile oma saidi sisu esitamiseks. Allolevas tabelis on toodud peamised mega menüüde eelised ja puudused.

Veebidisain: 8 nõuannet rippmenüüde kasutajasõbralikumaks muutmiseks

Allpool on mõned näpunäited veebilehe navigeerimisvõimaluste kohta, mida saate kasutada oma konversioonimäärade parandamiseks. Meie kasutatavuse näpunäited aitavad muuta teie peamenüü - ja kogu teie veebipood - kasutajasõbralikumaks.

Tip #1: Planeerige oma kodulehe navigeerimine eelnevalt

Enne menüüelementide valimist on oluline planeerida iga funktsiooni ja sisu tükk teie veebilehel. Tüüpiliselt saate funktsioonid ja sisu jagada peamistesse kategooriatesse ja alamkategooriatesse. Veenduge, et annate igale kategooriale selged ja lühiütlevad nimed. Kasutajad skannivad tavaliselt menüüelemente vaid lühidalt, seega on oluline, et nad saaksid need kergesti eristada ja koheselt mõista, millele need viitavad.

Tip #2: Asetage kõige olulisemad elemendid esimesena

Menüüelemendid, mis on teie kasutajatele kõige huvitavamad, peaksid alati ilmuma teie peamenüü alguses. Kui olete näiteks SaaS-teenuse pakkuja, siis on hea idee alustada menüüd elementidega, mis veenavad külastajaid, et teie lahendus on nende jaoks sobiv. Proovige kasutada selliseid menüüelemente:

  • Miks just meie?

  • Meist

  • Hinnad

Kui haldate moe kaubamärgi veebipoodi, peaks teie menüü keskenduma teie toodetele. Lingid teistele sisule, nagu toote nõuanded või blogipostitused, peaksid ilmuma menüü lõpus. Üldiselt sõltuvad parimad viisid teie veebipõhise äri konversiooni optimeerimiseks teie tööstusharust.

Tip #3: Kasutage visuaalset struktuuri

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

Tavamenüü suudab kuvada ainult teksti lihtsas vormingus. Mega-langemenüüd, seevastu, annavad teile võimaluse esile tõsta konkreetseid menüüelemente. Näiteks võite kasutada erinevaid:

  • Teksti suurusi

  • Teksti värve

  • Kirjatüüpe

  • Ikone

See võimaldab teil lisada kõrgemat struktuuri teie langemenüü sisule. Kõik elemendid ei pea olema seotud tegeliku lehega; mõned sõnad võivad lihtsalt toimida mitteklikatavate pealkirjadena erinevatele klikatavatele alamkategooriatele.

Tip #4: Vältige täiendavate funktsioonide lisamist

Ärge lisage keerulisi interaktsioone oma langemenüüdesse, nagu uudiskirja registreerimine või valiku- ja otsinguväljad, kuna need võivad kasutajatele sageli ebasoodne mulje jätta. Viimane asi, mida soovite, on see, et teie peamenüü kujundus oleks ülekoormatud. Lisaks ilmuvad sellised elemendid sageli mitmes kohas veebilehel. Neil on suurem mõju, kui panete need lehtedele, kus need kõige paremini sobivad.

Kuid on väga tõhus, kui sisaldada navigeerimisribas üleskutse tegevusele (CTA) nuppu. Näiteks lisage nupp, mis võimaldab teie klientidel teha broneeringu või ostu ühe klikiga. Lihtsalt pidage meeles, et CTA peaks asuma peamenüü kõrval, mitte langemenüüs.

Tip #5: Valige hõljumise või klõpsamise vahel

Paljud veebilehed kasutavad langemenüüdesid, mis avanevad kohe, kui kasutaja hõlju b menüüelemendi kohal hiirega. Kui mõtlete sellele valikule, on mõned punktid, mida arvesse võtta:

  • Kõik korraga: Mega menüü peaks avanema korraga, mitte järk-järgult, ühte alamkategooria taset korraga.

  • Täiuslik ajastus: Menüü ei tohiks olla liigset tundlikku. Soovite vältida selle „sädemist”, kui kasutaja hõljub selle kohal liiga kiiresti. Samal ajal ei tohiks see reageerida liiga aeglaselt. Soovitame reageerimisaega 0,1 kuni 0,5 sekundit optimaalse kasutatavuse jaoks. Samuti on hea mõte lubada lühike paus enne menüü peitmist, juhuks kui kasutaja hülgab juhuslikult menüüst eemale. Liiga tundlik või ebamugav menüü frustrab teie kasutajaid ja võib põhjustada nende lahkumise teie saidilt.

  • MouseOut programmeerimine: Kui langemenüü on aktiveeritud, liiguvad kliendid oma kursoriga navigeerimisribast menüüsse. Kui teie sait pole õigesti programmeeritud, logib see ekslikult MouseOut sündmuse, kui hiir lahkub navigeerimisribast, mis põhjustab menüü sulgemise. Seetõttu on oluline seadistada oma menüü nii, et langemenüü kaob ainult siis, kui hiir lahkub nii navigeerimisribast kui ka langemenüüst endast.

  • Mobiiliversioon: Hõljumine ei ole võimalik nutitelefonides ega tahvelarvutites. Kui soovite oma lauaarvuti saidil kasutada hõljumise aktiveeritud langemenüüd, pidage meeles kasutada mobiiliversioonis erinevaid seadeid.

Tip #6: Jätke meelde kolme klõpsu reegel

Enamikul veebilehtedel peaks navigeerimine järgima „kolme klõpsu reeglit”. See tähendab, et teie kasutajad peaksid suutma jõuda iga teabeni teie saidil mitte enam kui kolme klõpsuga. Loomulikult on see vaid üldine suunis. Kui teil on suur, detailne veebileht, ei ole klõpsude arv nii oluline, niikaua kui sait on hästi korraldatud. Oluline on, et teie kliendid tunneksid alati, et neil on lihtne leida.

Tip #7: Kasutage mitut menüü

Paljude teabega veebilehtede jaoks võib olla kasulik lisada rohkem kui üks menüü. Võite valida langemenüü oma tootekategooriatega peamenüüks, samal ajal kui kasutate eraldi menüüd jaluses, mis sisaldab teise kategooria. See takistab teie peamenüü muutumist liiga ülekoormatud. Vaadake tabelit allpool, et näha, kuidas see välja näeb.

Tip #8: Välimus loeb

Atraktiivne menüükujundus peaks jääma sama suures, isegi kui peamenüü elemendid sisaldavad erinevat arvu alamkategooriaid. Kui teie veebileht sisaldab otsingu funktsiooni, veenduge, et langemenüü ei kataks seda, kui see on avatud.

Peaksite ka lisama väikese visuaalse vihje, et näidata, kas navigeerimisriibas olev element laieneb langemenüüsse, kui kasutaja sellele klõpsab või hõljub. Näiteks asetage menüü nime kõrvale väike nool: langemenüüde jaoks peaks nool osutama alla; fly-out'ide puhul peaks see osutama paremale. See aitab teie ostjatel instinktiivselt mõista, et nad saavad oodata rohkem teavet.

Allpool on mõned näpunäited veebilehe navigeerimisvõimaluste kohta, mida saate kasutada oma konversioonimäärade parandamiseks. Meie kasutatavuse näpunäited aitavad muuta teie peamenüü - ja kogu teie veebipood - kasutajasõbralikumaks.

Tip #1: Planeerige oma kodulehe navigeerimine eelnevalt

Enne menüüelementide valimist on oluline planeerida iga funktsiooni ja sisu tükk teie veebilehel. Tüüpiliselt saate funktsioonid ja sisu jagada peamistesse kategooriatesse ja alamkategooriatesse. Veenduge, et annate igale kategooriale selged ja lühiütlevad nimed. Kasutajad skannivad tavaliselt menüüelemente vaid lühidalt, seega on oluline, et nad saaksid need kergesti eristada ja koheselt mõista, millele need viitavad.

Tip #2: Asetage kõige olulisemad elemendid esimesena

Menüüelemendid, mis on teie kasutajatele kõige huvitavamad, peaksid alati ilmuma teie peamenüü alguses. Kui olete näiteks SaaS-teenuse pakkuja, siis on hea idee alustada menüüd elementidega, mis veenavad külastajaid, et teie lahendus on nende jaoks sobiv. Proovige kasutada selliseid menüüelemente:

  • Miks just meie?

  • Meist

  • Hinnad

Kui haldate moe kaubamärgi veebipoodi, peaks teie menüü keskenduma teie toodetele. Lingid teistele sisule, nagu toote nõuanded või blogipostitused, peaksid ilmuma menüü lõpus. Üldiselt sõltuvad parimad viisid teie veebipõhise äri konversiooni optimeerimiseks teie tööstusharust.

Tip #3: Kasutage visuaalset struktuuri

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

Tavamenüü suudab kuvada ainult teksti lihtsas vormingus. Mega-langemenüüd, seevastu, annavad teile võimaluse esile tõsta konkreetseid menüüelemente. Näiteks võite kasutada erinevaid:

  • Teksti suurusi

  • Teksti värve

  • Kirjatüüpe

  • Ikone

See võimaldab teil lisada kõrgemat struktuuri teie langemenüü sisule. Kõik elemendid ei pea olema seotud tegeliku lehega; mõned sõnad võivad lihtsalt toimida mitteklikatavate pealkirjadena erinevatele klikatavatele alamkategooriatele.

Tip #4: Vältige täiendavate funktsioonide lisamist

Ärge lisage keerulisi interaktsioone oma langemenüüdesse, nagu uudiskirja registreerimine või valiku- ja otsinguväljad, kuna need võivad kasutajatele sageli ebasoodne mulje jätta. Viimane asi, mida soovite, on see, et teie peamenüü kujundus oleks ülekoormatud. Lisaks ilmuvad sellised elemendid sageli mitmes kohas veebilehel. Neil on suurem mõju, kui panete need lehtedele, kus need kõige paremini sobivad.

Kuid on väga tõhus, kui sisaldada navigeerimisribas üleskutse tegevusele (CTA) nuppu. Näiteks lisage nupp, mis võimaldab teie klientidel teha broneeringu või ostu ühe klikiga. Lihtsalt pidage meeles, et CTA peaks asuma peamenüü kõrval, mitte langemenüüs.

Tip #5: Valige hõljumise või klõpsamise vahel

Paljud veebilehed kasutavad langemenüüdesid, mis avanevad kohe, kui kasutaja hõlju b menüüelemendi kohal hiirega. Kui mõtlete sellele valikule, on mõned punktid, mida arvesse võtta:

  • Kõik korraga: Mega menüü peaks avanema korraga, mitte järk-järgult, ühte alamkategooria taset korraga.

  • Täiuslik ajastus: Menüü ei tohiks olla liigset tundlikku. Soovite vältida selle „sädemist”, kui kasutaja hõljub selle kohal liiga kiiresti. Samal ajal ei tohiks see reageerida liiga aeglaselt. Soovitame reageerimisaega 0,1 kuni 0,5 sekundit optimaalse kasutatavuse jaoks. Samuti on hea mõte lubada lühike paus enne menüü peitmist, juhuks kui kasutaja hülgab juhuslikult menüüst eemale. Liiga tundlik või ebamugav menüü frustrab teie kasutajaid ja võib põhjustada nende lahkumise teie saidilt.

  • MouseOut programmeerimine: Kui langemenüü on aktiveeritud, liiguvad kliendid oma kursoriga navigeerimisribast menüüsse. Kui teie sait pole õigesti programmeeritud, logib see ekslikult MouseOut sündmuse, kui hiir lahkub navigeerimisribast, mis põhjustab menüü sulgemise. Seetõttu on oluline seadistada oma menüü nii, et langemenüü kaob ainult siis, kui hiir lahkub nii navigeerimisribast kui ka langemenüüst endast.

  • Mobiiliversioon: Hõljumine ei ole võimalik nutitelefonides ega tahvelarvutites. Kui soovite oma lauaarvuti saidil kasutada hõljumise aktiveeritud langemenüüd, pidage meeles kasutada mobiiliversioonis erinevaid seadeid.

Tip #6: Jätke meelde kolme klõpsu reegel

Enamikul veebilehtedel peaks navigeerimine järgima „kolme klõpsu reeglit”. See tähendab, et teie kasutajad peaksid suutma jõuda iga teabeni teie saidil mitte enam kui kolme klõpsuga. Loomulikult on see vaid üldine suunis. Kui teil on suur, detailne veebileht, ei ole klõpsude arv nii oluline, niikaua kui sait on hästi korraldatud. Oluline on, et teie kliendid tunneksid alati, et neil on lihtne leida.

Tip #7: Kasutage mitut menüü

Paljude teabega veebilehtede jaoks võib olla kasulik lisada rohkem kui üks menüü. Võite valida langemenüü oma tootekategooriatega peamenüüks, samal ajal kui kasutate eraldi menüüd jaluses, mis sisaldab teise kategooria. See takistab teie peamenüü muutumist liiga ülekoormatud. Vaadake tabelit allpool, et näha, kuidas see välja näeb.

Tip #8: Välimus loeb

Atraktiivne menüükujundus peaks jääma sama suures, isegi kui peamenüü elemendid sisaldavad erinevat arvu alamkategooriaid. Kui teie veebileht sisaldab otsingu funktsiooni, veenduge, et langemenüü ei kataks seda, kui see on avatud.

Peaksite ka lisama väikese visuaalse vihje, et näidata, kas navigeerimisriibas olev element laieneb langemenüüsse, kui kasutaja sellele klõpsab või hõljub. Näiteks asetage menüü nime kõrvale väike nool: langemenüüde jaoks peaks nool osutama alla; fly-out'ide puhul peaks see osutama paremale. See aitab teie ostjatel instinktiivselt mõista, et nad saavad oodata rohkem teavet.

Allpool on mõned näpunäited veebilehe navigeerimisvõimaluste kohta, mida saate kasutada oma konversioonimäärade parandamiseks. Meie kasutatavuse näpunäited aitavad muuta teie peamenüü - ja kogu teie veebipood - kasutajasõbralikumaks.

Tip #1: Planeerige oma kodulehe navigeerimine eelnevalt

Enne menüüelementide valimist on oluline planeerida iga funktsiooni ja sisu tükk teie veebilehel. Tüüpiliselt saate funktsioonid ja sisu jagada peamistesse kategooriatesse ja alamkategooriatesse. Veenduge, et annate igale kategooriale selged ja lühiütlevad nimed. Kasutajad skannivad tavaliselt menüüelemente vaid lühidalt, seega on oluline, et nad saaksid need kergesti eristada ja koheselt mõista, millele need viitavad.

Tip #2: Asetage kõige olulisemad elemendid esimesena

Menüüelemendid, mis on teie kasutajatele kõige huvitavamad, peaksid alati ilmuma teie peamenüü alguses. Kui olete näiteks SaaS-teenuse pakkuja, siis on hea idee alustada menüüd elementidega, mis veenavad külastajaid, et teie lahendus on nende jaoks sobiv. Proovige kasutada selliseid menüüelemente:

  • Miks just meie?

  • Meist

  • Hinnad

Kui haldate moe kaubamärgi veebipoodi, peaks teie menüü keskenduma teie toodetele. Lingid teistele sisule, nagu toote nõuanded või blogipostitused, peaksid ilmuma menüü lõpus. Üldiselt sõltuvad parimad viisid teie veebipõhise äri konversiooni optimeerimiseks teie tööstusharust.

Tip #3: Kasutage visuaalset struktuuri

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

Tavamenüü suudab kuvada ainult teksti lihtsas vormingus. Mega-langemenüüd, seevastu, annavad teile võimaluse esile tõsta konkreetseid menüüelemente. Näiteks võite kasutada erinevaid:

  • Teksti suurusi

  • Teksti värve

  • Kirjatüüpe

  • Ikone

See võimaldab teil lisada kõrgemat struktuuri teie langemenüü sisule. Kõik elemendid ei pea olema seotud tegeliku lehega; mõned sõnad võivad lihtsalt toimida mitteklikatavate pealkirjadena erinevatele klikatavatele alamkategooriatele.

Tip #4: Vältige täiendavate funktsioonide lisamist

Ärge lisage keerulisi interaktsioone oma langemenüüdesse, nagu uudiskirja registreerimine või valiku- ja otsinguväljad, kuna need võivad kasutajatele sageli ebasoodne mulje jätta. Viimane asi, mida soovite, on see, et teie peamenüü kujundus oleks ülekoormatud. Lisaks ilmuvad sellised elemendid sageli mitmes kohas veebilehel. Neil on suurem mõju, kui panete need lehtedele, kus need kõige paremini sobivad.

Kuid on väga tõhus, kui sisaldada navigeerimisribas üleskutse tegevusele (CTA) nuppu. Näiteks lisage nupp, mis võimaldab teie klientidel teha broneeringu või ostu ühe klikiga. Lihtsalt pidage meeles, et CTA peaks asuma peamenüü kõrval, mitte langemenüüs.

Tip #5: Valige hõljumise või klõpsamise vahel

Paljud veebilehed kasutavad langemenüüdesid, mis avanevad kohe, kui kasutaja hõlju b menüüelemendi kohal hiirega. Kui mõtlete sellele valikule, on mõned punktid, mida arvesse võtta:

  • Kõik korraga: Mega menüü peaks avanema korraga, mitte järk-järgult, ühte alamkategooria taset korraga.

  • Täiuslik ajastus: Menüü ei tohiks olla liigset tundlikku. Soovite vältida selle „sädemist”, kui kasutaja hõljub selle kohal liiga kiiresti. Samal ajal ei tohiks see reageerida liiga aeglaselt. Soovitame reageerimisaega 0,1 kuni 0,5 sekundit optimaalse kasutatavuse jaoks. Samuti on hea mõte lubada lühike paus enne menüü peitmist, juhuks kui kasutaja hülgab juhuslikult menüüst eemale. Liiga tundlik või ebamugav menüü frustrab teie kasutajaid ja võib põhjustada nende lahkumise teie saidilt.

  • MouseOut programmeerimine: Kui langemenüü on aktiveeritud, liiguvad kliendid oma kursoriga navigeerimisribast menüüsse. Kui teie sait pole õigesti programmeeritud, logib see ekslikult MouseOut sündmuse, kui hiir lahkub navigeerimisribast, mis põhjustab menüü sulgemise. Seetõttu on oluline seadistada oma menüü nii, et langemenüü kaob ainult siis, kui hiir lahkub nii navigeerimisribast kui ka langemenüüst endast.

  • Mobiiliversioon: Hõljumine ei ole võimalik nutitelefonides ega tahvelarvutites. Kui soovite oma lauaarvuti saidil kasutada hõljumise aktiveeritud langemenüüd, pidage meeles kasutada mobiiliversioonis erinevaid seadeid.

Tip #6: Jätke meelde kolme klõpsu reegel

Enamikul veebilehtedel peaks navigeerimine järgima „kolme klõpsu reeglit”. See tähendab, et teie kasutajad peaksid suutma jõuda iga teabeni teie saidil mitte enam kui kolme klõpsuga. Loomulikult on see vaid üldine suunis. Kui teil on suur, detailne veebileht, ei ole klõpsude arv nii oluline, niikaua kui sait on hästi korraldatud. Oluline on, et teie kliendid tunneksid alati, et neil on lihtne leida.

Tip #7: Kasutage mitut menüü

Paljude teabega veebilehtede jaoks võib olla kasulik lisada rohkem kui üks menüü. Võite valida langemenüü oma tootekategooriatega peamenüüks, samal ajal kui kasutate eraldi menüüd jaluses, mis sisaldab teise kategooria. See takistab teie peamenüü muutumist liiga ülekoormatud. Vaadake tabelit allpool, et näha, kuidas see välja näeb.

Tip #8: Välimus loeb

Atraktiivne menüükujundus peaks jääma sama suures, isegi kui peamenüü elemendid sisaldavad erinevat arvu alamkategooriaid. Kui teie veebileht sisaldab otsingu funktsiooni, veenduge, et langemenüü ei kataks seda, kui see on avatud.

Peaksite ka lisama väikese visuaalse vihje, et näidata, kas navigeerimisriibas olev element laieneb langemenüüsse, kui kasutaja sellele klõpsab või hõljub. Näiteks asetage menüü nime kõrvale väike nool: langemenüüde jaoks peaks nool osutama alla; fly-out'ide puhul peaks see osutama paremale. See aitab teie ostjatel instinktiivselt mõista, et nad saavad oodata rohkem teavet.

Allpool on mõned näpunäited veebilehe navigeerimisvõimaluste kohta, mida saate kasutada oma konversioonimäärade parandamiseks. Meie kasutatavuse näpunäited aitavad muuta teie peamenüü - ja kogu teie veebipood - kasutajasõbralikumaks.

Tip #1: Planeerige oma kodulehe navigeerimine eelnevalt

Enne menüüelementide valimist on oluline planeerida iga funktsiooni ja sisu tükk teie veebilehel. Tüüpiliselt saate funktsioonid ja sisu jagada peamistesse kategooriatesse ja alamkategooriatesse. Veenduge, et annate igale kategooriale selged ja lühiütlevad nimed. Kasutajad skannivad tavaliselt menüüelemente vaid lühidalt, seega on oluline, et nad saaksid need kergesti eristada ja koheselt mõista, millele need viitavad.

Tip #2: Asetage kõige olulisemad elemendid esimesena

Menüüelemendid, mis on teie kasutajatele kõige huvitavamad, peaksid alati ilmuma teie peamenüü alguses. Kui olete näiteks SaaS-teenuse pakkuja, siis on hea idee alustada menüüd elementidega, mis veenavad külastajaid, et teie lahendus on nende jaoks sobiv. Proovige kasutada selliseid menüüelemente:

  • Miks just meie?

  • Meist

  • Hinnad

Kui haldate moe kaubamärgi veebipoodi, peaks teie menüü keskenduma teie toodetele. Lingid teistele sisule, nagu toote nõuanded või blogipostitused, peaksid ilmuma menüü lõpus. Üldiselt sõltuvad parimad viisid teie veebipõhise äri konversiooni optimeerimiseks teie tööstusharust.

Tip #3: Kasutage visuaalset struktuuri

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

Tavamenüü suudab kuvada ainult teksti lihtsas vormingus. Mega-langemenüüd, seevastu, annavad teile võimaluse esile tõsta konkreetseid menüüelemente. Näiteks võite kasutada erinevaid:

  • Teksti suurusi

  • Teksti värve

  • Kirjatüüpe

  • Ikone

See võimaldab teil lisada kõrgemat struktuuri teie langemenüü sisule. Kõik elemendid ei pea olema seotud tegeliku lehega; mõned sõnad võivad lihtsalt toimida mitteklikatavate pealkirjadena erinevatele klikatavatele alamkategooriatele.

Tip #4: Vältige täiendavate funktsioonide lisamist

Ärge lisage keerulisi interaktsioone oma langemenüüdesse, nagu uudiskirja registreerimine või valiku- ja otsinguväljad, kuna need võivad kasutajatele sageli ebasoodne mulje jätta. Viimane asi, mida soovite, on see, et teie peamenüü kujundus oleks ülekoormatud. Lisaks ilmuvad sellised elemendid sageli mitmes kohas veebilehel. Neil on suurem mõju, kui panete need lehtedele, kus need kõige paremini sobivad.

Kuid on väga tõhus, kui sisaldada navigeerimisribas üleskutse tegevusele (CTA) nuppu. Näiteks lisage nupp, mis võimaldab teie klientidel teha broneeringu või ostu ühe klikiga. Lihtsalt pidage meeles, et CTA peaks asuma peamenüü kõrval, mitte langemenüüs.

Tip #5: Valige hõljumise või klõpsamise vahel

Paljud veebilehed kasutavad langemenüüdesid, mis avanevad kohe, kui kasutaja hõlju b menüüelemendi kohal hiirega. Kui mõtlete sellele valikule, on mõned punktid, mida arvesse võtta:

  • Kõik korraga: Mega menüü peaks avanema korraga, mitte järk-järgult, ühte alamkategooria taset korraga.

  • Täiuslik ajastus: Menüü ei tohiks olla liigset tundlikku. Soovite vältida selle „sädemist”, kui kasutaja hõljub selle kohal liiga kiiresti. Samal ajal ei tohiks see reageerida liiga aeglaselt. Soovitame reageerimisaega 0,1 kuni 0,5 sekundit optimaalse kasutatavuse jaoks. Samuti on hea mõte lubada lühike paus enne menüü peitmist, juhuks kui kasutaja hülgab juhuslikult menüüst eemale. Liiga tundlik või ebamugav menüü frustrab teie kasutajaid ja võib põhjustada nende lahkumise teie saidilt.

  • MouseOut programmeerimine: Kui langemenüü on aktiveeritud, liiguvad kliendid oma kursoriga navigeerimisribast menüüsse. Kui teie sait pole õigesti programmeeritud, logib see ekslikult MouseOut sündmuse, kui hiir lahkub navigeerimisribast, mis põhjustab menüü sulgemise. Seetõttu on oluline seadistada oma menüü nii, et langemenüü kaob ainult siis, kui hiir lahkub nii navigeerimisribast kui ka langemenüüst endast.

  • Mobiiliversioon: Hõljumine ei ole võimalik nutitelefonides ega tahvelarvutites. Kui soovite oma lauaarvuti saidil kasutada hõljumise aktiveeritud langemenüüd, pidage meeles kasutada mobiiliversioonis erinevaid seadeid.

Tip #6: Jätke meelde kolme klõpsu reegel

Enamikul veebilehtedel peaks navigeerimine järgima „kolme klõpsu reeglit”. See tähendab, et teie kasutajad peaksid suutma jõuda iga teabeni teie saidil mitte enam kui kolme klõpsuga. Loomulikult on see vaid üldine suunis. Kui teil on suur, detailne veebileht, ei ole klõpsude arv nii oluline, niikaua kui sait on hästi korraldatud. Oluline on, et teie kliendid tunneksid alati, et neil on lihtne leida.

Tip #7: Kasutage mitut menüü

Paljude teabega veebilehtede jaoks võib olla kasulik lisada rohkem kui üks menüü. Võite valida langemenüü oma tootekategooriatega peamenüüks, samal ajal kui kasutate eraldi menüüd jaluses, mis sisaldab teise kategooria. See takistab teie peamenüü muutumist liiga ülekoormatud. Vaadake tabelit allpool, et näha, kuidas see välja näeb.

Tip #8: Välimus loeb

Atraktiivne menüükujundus peaks jääma sama suures, isegi kui peamenüü elemendid sisaldavad erinevat arvu alamkategooriaid. Kui teie veebileht sisaldab otsingu funktsiooni, veenduge, et langemenüü ei kataks seda, kui see on avatud.

Peaksite ka lisama väikese visuaalse vihje, et näidata, kas navigeerimisriibas olev element laieneb langemenüüsse, kui kasutaja sellele klõpsab või hõljub. Näiteks asetage menüü nime kõrvale väike nool: langemenüüde jaoks peaks nool osutama alla; fly-out'ide puhul peaks see osutama paremale. See aitab teie ostjatel instinktiivselt mõista, et nad saavad oodata rohkem teavet.

Mobiilne kaubandus: Sinu veebipoe lihtne navigeerimine nutitelefonil

Kliendid kasutavad üha enam oma nutitelefone kaupade veebist tellimiseks. See tähendab, et on oluline hoida mobiilseid ostlejaid silmas, kui valid oma veebipoe menüüvalikuid. Ei peeta enam heaks ideeks peita teatud menüüelemente oma mobiiliversioonis. Lõppude lõpuks, kas mobiilkasutajad ei oota, et neil oleks juurdepääs sama teabele nagu lauakasutajatel? Vaatame mõningaid kasutajasõbralikke valikuid, et muuta veebisaidil navigeerimine mobiilseadmes lihtsamaks.

'Mitte midagi ei tee' lähenemine

Lihtsaim viis oma mobiilisaidi navigeerimise kujundamiseks on teha see peaaegu identseks sinu lauaarvuti saidiga. Pead tegema vaid mõned väikesed muudatused, et kasutajad saaksid menüüelementidele kergemini ekraanidel puudutada. Näiteks:

  • Suurema vahe tegemine individuaalsete navigeerimise elementide vahel. 

  • Vali sobiv teksti suurus. 

Kuid see lähenemine töötab tõeliselt vaid veebisaitide jaoks, millel on lühikesed menüüd ja vähe navigeerimisvõimalusi. Suuremate veebisaitide jaoks on mitme tasandi mobiilne navigeerimiskujundus kasutajasõbralikum valik.

Pudeli menüüd

Pudeli menüüd võimaldavad sul pakkuda kõiki samu valikuid nagu sinu lauaarvuti veebisaidil paigutuses, mis sobib paremini mobiilseks ostmiseks. Kui kasutaja puudutab menüüelementi, laienevad nende navigeerimisvõimalused sisu peale. Seetõttu tuntakse seda tüüpi menüüd mobiilsete veebisaitide jaoks ka kui katte menüüd.

Libisevad menüüd

Mobiilsete saitide jaoks on libisevad menüüd mugavam menüü tüüp kui pudeli menüüd. Kui libisev menüü avaneb, ei kata see lehe sisu, vaid nihutab selle allapoole. See võimaldab kliendil jätkuvalt alla kerida ja sisu näha, kui nad soovivad, isegi kui menüü on avatud. Seda tüüpi menüü programmeerimine on veidi keerulisem, kuid see on kasutajate seas väga populaarne.

Off-canvas navigeerimine

Selle valikuga ei ole menüü integreeritud lehe paigutusse, seega ei võta see ekraanil ruumi. Kasutaja peab lihtsalt puudutama menüü nuppu, et avada menüü, mis katab ülejäänud lehe. Siis on veebisaidi navigeerimistruktuur ainus asi ekraanil. See on eriti hea valik saitide jaoks, millel on palju alajaotusi, mida navigeerida.

Kliendid kasutavad üha enam oma nutitelefone kaupade veebist tellimiseks. See tähendab, et on oluline hoida mobiilseid ostlejaid silmas, kui valid oma veebipoe menüüvalikuid. Ei peeta enam heaks ideeks peita teatud menüüelemente oma mobiiliversioonis. Lõppude lõpuks, kas mobiilkasutajad ei oota, et neil oleks juurdepääs sama teabele nagu lauakasutajatel? Vaatame mõningaid kasutajasõbralikke valikuid, et muuta veebisaidil navigeerimine mobiilseadmes lihtsamaks.

'Mitte midagi ei tee' lähenemine

Lihtsaim viis oma mobiilisaidi navigeerimise kujundamiseks on teha see peaaegu identseks sinu lauaarvuti saidiga. Pead tegema vaid mõned väikesed muudatused, et kasutajad saaksid menüüelementidele kergemini ekraanidel puudutada. Näiteks:

  • Suurema vahe tegemine individuaalsete navigeerimise elementide vahel. 

  • Vali sobiv teksti suurus. 

Kuid see lähenemine töötab tõeliselt vaid veebisaitide jaoks, millel on lühikesed menüüd ja vähe navigeerimisvõimalusi. Suuremate veebisaitide jaoks on mitme tasandi mobiilne navigeerimiskujundus kasutajasõbralikum valik.

Pudeli menüüd

Pudeli menüüd võimaldavad sul pakkuda kõiki samu valikuid nagu sinu lauaarvuti veebisaidil paigutuses, mis sobib paremini mobiilseks ostmiseks. Kui kasutaja puudutab menüüelementi, laienevad nende navigeerimisvõimalused sisu peale. Seetõttu tuntakse seda tüüpi menüüd mobiilsete veebisaitide jaoks ka kui katte menüüd.

Libisevad menüüd

Mobiilsete saitide jaoks on libisevad menüüd mugavam menüü tüüp kui pudeli menüüd. Kui libisev menüü avaneb, ei kata see lehe sisu, vaid nihutab selle allapoole. See võimaldab kliendil jätkuvalt alla kerida ja sisu näha, kui nad soovivad, isegi kui menüü on avatud. Seda tüüpi menüü programmeerimine on veidi keerulisem, kuid see on kasutajate seas väga populaarne.

Off-canvas navigeerimine

Selle valikuga ei ole menüü integreeritud lehe paigutusse, seega ei võta see ekraanil ruumi. Kasutaja peab lihtsalt puudutama menüü nuppu, et avada menüü, mis katab ülejäänud lehe. Siis on veebisaidi navigeerimistruktuur ainus asi ekraanil. See on eriti hea valik saitide jaoks, millel on palju alajaotusi, mida navigeerida.

Kliendid kasutavad üha enam oma nutitelefone kaupade veebist tellimiseks. See tähendab, et on oluline hoida mobiilseid ostlejaid silmas, kui valid oma veebipoe menüüvalikuid. Ei peeta enam heaks ideeks peita teatud menüüelemente oma mobiiliversioonis. Lõppude lõpuks, kas mobiilkasutajad ei oota, et neil oleks juurdepääs sama teabele nagu lauakasutajatel? Vaatame mõningaid kasutajasõbralikke valikuid, et muuta veebisaidil navigeerimine mobiilseadmes lihtsamaks.

'Mitte midagi ei tee' lähenemine

Lihtsaim viis oma mobiilisaidi navigeerimise kujundamiseks on teha see peaaegu identseks sinu lauaarvuti saidiga. Pead tegema vaid mõned väikesed muudatused, et kasutajad saaksid menüüelementidele kergemini ekraanidel puudutada. Näiteks:

  • Suurema vahe tegemine individuaalsete navigeerimise elementide vahel. 

  • Vali sobiv teksti suurus. 

Kuid see lähenemine töötab tõeliselt vaid veebisaitide jaoks, millel on lühikesed menüüd ja vähe navigeerimisvõimalusi. Suuremate veebisaitide jaoks on mitme tasandi mobiilne navigeerimiskujundus kasutajasõbralikum valik.

Pudeli menüüd

Pudeli menüüd võimaldavad sul pakkuda kõiki samu valikuid nagu sinu lauaarvuti veebisaidil paigutuses, mis sobib paremini mobiilseks ostmiseks. Kui kasutaja puudutab menüüelementi, laienevad nende navigeerimisvõimalused sisu peale. Seetõttu tuntakse seda tüüpi menüüd mobiilsete veebisaitide jaoks ka kui katte menüüd.

Libisevad menüüd

Mobiilsete saitide jaoks on libisevad menüüd mugavam menüü tüüp kui pudeli menüüd. Kui libisev menüü avaneb, ei kata see lehe sisu, vaid nihutab selle allapoole. See võimaldab kliendil jätkuvalt alla kerida ja sisu näha, kui nad soovivad, isegi kui menüü on avatud. Seda tüüpi menüü programmeerimine on veidi keerulisem, kuid see on kasutajate seas väga populaarne.

Off-canvas navigeerimine

Selle valikuga ei ole menüü integreeritud lehe paigutusse, seega ei võta see ekraanil ruumi. Kasutaja peab lihtsalt puudutama menüü nuppu, et avada menüü, mis katab ülejäänud lehe. Siis on veebisaidi navigeerimistruktuur ainus asi ekraanil. See on eriti hea valik saitide jaoks, millel on palju alajaotusi, mida navigeerida.

Kliendid kasutavad üha enam oma nutitelefone kaupade veebist tellimiseks. See tähendab, et on oluline hoida mobiilseid ostlejaid silmas, kui valid oma veebipoe menüüvalikuid. Ei peeta enam heaks ideeks peita teatud menüüelemente oma mobiiliversioonis. Lõppude lõpuks, kas mobiilkasutajad ei oota, et neil oleks juurdepääs sama teabele nagu lauakasutajatel? Vaatame mõningaid kasutajasõbralikke valikuid, et muuta veebisaidil navigeerimine mobiilseadmes lihtsamaks.

'Mitte midagi ei tee' lähenemine

Lihtsaim viis oma mobiilisaidi navigeerimise kujundamiseks on teha see peaaegu identseks sinu lauaarvuti saidiga. Pead tegema vaid mõned väikesed muudatused, et kasutajad saaksid menüüelementidele kergemini ekraanidel puudutada. Näiteks:

  • Suurema vahe tegemine individuaalsete navigeerimise elementide vahel. 

  • Vali sobiv teksti suurus. 

Kuid see lähenemine töötab tõeliselt vaid veebisaitide jaoks, millel on lühikesed menüüd ja vähe navigeerimisvõimalusi. Suuremate veebisaitide jaoks on mitme tasandi mobiilne navigeerimiskujundus kasutajasõbralikum valik.

Pudeli menüüd

Pudeli menüüd võimaldavad sul pakkuda kõiki samu valikuid nagu sinu lauaarvuti veebisaidil paigutuses, mis sobib paremini mobiilseks ostmiseks. Kui kasutaja puudutab menüüelementi, laienevad nende navigeerimisvõimalused sisu peale. Seetõttu tuntakse seda tüüpi menüüd mobiilsete veebisaitide jaoks ka kui katte menüüd.

Libisevad menüüd

Mobiilsete saitide jaoks on libisevad menüüd mugavam menüü tüüp kui pudeli menüüd. Kui libisev menüü avaneb, ei kata see lehe sisu, vaid nihutab selle allapoole. See võimaldab kliendil jätkuvalt alla kerida ja sisu näha, kui nad soovivad, isegi kui menüü on avatud. Seda tüüpi menüü programmeerimine on veidi keerulisem, kuid see on kasutajate seas väga populaarne.

Off-canvas navigeerimine

Selle valikuga ei ole menüü integreeritud lehe paigutusse, seega ei võta see ekraanil ruumi. Kasutaja peab lihtsalt puudutama menüü nuppu, et avada menüü, mis katab ülejäänud lehe. Siis on veebisaidi navigeerimistruktuur ainus asi ekraanil. See on eriti hea valik saitide jaoks, millel on palju alajaotusi, mida navigeerida.

Järeldus: Kui lihtne on sinu veebipoes navigeerida?

Sinu veebipoe jaoks kasutajasõbraliku menüü loomiseks on palju valikuid. Sõltuvalt sellest, millist poodisüsteemi kasutate, saate valida mitme navigeerimise disaini vahel. Ükskõik, millise valiku teed, on oluline alustada oma saidi sisu selgest struktuurimisest algusest peale. Kui teil on suur tootevalik, on sinu parim valik kasutada maanduvaid menüüsid töölauaveebisaidil ja maanduvaid menüüsid mobiilversioonis. Kasutage allolevat kontrollnimekirja, et veenduda, et sa ei unusta ühtegi meie näpunäidet, kui projekteerid oma veebisaidi navigeerimismenüüd.

Kasutajasõbralike maanduvate menüüde loomise kontrollnimekiri

  1. Kategooriate nimed on lühikesed ja kergesti mõistetavad.

  2. Peamised kategooriad on järjestatud vastavalt sellele, kui asjakohased nad on kasutajale.

  3. Menüü nime kõrval on visualiseerimise vihje (nt väike nooleke), mis näitab, et menüü avab alla.

  4. Maanduv menüü avaneb 0,1–0,5 sekundi jooksul, kui kasutaja selle hoverdab navigeerimisribale.

  5. Maanduv menüü avaneb täielikult algusest peale. Kliendid ei pea kategooriale klikkima, et näha selle alajaotusi.

  6. Visualiseerimise vihjed, näiteks ikoonid ja erinevad teksti värvid, on kasutatud, et muuta avatud maanduv menüü kergemaks navigeerida.

  7. Menüü ei sulgu, kui kasutaja liigub kursoriga navigeerimisribalt avatud maanduvasse menüüsse.

  8. Maanduvad menüüed on kõik sama suurusega, olenemata sellest, kui palju alajaotusi nad sisaldavad.

  9. Maanduvates menüüs ei ole interaktiivseid funktsioone (nt uudiskirjade registreerimine).

  10. Avatud maanduv menüü ei kata otsinguvälja ega muid olulisi sisu.

  11. Teised funktsioonid on eraldi menüüs loetletud (näiteks jaluses).

Hoia end kursis

Ära jää kunagi uuendustest ilma. Saa tooteteavitused, uudised ja kliendilood otse oma postkasti.

Hoia end kursis

Ära jää kunagi uuendustest ilma. Saa tooteteavitused, uudised ja kliendilood otse oma postkasti.

Ühenda iga makse. Täienda iga osa oma ettevõttest.

Ära jää kunagi uuendustest ilma. Saa tooteteavitused, uudised ja kliendilood otse oma postkasti.

Hoia end kursis

Ära jää kunagi uuendustest ilma. Saa tooteteavitused, uudised ja kliendilood otse oma postkasti.

Form fields
Form fields
Form fields

Sisukord

Sisukord

Sisukord

Sisukord

MollieKasvRippmenüü:Millised navigeerimise tüübid parandavad sinu saidi konversioonimäära?
MollieKasvRippmenüü:Millised navigeerimise tüübid parandavad sinu saidi konversioonimäära?
MollieKasvRippmenüü:Millised navigeerimise tüübid parandavad sinu saidi konversioonimäära?