Išskleidžiami meniu: Kokių tipų navigacija pagerina jūsų svetainės konversijos rodiklį?

Šiame straipsnyje pateiksime 8 patarimus, kaip optimizuoti jūsų internetinės parduotuvės išskleidžiamuosius meniu ir padaryti, kad jūsų svetainė būtų dar patogesnė naršyti.

Šiame straipsnyje pateiksime 8 patarimus, kaip optimizuoti jūsų internetinės parduotuvės išskleidžiamuosius meniu ir padaryti, kad jūsų svetainė būtų dar patogesnė naršyti.

2021-04-28

Nick Knuppe

Produkto rinkodaros vadovas

Sunki įsivaizduoti elektroninę prekybą be išskleidžiamųjų menių; jie yra tokia svarbi svetainių dizaino funkcija beveik bet kokio tipo svetainei. Vis dėlto, nustebinta, kad nedaugelis e-prekeivių meistriškai valdo menių kūrimo meną, kad jie būtų iš tiesų patogūs vartotojui. Šiame straipsnyje aptarsime galimybes, kaip sukurti efektyvius svetainės navigacijos menius, tiek kompiuteryje, tiek mobiliajame. Pateiksime 8 patarimus, kaip optimizuoti jūsų el. parduotuvės išskleidžiamuosius menius ir padaryti jūsų svetainę dar lengviau naršyti. 

Sunki įsivaizduoti elektroninę prekybą be išskleidžiamųjų menių; jie yra tokia svarbi svetainių dizaino funkcija beveik bet kokio tipo svetainei. Vis dėlto, nustebinta, kad nedaugelis e-prekeivių meistriškai valdo menių kūrimo meną, kad jie būtų iš tiesų patogūs vartotojui. Šiame straipsnyje aptarsime galimybes, kaip sukurti efektyvius svetainės navigacijos menius, tiek kompiuteryje, tiek mobiliajame. Pateiksime 8 patarimus, kaip optimizuoti jūsų el. parduotuvės išskleidžiamuosius menius ir padaryti jūsų svetainę dar lengviau naršyti. 

Sunki įsivaizduoti elektroninę prekybą be išskleidžiamųjų menių; jie yra tokia svarbi svetainių dizaino funkcija beveik bet kokio tipo svetainei. Vis dėlto, nustebinta, kad nedaugelis e-prekeivių meistriškai valdo menių kūrimo meną, kad jie būtų iš tiesų patogūs vartotojui. Šiame straipsnyje aptarsime galimybes, kaip sukurti efektyvius svetainės navigacijos menius, tiek kompiuteryje, tiek mobiliajame. Pateiksime 8 patarimus, kaip optimizuoti jūsų el. parduotuvės išskleidžiamuosius menius ir padaryti jūsų svetainę dar lengviau naršyti. 

Sunki įsivaizduoti elektroninę prekybą be išskleidžiamųjų menių; jie yra tokia svarbi svetainių dizaino funkcija beveik bet kokio tipo svetainei. Vis dėlto, nustebinta, kad nedaugelis e-prekeivių meistriškai valdo menių kūrimo meną, kad jie būtų iš tiesų patogūs vartotojui. Šiame straipsnyje aptarsime galimybes, kaip sukurti efektyvius svetainės navigacijos menius, tiek kompiuteryje, tiek mobiliajame. Pateiksime 8 patarimus, kaip optimizuoti jūsų el. parduotuvės išskleidžiamuosius menius ir padaryti jūsų svetainę dar lengviau naršyti. 

Kas yra svetainės navigacija?

Jūsų svetainės navigacijos juosta padeda jūsų klientams lengviau rasti kelią. Ji turi nuorodas, kurios veda jūsų vartotojus į svarbiausias svetainės kategorijas. Todėl ji taip pat vadinama „reaktyviu meniu“. 

Tačiau svetainės navigacija tuo nesibaigia. Kai kurios kitos įprastos svetainės navigacijos savybės apima:

  • Pagrindinis meniu, kuriame išvardyti visi svetainės turiniai pagal hierarchines kategorijas.

  • Naudingas navigacija, kuri susideda iš nuorodų į naudingas antrines funkcijas, tokias kaip pirkinių krepšelis ar vartotojų prisijungimas.

  • Filtrai, kurie leidžia klientui siaurinti paieškos rezultatus.

  • Puslapio nuorodos, kurios rodo klientams, kurioje puslapio dalyje jie yra svetainės navigacijos struktūroje.

  • Puslapio apačios navigacija, kuri paprastai apima naudingas nuorodas į turinio puslapius, pavyzdžiui, „Apie mus“ puslapį ir jūsų svetainės teisinį pranešimą.

Jūsų svetainės navigacijos juosta padeda jūsų klientams lengviau rasti kelią. Ji turi nuorodas, kurios veda jūsų vartotojus į svarbiausias svetainės kategorijas. Todėl ji taip pat vadinama „reaktyviu meniu“. 

Tačiau svetainės navigacija tuo nesibaigia. Kai kurios kitos įprastos svetainės navigacijos savybės apima:

  • Pagrindinis meniu, kuriame išvardyti visi svetainės turiniai pagal hierarchines kategorijas.

  • Naudingas navigacija, kuri susideda iš nuorodų į naudingas antrines funkcijas, tokias kaip pirkinių krepšelis ar vartotojų prisijungimas.

  • Filtrai, kurie leidžia klientui siaurinti paieškos rezultatus.

  • Puslapio nuorodos, kurios rodo klientams, kurioje puslapio dalyje jie yra svetainės navigacijos struktūroje.

  • Puslapio apačios navigacija, kuri paprastai apima naudingas nuorodas į turinio puslapius, pavyzdžiui, „Apie mus“ puslapį ir jūsų svetainės teisinį pranešimą.

Jūsų svetainės navigacijos juosta padeda jūsų klientams lengviau rasti kelią. Ji turi nuorodas, kurios veda jūsų vartotojus į svarbiausias svetainės kategorijas. Todėl ji taip pat vadinama „reaktyviu meniu“. 

Tačiau svetainės navigacija tuo nesibaigia. Kai kurios kitos įprastos svetainės navigacijos savybės apima:

  • Pagrindinis meniu, kuriame išvardyti visi svetainės turiniai pagal hierarchines kategorijas.

  • Naudingas navigacija, kuri susideda iš nuorodų į naudingas antrines funkcijas, tokias kaip pirkinių krepšelis ar vartotojų prisijungimas.

  • Filtrai, kurie leidžia klientui siaurinti paieškos rezultatus.

  • Puslapio nuorodos, kurios rodo klientams, kurioje puslapio dalyje jie yra svetainės navigacijos struktūroje.

  • Puslapio apačios navigacija, kuri paprastai apima naudingas nuorodas į turinio puslapius, pavyzdžiui, „Apie mus“ puslapį ir jūsų svetainės teisinį pranešimą.

Jūsų svetainės navigacijos juosta padeda jūsų klientams lengviau rasti kelią. Ji turi nuorodas, kurios veda jūsų vartotojus į svarbiausias svetainės kategorijas. Todėl ji taip pat vadinama „reaktyviu meniu“. 

Tačiau svetainės navigacija tuo nesibaigia. Kai kurios kitos įprastos svetainės navigacijos savybės apima:

  • Pagrindinis meniu, kuriame išvardyti visi svetainės turiniai pagal hierarchines kategorijas.

  • Naudingas navigacija, kuri susideda iš nuorodų į naudingas antrines funkcijas, tokias kaip pirkinių krepšelis ar vartotojų prisijungimas.

  • Filtrai, kurie leidžia klientui siaurinti paieškos rezultatus.

  • Puslapio nuorodos, kurios rodo klientams, kurioje puslapio dalyje jie yra svetainės navigacijos struktūroje.

  • Puslapio apačios navigacija, kuri paprastai apima naudingas nuorodas į turinio puslapius, pavyzdžiui, „Apie mus“ puslapį ir jūsų svetainės teisinį pranešimą.

Kaip gera svetainės navigacija padeda pagerinti konversiją el. prekyboje?

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

Teigiamo vartotojo patirties (UX) suteikimas yra toks pat svarbus elektroninės prekybos prekiautojui, kaip ir fiziniam verslui. Tai reiškia, kad klientams turi būti lengva rasti savo kelią po jūsų svetainę. Nuo pat sekundės, kai jie atvyksta į jūsų svetainę, jie turi matyti aiškią svarbiausios informacijos apžvalgą, kad galėtų greitai rasti tai, ko ieško. Štai kodėl svarbu siūlyti praktiškus, lengvai naudojamus meniu jūsų internetinėje parduotuvėje. Leisdami klientams intuityviai rasti visą reikalingą turinį ir funkcijas, jūs padidinate tikimybę, kad sudarysite pardavimą.

Priešingai, jei jūsų svetainė yra paini arba sunkiai naršoma, klientai greičiausiai paspaus ir ieškos kitur. Tai didina jūsų atsisakymo rodiklį ir mažina konversiją. Žemiau parodysime, kaip sukurti geresnę UX naudojant išskleidžiamuosius meniu ir kitas navigacijos parinktis, kad galėtumėte optimizuoti jūsų internetinės parduotuvės konversijų rodiklį.

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

Teigiamo vartotojo patirties (UX) suteikimas yra toks pat svarbus elektroninės prekybos prekiautojui, kaip ir fiziniam verslui. Tai reiškia, kad klientams turi būti lengva rasti savo kelią po jūsų svetainę. Nuo pat sekundės, kai jie atvyksta į jūsų svetainę, jie turi matyti aiškią svarbiausios informacijos apžvalgą, kad galėtų greitai rasti tai, ko ieško. Štai kodėl svarbu siūlyti praktiškus, lengvai naudojamus meniu jūsų internetinėje parduotuvėje. Leisdami klientams intuityviai rasti visą reikalingą turinį ir funkcijas, jūs padidinate tikimybę, kad sudarysite pardavimą.

Priešingai, jei jūsų svetainė yra paini arba sunkiai naršoma, klientai greičiausiai paspaus ir ieškos kitur. Tai didina jūsų atsisakymo rodiklį ir mažina konversiją. Žemiau parodysime, kaip sukurti geresnę UX naudojant išskleidžiamuosius meniu ir kitas navigacijos parinktis, kad galėtumėte optimizuoti jūsų internetinės parduotuvės konversijų rodiklį.

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

Teigiamo vartotojo patirties (UX) suteikimas yra toks pat svarbus elektroninės prekybos prekiautojui, kaip ir fiziniam verslui. Tai reiškia, kad klientams turi būti lengva rasti savo kelią po jūsų svetainę. Nuo pat sekundės, kai jie atvyksta į jūsų svetainę, jie turi matyti aiškią svarbiausios informacijos apžvalgą, kad galėtų greitai rasti tai, ko ieško. Štai kodėl svarbu siūlyti praktiškus, lengvai naudojamus meniu jūsų internetinėje parduotuvėje. Leisdami klientams intuityviai rasti visą reikalingą turinį ir funkcijas, jūs padidinate tikimybę, kad sudarysite pardavimą.

Priešingai, jei jūsų svetainė yra paini arba sunkiai naršoma, klientai greičiausiai paspaus ir ieškos kitur. Tai didina jūsų atsisakymo rodiklį ir mažina konversiją. Žemiau parodysime, kaip sukurti geresnę UX naudojant išskleidžiamuosius meniu ir kitas navigacijos parinktis, kad galėtumėte optimizuoti jūsų internetinės parduotuvės konversijų rodiklį.

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

Teigiamo vartotojo patirties (UX) suteikimas yra toks pat svarbus elektroninės prekybos prekiautojui, kaip ir fiziniam verslui. Tai reiškia, kad klientams turi būti lengva rasti savo kelią po jūsų svetainę. Nuo pat sekundės, kai jie atvyksta į jūsų svetainę, jie turi matyti aiškią svarbiausios informacijos apžvalgą, kad galėtų greitai rasti tai, ko ieško. Štai kodėl svarbu siūlyti praktiškus, lengvai naudojamus meniu jūsų internetinėje parduotuvėje. Leisdami klientams intuityviai rasti visą reikalingą turinį ir funkcijas, jūs padidinate tikimybę, kad sudarysite pardavimą.

Priešingai, jei jūsų svetainė yra paini arba sunkiai naršoma, klientai greičiausiai paspaus ir ieškos kitur. Tai didina jūsų atsisakymo rodiklį ir mažina konversiją. Žemiau parodysime, kaip sukurti geresnę UX naudojant išskleidžiamuosius meniu ir kitas navigacijos parinktis, kad galėtumėte optimizuoti jūsų internetinės parduotuvės konversijų rodiklį.

Tinkamo pagrindinio meniu tipo pasirinkimas: Kuriuos variantus turite?

Kur statote svetainę savo el. prekybos verslui, vienas pirmųjų sprendimų, kuriuos turite priimti, yra tai, ar rodyti savo svetainės pagrindinį meniu vertikaliai, ar horizontaliai.

  • Vertikalus meniu eina palei kairę puslapio pusę, nuo viršaus iki apačios.

  • Horizontalus meniu eina viršuje, nuo kairės iki dešinės.

Su horizontaliniu menu erdvė yra apribota ekrano pločio. Štai kodėl jis dažnai apima tik trumpus raktinius žodžius. Priešingai, jūs galite padaryti vertikalų meniu tiek išsamų, kiek norite. Tiesiog nepamirškite: geriausia apriboti pagrindinį meniu svarbiausiomis kategorijomis, kad jūsų klientams būtų aišku. 

Žemiau mes aprašome keletą dažnų pagrindinio meniu dizaino tipų. Dauguma jų gali būti išdėstyti tiek vertikaliai, tiek horizontaliai ekrane.

Statinė navigacija

Choosing the right main menu type - static menu

Su statine navigacija (dar vadinama „fiksuota antrašte“ arba „klijuotu menu“) pagrindinis meniu nuolat matomas. Tai reiškia, kad jis lieka ekrane, net kai vartotojas slenka žemyn puslapiu. Privalumas yra tas, kad vartotojui nereikia slinkti atgal į puslapio viršų, kai jis nori pereiti prie kito meniu punkto. Jei norite naudoti fiksuotą antraštę, įsitikinkite, kad ji neužima per daug vietos. Priešingu atveju gali būti paslėptas kitas naudingas turinys ekrane, kai vartotojas slenka žemyn.

Interaktyvi navigacija

Interaktyvi navigacija paprastai nėra labai geras pasirinkimas internetinėms parduotuvėms. Su šiuo navigacijos tipu nėra nuorodų, kurios vestų jūsų vartotojus iš A į B. Vietoj to, svetainės naršymas laikomas patirties dalimi. Interaktyvūs elementai žaidybiškai užtikrina navigacijos patirtį, įtraukdami vartotoją nuo vienos skilties ar subdomeno iki kitos, kol jie peržiūri visą turinį.

Hamburgerių meniu

Choosing the right main menu type - Hamburger menu

Hamburgerių (arba burberio) meniu taip pat žinomas kaip perjungimo meniu arba „off-canvas“ meniu. Jis buvo specialiai sukurtas reaguojant į sparčią išmaniųjų telefonų naudojimo plėtrą. Hamburgerių meniu lengvai atpažįstamas pagal mygtuką su trimis horizontaliomis linijomis, kuris paprastai pasirodo viršutiniame dešiniajame arba viršutiniame kairiajame svetainės kampe. Šios linijos šiek tiek primena hamburgerį, todėl šis meniu gavo savo pavadinimą. 

Jei jūsų svetainė naudoja hamburgerių meniu, tai vartotojai pirmiausia matys tik svetainės turinį ir hamburgerių meniu mygtuką. Kai vartotojas paspaudžia mygtuką, pagrindinis meniu pasirodys visame jų ekrane, pateikdamas visus pasirinkimus, kaip naršyti jūsų svetainėje. 

Šio tipo meniu taip pat vis dažniau pasitaiko kompiuterinėse svetainėse, tačiau tai reiškia, kad vartotojams reikia paspausti papildomą mygtuką, kad pamatytų meniu. Štai kodėl hamburgerių meniu pirmiausia rekomenduojama tik mobiliajai svetainės versijai.

Iškylanti meniu

Choosing the right main menu type - Drop-down menus

Dažniausias meniu tipas el. prekybos svetainėse yra reaguojantys iškylantys meniu. Jie pirmiausia rodo pagrindinį meniu, kuris apima tik pagrindines kategorijas. Kai vartotojas spustelėja arba užlaiko pelės žymeklį virš meniu elemento, sąrašas išsiplės, kad parodytų papildomas subkategorijas. Galite pridėti tiek daug iškylamų subkategorijų, kiek norite. Tačiau geriausia turėti ne daugiau kaip dvi. Jei jūsų produktų asortimentas toks platus, kad jums reikia daugiau nei dviejų iškylamų lygių, turite mega meniu (žr. žemiau).

Horizontalus iškylantis meniu kartais vadinamas traukimo meniu. Vertikalus iškylantis meniu kartais vadinamas naudojimo meniu. Abu išplėčiamų meniu tipai užtikrina aukštą naudojamumą jūsų klientams. Jei nuspręsite naudoti iškylantį meniu, pirmiausia pagalvokite, kaip norite struktūrizuoti svetainės turinį. Priešingu atveju meniu gali greitai tapti perpildytu ir sunkiai naudojamu.

Kur statote svetainę savo el. prekybos verslui, vienas pirmųjų sprendimų, kuriuos turite priimti, yra tai, ar rodyti savo svetainės pagrindinį meniu vertikaliai, ar horizontaliai.

  • Vertikalus meniu eina palei kairę puslapio pusę, nuo viršaus iki apačios.

  • Horizontalus meniu eina viršuje, nuo kairės iki dešinės.

Su horizontaliniu menu erdvė yra apribota ekrano pločio. Štai kodėl jis dažnai apima tik trumpus raktinius žodžius. Priešingai, jūs galite padaryti vertikalų meniu tiek išsamų, kiek norite. Tiesiog nepamirškite: geriausia apriboti pagrindinį meniu svarbiausiomis kategorijomis, kad jūsų klientams būtų aišku. 

Žemiau mes aprašome keletą dažnų pagrindinio meniu dizaino tipų. Dauguma jų gali būti išdėstyti tiek vertikaliai, tiek horizontaliai ekrane.

Statinė navigacija

Choosing the right main menu type - static menu

Su statine navigacija (dar vadinama „fiksuota antrašte“ arba „klijuotu menu“) pagrindinis meniu nuolat matomas. Tai reiškia, kad jis lieka ekrane, net kai vartotojas slenka žemyn puslapiu. Privalumas yra tas, kad vartotojui nereikia slinkti atgal į puslapio viršų, kai jis nori pereiti prie kito meniu punkto. Jei norite naudoti fiksuotą antraštę, įsitikinkite, kad ji neužima per daug vietos. Priešingu atveju gali būti paslėptas kitas naudingas turinys ekrane, kai vartotojas slenka žemyn.

Interaktyvi navigacija

Interaktyvi navigacija paprastai nėra labai geras pasirinkimas internetinėms parduotuvėms. Su šiuo navigacijos tipu nėra nuorodų, kurios vestų jūsų vartotojus iš A į B. Vietoj to, svetainės naršymas laikomas patirties dalimi. Interaktyvūs elementai žaidybiškai užtikrina navigacijos patirtį, įtraukdami vartotoją nuo vienos skilties ar subdomeno iki kitos, kol jie peržiūri visą turinį.

Hamburgerių meniu

Choosing the right main menu type - Hamburger menu

Hamburgerių (arba burberio) meniu taip pat žinomas kaip perjungimo meniu arba „off-canvas“ meniu. Jis buvo specialiai sukurtas reaguojant į sparčią išmaniųjų telefonų naudojimo plėtrą. Hamburgerių meniu lengvai atpažįstamas pagal mygtuką su trimis horizontaliomis linijomis, kuris paprastai pasirodo viršutiniame dešiniajame arba viršutiniame kairiajame svetainės kampe. Šios linijos šiek tiek primena hamburgerį, todėl šis meniu gavo savo pavadinimą. 

Jei jūsų svetainė naudoja hamburgerių meniu, tai vartotojai pirmiausia matys tik svetainės turinį ir hamburgerių meniu mygtuką. Kai vartotojas paspaudžia mygtuką, pagrindinis meniu pasirodys visame jų ekrane, pateikdamas visus pasirinkimus, kaip naršyti jūsų svetainėje. 

Šio tipo meniu taip pat vis dažniau pasitaiko kompiuterinėse svetainėse, tačiau tai reiškia, kad vartotojams reikia paspausti papildomą mygtuką, kad pamatytų meniu. Štai kodėl hamburgerių meniu pirmiausia rekomenduojama tik mobiliajai svetainės versijai.

Iškylanti meniu

Choosing the right main menu type - Drop-down menus

Dažniausias meniu tipas el. prekybos svetainėse yra reaguojantys iškylantys meniu. Jie pirmiausia rodo pagrindinį meniu, kuris apima tik pagrindines kategorijas. Kai vartotojas spustelėja arba užlaiko pelės žymeklį virš meniu elemento, sąrašas išsiplės, kad parodytų papildomas subkategorijas. Galite pridėti tiek daug iškylamų subkategorijų, kiek norite. Tačiau geriausia turėti ne daugiau kaip dvi. Jei jūsų produktų asortimentas toks platus, kad jums reikia daugiau nei dviejų iškylamų lygių, turite mega meniu (žr. žemiau).

Horizontalus iškylantis meniu kartais vadinamas traukimo meniu. Vertikalus iškylantis meniu kartais vadinamas naudojimo meniu. Abu išplėčiamų meniu tipai užtikrina aukštą naudojamumą jūsų klientams. Jei nuspręsite naudoti iškylantį meniu, pirmiausia pagalvokite, kaip norite struktūrizuoti svetainės turinį. Priešingu atveju meniu gali greitai tapti perpildytu ir sunkiai naudojamu.

Kur statote svetainę savo el. prekybos verslui, vienas pirmųjų sprendimų, kuriuos turite priimti, yra tai, ar rodyti savo svetainės pagrindinį meniu vertikaliai, ar horizontaliai.

  • Vertikalus meniu eina palei kairę puslapio pusę, nuo viršaus iki apačios.

  • Horizontalus meniu eina viršuje, nuo kairės iki dešinės.

Su horizontaliniu menu erdvė yra apribota ekrano pločio. Štai kodėl jis dažnai apima tik trumpus raktinius žodžius. Priešingai, jūs galite padaryti vertikalų meniu tiek išsamų, kiek norite. Tiesiog nepamirškite: geriausia apriboti pagrindinį meniu svarbiausiomis kategorijomis, kad jūsų klientams būtų aišku. 

Žemiau mes aprašome keletą dažnų pagrindinio meniu dizaino tipų. Dauguma jų gali būti išdėstyti tiek vertikaliai, tiek horizontaliai ekrane.

Statinė navigacija

Choosing the right main menu type - static menu

Su statine navigacija (dar vadinama „fiksuota antrašte“ arba „klijuotu menu“) pagrindinis meniu nuolat matomas. Tai reiškia, kad jis lieka ekrane, net kai vartotojas slenka žemyn puslapiu. Privalumas yra tas, kad vartotojui nereikia slinkti atgal į puslapio viršų, kai jis nori pereiti prie kito meniu punkto. Jei norite naudoti fiksuotą antraštę, įsitikinkite, kad ji neužima per daug vietos. Priešingu atveju gali būti paslėptas kitas naudingas turinys ekrane, kai vartotojas slenka žemyn.

Interaktyvi navigacija

Interaktyvi navigacija paprastai nėra labai geras pasirinkimas internetinėms parduotuvėms. Su šiuo navigacijos tipu nėra nuorodų, kurios vestų jūsų vartotojus iš A į B. Vietoj to, svetainės naršymas laikomas patirties dalimi. Interaktyvūs elementai žaidybiškai užtikrina navigacijos patirtį, įtraukdami vartotoją nuo vienos skilties ar subdomeno iki kitos, kol jie peržiūri visą turinį.

Hamburgerių meniu

Choosing the right main menu type - Hamburger menu

Hamburgerių (arba burberio) meniu taip pat žinomas kaip perjungimo meniu arba „off-canvas“ meniu. Jis buvo specialiai sukurtas reaguojant į sparčią išmaniųjų telefonų naudojimo plėtrą. Hamburgerių meniu lengvai atpažįstamas pagal mygtuką su trimis horizontaliomis linijomis, kuris paprastai pasirodo viršutiniame dešiniajame arba viršutiniame kairiajame svetainės kampe. Šios linijos šiek tiek primena hamburgerį, todėl šis meniu gavo savo pavadinimą. 

Jei jūsų svetainė naudoja hamburgerių meniu, tai vartotojai pirmiausia matys tik svetainės turinį ir hamburgerių meniu mygtuką. Kai vartotojas paspaudžia mygtuką, pagrindinis meniu pasirodys visame jų ekrane, pateikdamas visus pasirinkimus, kaip naršyti jūsų svetainėje. 

Šio tipo meniu taip pat vis dažniau pasitaiko kompiuterinėse svetainėse, tačiau tai reiškia, kad vartotojams reikia paspausti papildomą mygtuką, kad pamatytų meniu. Štai kodėl hamburgerių meniu pirmiausia rekomenduojama tik mobiliajai svetainės versijai.

Iškylanti meniu

Choosing the right main menu type - Drop-down menus

Dažniausias meniu tipas el. prekybos svetainėse yra reaguojantys iškylantys meniu. Jie pirmiausia rodo pagrindinį meniu, kuris apima tik pagrindines kategorijas. Kai vartotojas spustelėja arba užlaiko pelės žymeklį virš meniu elemento, sąrašas išsiplės, kad parodytų papildomas subkategorijas. Galite pridėti tiek daug iškylamų subkategorijų, kiek norite. Tačiau geriausia turėti ne daugiau kaip dvi. Jei jūsų produktų asortimentas toks platus, kad jums reikia daugiau nei dviejų iškylamų lygių, turite mega meniu (žr. žemiau).

Horizontalus iškylantis meniu kartais vadinamas traukimo meniu. Vertikalus iškylantis meniu kartais vadinamas naudojimo meniu. Abu išplėčiamų meniu tipai užtikrina aukštą naudojamumą jūsų klientams. Jei nuspręsite naudoti iškylantį meniu, pirmiausia pagalvokite, kaip norite struktūrizuoti svetainės turinį. Priešingu atveju meniu gali greitai tapti perpildytu ir sunkiai naudojamu.

Kur statote svetainę savo el. prekybos verslui, vienas pirmųjų sprendimų, kuriuos turite priimti, yra tai, ar rodyti savo svetainės pagrindinį meniu vertikaliai, ar horizontaliai.

  • Vertikalus meniu eina palei kairę puslapio pusę, nuo viršaus iki apačios.

  • Horizontalus meniu eina viršuje, nuo kairės iki dešinės.

Su horizontaliniu menu erdvė yra apribota ekrano pločio. Štai kodėl jis dažnai apima tik trumpus raktinius žodžius. Priešingai, jūs galite padaryti vertikalų meniu tiek išsamų, kiek norite. Tiesiog nepamirškite: geriausia apriboti pagrindinį meniu svarbiausiomis kategorijomis, kad jūsų klientams būtų aišku. 

Žemiau mes aprašome keletą dažnų pagrindinio meniu dizaino tipų. Dauguma jų gali būti išdėstyti tiek vertikaliai, tiek horizontaliai ekrane.

Statinė navigacija

Choosing the right main menu type - static menu

Su statine navigacija (dar vadinama „fiksuota antrašte“ arba „klijuotu menu“) pagrindinis meniu nuolat matomas. Tai reiškia, kad jis lieka ekrane, net kai vartotojas slenka žemyn puslapiu. Privalumas yra tas, kad vartotojui nereikia slinkti atgal į puslapio viršų, kai jis nori pereiti prie kito meniu punkto. Jei norite naudoti fiksuotą antraštę, įsitikinkite, kad ji neužima per daug vietos. Priešingu atveju gali būti paslėptas kitas naudingas turinys ekrane, kai vartotojas slenka žemyn.

Interaktyvi navigacija

Interaktyvi navigacija paprastai nėra labai geras pasirinkimas internetinėms parduotuvėms. Su šiuo navigacijos tipu nėra nuorodų, kurios vestų jūsų vartotojus iš A į B. Vietoj to, svetainės naršymas laikomas patirties dalimi. Interaktyvūs elementai žaidybiškai užtikrina navigacijos patirtį, įtraukdami vartotoją nuo vienos skilties ar subdomeno iki kitos, kol jie peržiūri visą turinį.

Hamburgerių meniu

Choosing the right main menu type - Hamburger menu

Hamburgerių (arba burberio) meniu taip pat žinomas kaip perjungimo meniu arba „off-canvas“ meniu. Jis buvo specialiai sukurtas reaguojant į sparčią išmaniųjų telefonų naudojimo plėtrą. Hamburgerių meniu lengvai atpažįstamas pagal mygtuką su trimis horizontaliomis linijomis, kuris paprastai pasirodo viršutiniame dešiniajame arba viršutiniame kairiajame svetainės kampe. Šios linijos šiek tiek primena hamburgerį, todėl šis meniu gavo savo pavadinimą. 

Jei jūsų svetainė naudoja hamburgerių meniu, tai vartotojai pirmiausia matys tik svetainės turinį ir hamburgerių meniu mygtuką. Kai vartotojas paspaudžia mygtuką, pagrindinis meniu pasirodys visame jų ekrane, pateikdamas visus pasirinkimus, kaip naršyti jūsų svetainėje. 

Šio tipo meniu taip pat vis dažniau pasitaiko kompiuterinėse svetainėse, tačiau tai reiškia, kad vartotojams reikia paspausti papildomą mygtuką, kad pamatytų meniu. Štai kodėl hamburgerių meniu pirmiausia rekomenduojama tik mobiliajai svetainės versijai.

Iškylanti meniu

Choosing the right main menu type - Drop-down menus

Dažniausias meniu tipas el. prekybos svetainėse yra reaguojantys iškylantys meniu. Jie pirmiausia rodo pagrindinį meniu, kuris apima tik pagrindines kategorijas. Kai vartotojas spustelėja arba užlaiko pelės žymeklį virš meniu elemento, sąrašas išsiplės, kad parodytų papildomas subkategorijas. Galite pridėti tiek daug iškylamų subkategorijų, kiek norite. Tačiau geriausia turėti ne daugiau kaip dvi. Jei jūsų produktų asortimentas toks platus, kad jums reikia daugiau nei dviejų iškylamų lygių, turite mega meniu (žr. žemiau).

Horizontalus iškylantis meniu kartais vadinamas traukimo meniu. Vertikalus iškylantis meniu kartais vadinamas naudojimo meniu. Abu išplėčiamų meniu tipai užtikrina aukštą naudojamumą jūsų klientams. Jei nuspręsite naudoti iškylantį meniu, pirmiausia pagalvokite, kaip norite struktūrizuoti svetainės turinį. Priešingu atveju meniu gali greitai tapti perpildytu ir sunkiai naudojamu.

Mega išskleidžiamosios meniu: privalumai ir trūkumai

Megao meniu gali pasiūlyti daug privalumų vartotojo patirčiai, tačiau turi ir apribojimų. Dar kartą svarbu kruopščiai suplanuoti savo svetainės struktūrą. Gal schließlich, jūsų mega meniu bus naudingas tik tuo atveju, jei visi jūsų svetainės navigacijos juostos elementai yra aiškūs nuo pat pradžių. Taigi, prieš nusprendžiant naudoti mega meniu, skirkite šiek tiek laiko apgalvoti geriausią būdą pateikti jūsų svetainės turinį. Žemiau esančioje lentelėje pateikiami pagrindiniai mega meniu privalumai ir trūkumai.

Megao meniu gali pasiūlyti daug privalumų vartotojo patirčiai, tačiau turi ir apribojimų. Dar kartą svarbu kruopščiai suplanuoti savo svetainės struktūrą. Gal schließlich, jūsų mega meniu bus naudingas tik tuo atveju, jei visi jūsų svetainės navigacijos juostos elementai yra aiškūs nuo pat pradžių. Taigi, prieš nusprendžiant naudoti mega meniu, skirkite šiek tiek laiko apgalvoti geriausią būdą pateikti jūsų svetainės turinį. Žemiau esančioje lentelėje pateikiami pagrindiniai mega meniu privalumai ir trūkumai.

Megao meniu gali pasiūlyti daug privalumų vartotojo patirčiai, tačiau turi ir apribojimų. Dar kartą svarbu kruopščiai suplanuoti savo svetainės struktūrą. Gal schließlich, jūsų mega meniu bus naudingas tik tuo atveju, jei visi jūsų svetainės navigacijos juostos elementai yra aiškūs nuo pat pradžių. Taigi, prieš nusprendžiant naudoti mega meniu, skirkite šiek tiek laiko apgalvoti geriausią būdą pateikti jūsų svetainės turinį. Žemiau esančioje lentelėje pateikiami pagrindiniai mega meniu privalumai ir trūkumai.

Megao meniu gali pasiūlyti daug privalumų vartotojo patirčiai, tačiau turi ir apribojimų. Dar kartą svarbu kruopščiai suplanuoti savo svetainės struktūrą. Gal schließlich, jūsų mega meniu bus naudingas tik tuo atveju, jei visi jūsų svetainės navigacijos juostos elementai yra aiškūs nuo pat pradžių. Taigi, prieš nusprendžiant naudoti mega meniu, skirkite šiek tiek laiko apgalvoti geriausią būdą pateikti jūsų svetainės turinį. Žemiau esančioje lentelėje pateikiami pagrindiniai mega meniu privalumai ir trūkumai.

Tinklalapio dizainas: 8 patarimai, kaip sukurti patogius išskleidžiamuosius meniu

Žemiau pateikiama keletas patarimų apie svetainės navigacijos pasirinkimus, kuriuos galite naudoti, kad pagerintumėte savo konversijos rodiklį. Mūsų naudojimo patarimai padės padaryti jūsų pagrindinį meniu – ir visą jūsų internetinę parduotuvę – draugiškesnę vartotojui.

Patarimas #1: Iš anksto suplanuokite savo pagrindinio puslapio navigaciją

Prieš pradėdami rinktis meniu elementus, svarbu suplanuoti kiekvieną funkciją ir turinį savo svetainėje. Paprastai galite suskaidyti funkcijas ir turinį į pagrindines kategorijas ir po-kategorijas. Įsitikinkite, kad kiekvienai kategorijai suteikiate aiškius, glaustus pavadinimus. Vartotojai paprastai meniu elementus greitai peržvelgia, todėl svarbu, kad jie galėtų lengvai juos atskirti ir iš karto suprasti, kas tai yra.

Patarimas #2: Pirmiausia pateikite svarbiausius elementus

Meniu elementai, kurie yra įdomiausi jūsų vartotojams, visada turėtų būti rodomi jūsų pagrindinio meniu pradžioje. Jei esate SaaS teikėjas, pavyzdžiui, tuomet būtų gerai pradėti meniu nuo elementų, kurie įtikins lankytojus, kad jūsų sprendimas yra teisingas. Išbandykite tokius meniu elementus:

  • Kodėl mes?

  • Apie mus

  • Kainos

Jei jūs vykdote internetinę parduotuvę mados ženklui, jūsų meniu turėtų sutelkti dėmesį į jūsų produktus. Nuorodos į kitą turinį, pavyzdžiui, produkto patarimus ar tinklaraščio įrašus, turėtų būti rodomos meniu pabaigoje. Apskritai, geriausi būdai optimizuoti konversijas jūsų internetinėje versle priklauso nuo to, kokioje pramonėje dirbate.

Patarimas #3: Naudokite vizualinę struktūrą

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

Įprastas meniu gali tik rodyti tekstą paprastu formatu. Mega išskleidžiamieji meniu, kita vertus, suteikia galimybę išskirti konkrečius meniu elementus. Pavyzdžiui, galite naudoti skirtingus:

  • Teksto dydžius

  • Teksto spalvas

  • Šriftus

  • Ikonas

Tai leidžia jums pridėti daugiau struktūros jūsų išskleidžiamo meniu turiniui. Ne visi elementai turi būti susiję su tikra puslapio vieta; kai kurie žodžiai gali tiesiog tarnauti kaip nepaspaudžiamos antraštės įvairiems paspaudžiamiems po-kategorijoms.

Patarimas #4: Venkite įtraukti papildomas funkcijas

Nesinaudokite sudėtingomis interakcijomis savo išskleidžiamuosiuose menu, tokiomis kaip naujienlaiškių registracija ar pasirinkimo ir paieškos laukeliai, nes tai gali dažnai atbaidyti vartotojus. Paskutinis dalykas, kurio norite, yra tai, kad jūsų pagrindinis meniu turėtų turėti perpildytą dizainą. Be to, tokie elementai dažnai pasirodo keliuose svetainės vietose. Jų poveikis būna didesnis, jei juos išdėstote puslapiuose, kur jie geriausiai tinka.

Vis dėlto gali būti labai efektyvu įtraukti veiksmų (CTA) mygtuką navigacijos juostoje. Pavyzdžiui, pridėkite mygtuką, kuris leidžia jūsų vartotojams atlikti rezervaciją arba pirkti vienu paspaudimu. Tiesiog nepamirškite, kad CTA turėtų būti statomas šalia pagrindinio meniu, o ne pačiame išskleidžiamajame meniu.

Patarimas #5: Pasirinkite tarp pravažiuojamojo arba paspaudžiamojo

Daugelis svetainių naudoja išskleidžiamuosius meniu, kurie atsidaro vos tik vartotojas užves pelę ant meniu elemento. Jei galvojate naudoti šią galimybę, turite atkreipti dėmesį į kelis dalykus:

  • Viskas akimirksniu: Mega meniu turi atsidaryti viską vienu metu, o ne palaipsniui, po vieną po-kategoriją.

  • Tikslus laikas: Meniu neturėtų būti per jautrus. Turite užkirsti kelią tam, kad jis 'mirga', kai vartotojas greitai užveda pelę. Tuo pačiu jis neturėtų reaguoti per lėtai. Rekomenduojame reakcijos laiką nuo 0,1 iki 0,5 sekundžių optimaliam naudojimui. Taip pat gera idėja leisti trumpą pertraukėlę prieš paslėpdami meniu, atsižvelgiant į tai, kad vartotojas netyčia gali pasitraukti nuo meniu. Meniu, kuris yra per jautrus arba nepastovus, sukels frustraciją jūsų vartotojams ir kai kurie iš jų gali pasiduoti ir palikti jūsų svetainę visiškai.

  • MouseOut programavimas: Kai išskleidžiamasis meniu aktyvuojamas, klientai perkelia savo žymeklį iš navigacijos juostos į meniu. Jei jūsų svetainė nėra teisingai programuota, ji neteisingai užfiksuos MouseOut įvykį, kai pelė palieka navigacijos juostą, todėl meniu užsidarys. Todėl svarbu nustatyti savo meniu taip, kad išskleidžiamasis meniu dingtų tik tada, kai pelė palieka tiek navigacijos juostą, tiek patį išskleidžiamąjį meniu.

  • Mobilioji versija: Pravažiavimas ant išmaniojo telefono arba planšetinio kompiuterio neįmanomas. Jei norite naudoti pravažiavimo aktyvuotą išskleidžiamąjį meniu savo darbalaukyje, nepamirškite naudoti skirtingų nustatymų mobilioje versijoje.

Patarimas #6: Stebėkite trijų paspaudimų taisyklę

Didžiojoje dalyje svetainių navigacija turėtų sekti 'trijų paspaudimų taisyklę'. Tai reiškia, kad jūsų vartotojai turėtų galėti pasiekti bet kokią informaciją jūsų svetainėje ne ilgiau kaip per tris paspaudimus. Žinoma, tai tik bendras gairių. Jei turite didelę, labai išsamią svetainę, paspaudimų kiekis nėra toks svarbus, kol svetainė gerai organizuota. Svarbiausia, kad jūsų klientai visada jaustų, kad jiems lengva rasti kelią.

Patarimas #7: Naudokite kelis meniu

Prašykite svetainėms, turinčioms daug informacijos, gali būti naudinga pridėti daugiau kaip vieną meniu. Galite pasirinkti išskleidžiamąjį meniu su savo produktų kategorijomis kaip pagrindinį meniu, tuo tarpu naudodami atskirą meniu porogą, kuriame būtų antrinės kategorijos. Tai padeda užkirsti kelią jūsų pagrindiniam meniu tapti per daug perpildytu. Peržiūrėkite žemiau pateiktą lentelę, kad pamatytumėte, kaip tai atrodo.

Patarimas #8: Išvaizda svarbi

Patrauklus meniu dizainas turėtų išlaikyti tą pačią dydį net kai pagrindiniai meniu elementai turi skirtingą subkategorijų skaičių. Jei jūsų svetainėje yra paieškos funkcija, įsitikinkite, kad išskleidžiamieji meniu neuždengia jos, kai ji plečiama.

Taip pat turėtumėte įtraukti nedidelį vizualinį ženklą, kad parodytumėte, ar elementas navigacijos juostoje išsiplės į išskleidžiamąjį meniu, jei vartotojas paspaudžia ar užveda pelę virš jo. Pavyzdžiui, įdėkite mažą rodyklę šalia meniu pavadinimo: išskleidžiamiems meniu rodyklė turėtų rodyti žemyn; skraidantiems – dešinėn. Tai padeda jūsų pirkėjams instinktyviai suprasti, kad jie gali tikėtis rasti daugiau informacijos.

Žemiau pateikiama keletas patarimų apie svetainės navigacijos pasirinkimus, kuriuos galite naudoti, kad pagerintumėte savo konversijos rodiklį. Mūsų naudojimo patarimai padės padaryti jūsų pagrindinį meniu – ir visą jūsų internetinę parduotuvę – draugiškesnę vartotojui.

Patarimas #1: Iš anksto suplanuokite savo pagrindinio puslapio navigaciją

Prieš pradėdami rinktis meniu elementus, svarbu suplanuoti kiekvieną funkciją ir turinį savo svetainėje. Paprastai galite suskaidyti funkcijas ir turinį į pagrindines kategorijas ir po-kategorijas. Įsitikinkite, kad kiekvienai kategorijai suteikiate aiškius, glaustus pavadinimus. Vartotojai paprastai meniu elementus greitai peržvelgia, todėl svarbu, kad jie galėtų lengvai juos atskirti ir iš karto suprasti, kas tai yra.

Patarimas #2: Pirmiausia pateikite svarbiausius elementus

Meniu elementai, kurie yra įdomiausi jūsų vartotojams, visada turėtų būti rodomi jūsų pagrindinio meniu pradžioje. Jei esate SaaS teikėjas, pavyzdžiui, tuomet būtų gerai pradėti meniu nuo elementų, kurie įtikins lankytojus, kad jūsų sprendimas yra teisingas. Išbandykite tokius meniu elementus:

  • Kodėl mes?

  • Apie mus

  • Kainos

Jei jūs vykdote internetinę parduotuvę mados ženklui, jūsų meniu turėtų sutelkti dėmesį į jūsų produktus. Nuorodos į kitą turinį, pavyzdžiui, produkto patarimus ar tinklaraščio įrašus, turėtų būti rodomos meniu pabaigoje. Apskritai, geriausi būdai optimizuoti konversijas jūsų internetinėje versle priklauso nuo to, kokioje pramonėje dirbate.

Patarimas #3: Naudokite vizualinę struktūrą

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

Įprastas meniu gali tik rodyti tekstą paprastu formatu. Mega išskleidžiamieji meniu, kita vertus, suteikia galimybę išskirti konkrečius meniu elementus. Pavyzdžiui, galite naudoti skirtingus:

  • Teksto dydžius

  • Teksto spalvas

  • Šriftus

  • Ikonas

Tai leidžia jums pridėti daugiau struktūros jūsų išskleidžiamo meniu turiniui. Ne visi elementai turi būti susiję su tikra puslapio vieta; kai kurie žodžiai gali tiesiog tarnauti kaip nepaspaudžiamos antraštės įvairiems paspaudžiamiems po-kategorijoms.

Patarimas #4: Venkite įtraukti papildomas funkcijas

Nesinaudokite sudėtingomis interakcijomis savo išskleidžiamuosiuose menu, tokiomis kaip naujienlaiškių registracija ar pasirinkimo ir paieškos laukeliai, nes tai gali dažnai atbaidyti vartotojus. Paskutinis dalykas, kurio norite, yra tai, kad jūsų pagrindinis meniu turėtų turėti perpildytą dizainą. Be to, tokie elementai dažnai pasirodo keliuose svetainės vietose. Jų poveikis būna didesnis, jei juos išdėstote puslapiuose, kur jie geriausiai tinka.

Vis dėlto gali būti labai efektyvu įtraukti veiksmų (CTA) mygtuką navigacijos juostoje. Pavyzdžiui, pridėkite mygtuką, kuris leidžia jūsų vartotojams atlikti rezervaciją arba pirkti vienu paspaudimu. Tiesiog nepamirškite, kad CTA turėtų būti statomas šalia pagrindinio meniu, o ne pačiame išskleidžiamajame meniu.

Patarimas #5: Pasirinkite tarp pravažiuojamojo arba paspaudžiamojo

Daugelis svetainių naudoja išskleidžiamuosius meniu, kurie atsidaro vos tik vartotojas užves pelę ant meniu elemento. Jei galvojate naudoti šią galimybę, turite atkreipti dėmesį į kelis dalykus:

  • Viskas akimirksniu: Mega meniu turi atsidaryti viską vienu metu, o ne palaipsniui, po vieną po-kategoriją.

  • Tikslus laikas: Meniu neturėtų būti per jautrus. Turite užkirsti kelią tam, kad jis 'mirga', kai vartotojas greitai užveda pelę. Tuo pačiu jis neturėtų reaguoti per lėtai. Rekomenduojame reakcijos laiką nuo 0,1 iki 0,5 sekundžių optimaliam naudojimui. Taip pat gera idėja leisti trumpą pertraukėlę prieš paslėpdami meniu, atsižvelgiant į tai, kad vartotojas netyčia gali pasitraukti nuo meniu. Meniu, kuris yra per jautrus arba nepastovus, sukels frustraciją jūsų vartotojams ir kai kurie iš jų gali pasiduoti ir palikti jūsų svetainę visiškai.

  • MouseOut programavimas: Kai išskleidžiamasis meniu aktyvuojamas, klientai perkelia savo žymeklį iš navigacijos juostos į meniu. Jei jūsų svetainė nėra teisingai programuota, ji neteisingai užfiksuos MouseOut įvykį, kai pelė palieka navigacijos juostą, todėl meniu užsidarys. Todėl svarbu nustatyti savo meniu taip, kad išskleidžiamasis meniu dingtų tik tada, kai pelė palieka tiek navigacijos juostą, tiek patį išskleidžiamąjį meniu.

  • Mobilioji versija: Pravažiavimas ant išmaniojo telefono arba planšetinio kompiuterio neįmanomas. Jei norite naudoti pravažiavimo aktyvuotą išskleidžiamąjį meniu savo darbalaukyje, nepamirškite naudoti skirtingų nustatymų mobilioje versijoje.

Patarimas #6: Stebėkite trijų paspaudimų taisyklę

Didžiojoje dalyje svetainių navigacija turėtų sekti 'trijų paspaudimų taisyklę'. Tai reiškia, kad jūsų vartotojai turėtų galėti pasiekti bet kokią informaciją jūsų svetainėje ne ilgiau kaip per tris paspaudimus. Žinoma, tai tik bendras gairių. Jei turite didelę, labai išsamią svetainę, paspaudimų kiekis nėra toks svarbus, kol svetainė gerai organizuota. Svarbiausia, kad jūsų klientai visada jaustų, kad jiems lengva rasti kelią.

Patarimas #7: Naudokite kelis meniu

Prašykite svetainėms, turinčioms daug informacijos, gali būti naudinga pridėti daugiau kaip vieną meniu. Galite pasirinkti išskleidžiamąjį meniu su savo produktų kategorijomis kaip pagrindinį meniu, tuo tarpu naudodami atskirą meniu porogą, kuriame būtų antrinės kategorijos. Tai padeda užkirsti kelią jūsų pagrindiniam meniu tapti per daug perpildytu. Peržiūrėkite žemiau pateiktą lentelę, kad pamatytumėte, kaip tai atrodo.

Patarimas #8: Išvaizda svarbi

Patrauklus meniu dizainas turėtų išlaikyti tą pačią dydį net kai pagrindiniai meniu elementai turi skirtingą subkategorijų skaičių. Jei jūsų svetainėje yra paieškos funkcija, įsitikinkite, kad išskleidžiamieji meniu neuždengia jos, kai ji plečiama.

Taip pat turėtumėte įtraukti nedidelį vizualinį ženklą, kad parodytumėte, ar elementas navigacijos juostoje išsiplės į išskleidžiamąjį meniu, jei vartotojas paspaudžia ar užveda pelę virš jo. Pavyzdžiui, įdėkite mažą rodyklę šalia meniu pavadinimo: išskleidžiamiems meniu rodyklė turėtų rodyti žemyn; skraidantiems – dešinėn. Tai padeda jūsų pirkėjams instinktyviai suprasti, kad jie gali tikėtis rasti daugiau informacijos.

Žemiau pateikiama keletas patarimų apie svetainės navigacijos pasirinkimus, kuriuos galite naudoti, kad pagerintumėte savo konversijos rodiklį. Mūsų naudojimo patarimai padės padaryti jūsų pagrindinį meniu – ir visą jūsų internetinę parduotuvę – draugiškesnę vartotojui.

Patarimas #1: Iš anksto suplanuokite savo pagrindinio puslapio navigaciją

Prieš pradėdami rinktis meniu elementus, svarbu suplanuoti kiekvieną funkciją ir turinį savo svetainėje. Paprastai galite suskaidyti funkcijas ir turinį į pagrindines kategorijas ir po-kategorijas. Įsitikinkite, kad kiekvienai kategorijai suteikiate aiškius, glaustus pavadinimus. Vartotojai paprastai meniu elementus greitai peržvelgia, todėl svarbu, kad jie galėtų lengvai juos atskirti ir iš karto suprasti, kas tai yra.

Patarimas #2: Pirmiausia pateikite svarbiausius elementus

Meniu elementai, kurie yra įdomiausi jūsų vartotojams, visada turėtų būti rodomi jūsų pagrindinio meniu pradžioje. Jei esate SaaS teikėjas, pavyzdžiui, tuomet būtų gerai pradėti meniu nuo elementų, kurie įtikins lankytojus, kad jūsų sprendimas yra teisingas. Išbandykite tokius meniu elementus:

  • Kodėl mes?

  • Apie mus

  • Kainos

Jei jūs vykdote internetinę parduotuvę mados ženklui, jūsų meniu turėtų sutelkti dėmesį į jūsų produktus. Nuorodos į kitą turinį, pavyzdžiui, produkto patarimus ar tinklaraščio įrašus, turėtų būti rodomos meniu pabaigoje. Apskritai, geriausi būdai optimizuoti konversijas jūsų internetinėje versle priklauso nuo to, kokioje pramonėje dirbate.

Patarimas #3: Naudokite vizualinę struktūrą

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

Įprastas meniu gali tik rodyti tekstą paprastu formatu. Mega išskleidžiamieji meniu, kita vertus, suteikia galimybę išskirti konkrečius meniu elementus. Pavyzdžiui, galite naudoti skirtingus:

  • Teksto dydžius

  • Teksto spalvas

  • Šriftus

  • Ikonas

Tai leidžia jums pridėti daugiau struktūros jūsų išskleidžiamo meniu turiniui. Ne visi elementai turi būti susiję su tikra puslapio vieta; kai kurie žodžiai gali tiesiog tarnauti kaip nepaspaudžiamos antraštės įvairiems paspaudžiamiems po-kategorijoms.

Patarimas #4: Venkite įtraukti papildomas funkcijas

Nesinaudokite sudėtingomis interakcijomis savo išskleidžiamuosiuose menu, tokiomis kaip naujienlaiškių registracija ar pasirinkimo ir paieškos laukeliai, nes tai gali dažnai atbaidyti vartotojus. Paskutinis dalykas, kurio norite, yra tai, kad jūsų pagrindinis meniu turėtų turėti perpildytą dizainą. Be to, tokie elementai dažnai pasirodo keliuose svetainės vietose. Jų poveikis būna didesnis, jei juos išdėstote puslapiuose, kur jie geriausiai tinka.

Vis dėlto gali būti labai efektyvu įtraukti veiksmų (CTA) mygtuką navigacijos juostoje. Pavyzdžiui, pridėkite mygtuką, kuris leidžia jūsų vartotojams atlikti rezervaciją arba pirkti vienu paspaudimu. Tiesiog nepamirškite, kad CTA turėtų būti statomas šalia pagrindinio meniu, o ne pačiame išskleidžiamajame meniu.

Patarimas #5: Pasirinkite tarp pravažiuojamojo arba paspaudžiamojo

Daugelis svetainių naudoja išskleidžiamuosius meniu, kurie atsidaro vos tik vartotojas užves pelę ant meniu elemento. Jei galvojate naudoti šią galimybę, turite atkreipti dėmesį į kelis dalykus:

  • Viskas akimirksniu: Mega meniu turi atsidaryti viską vienu metu, o ne palaipsniui, po vieną po-kategoriją.

  • Tikslus laikas: Meniu neturėtų būti per jautrus. Turite užkirsti kelią tam, kad jis 'mirga', kai vartotojas greitai užveda pelę. Tuo pačiu jis neturėtų reaguoti per lėtai. Rekomenduojame reakcijos laiką nuo 0,1 iki 0,5 sekundžių optimaliam naudojimui. Taip pat gera idėja leisti trumpą pertraukėlę prieš paslėpdami meniu, atsižvelgiant į tai, kad vartotojas netyčia gali pasitraukti nuo meniu. Meniu, kuris yra per jautrus arba nepastovus, sukels frustraciją jūsų vartotojams ir kai kurie iš jų gali pasiduoti ir palikti jūsų svetainę visiškai.

  • MouseOut programavimas: Kai išskleidžiamasis meniu aktyvuojamas, klientai perkelia savo žymeklį iš navigacijos juostos į meniu. Jei jūsų svetainė nėra teisingai programuota, ji neteisingai užfiksuos MouseOut įvykį, kai pelė palieka navigacijos juostą, todėl meniu užsidarys. Todėl svarbu nustatyti savo meniu taip, kad išskleidžiamasis meniu dingtų tik tada, kai pelė palieka tiek navigacijos juostą, tiek patį išskleidžiamąjį meniu.

  • Mobilioji versija: Pravažiavimas ant išmaniojo telefono arba planšetinio kompiuterio neįmanomas. Jei norite naudoti pravažiavimo aktyvuotą išskleidžiamąjį meniu savo darbalaukyje, nepamirškite naudoti skirtingų nustatymų mobilioje versijoje.

Patarimas #6: Stebėkite trijų paspaudimų taisyklę

Didžiojoje dalyje svetainių navigacija turėtų sekti 'trijų paspaudimų taisyklę'. Tai reiškia, kad jūsų vartotojai turėtų galėti pasiekti bet kokią informaciją jūsų svetainėje ne ilgiau kaip per tris paspaudimus. Žinoma, tai tik bendras gairių. Jei turite didelę, labai išsamią svetainę, paspaudimų kiekis nėra toks svarbus, kol svetainė gerai organizuota. Svarbiausia, kad jūsų klientai visada jaustų, kad jiems lengva rasti kelią.

Patarimas #7: Naudokite kelis meniu

Prašykite svetainėms, turinčioms daug informacijos, gali būti naudinga pridėti daugiau kaip vieną meniu. Galite pasirinkti išskleidžiamąjį meniu su savo produktų kategorijomis kaip pagrindinį meniu, tuo tarpu naudodami atskirą meniu porogą, kuriame būtų antrinės kategorijos. Tai padeda užkirsti kelią jūsų pagrindiniam meniu tapti per daug perpildytu. Peržiūrėkite žemiau pateiktą lentelę, kad pamatytumėte, kaip tai atrodo.

Patarimas #8: Išvaizda svarbi

Patrauklus meniu dizainas turėtų išlaikyti tą pačią dydį net kai pagrindiniai meniu elementai turi skirtingą subkategorijų skaičių. Jei jūsų svetainėje yra paieškos funkcija, įsitikinkite, kad išskleidžiamieji meniu neuždengia jos, kai ji plečiama.

Taip pat turėtumėte įtraukti nedidelį vizualinį ženklą, kad parodytumėte, ar elementas navigacijos juostoje išsiplės į išskleidžiamąjį meniu, jei vartotojas paspaudžia ar užveda pelę virš jo. Pavyzdžiui, įdėkite mažą rodyklę šalia meniu pavadinimo: išskleidžiamiems meniu rodyklė turėtų rodyti žemyn; skraidantiems – dešinėn. Tai padeda jūsų pirkėjams instinktyviai suprasti, kad jie gali tikėtis rasti daugiau informacijos.

Žemiau pateikiama keletas patarimų apie svetainės navigacijos pasirinkimus, kuriuos galite naudoti, kad pagerintumėte savo konversijos rodiklį. Mūsų naudojimo patarimai padės padaryti jūsų pagrindinį meniu – ir visą jūsų internetinę parduotuvę – draugiškesnę vartotojui.

Patarimas #1: Iš anksto suplanuokite savo pagrindinio puslapio navigaciją

Prieš pradėdami rinktis meniu elementus, svarbu suplanuoti kiekvieną funkciją ir turinį savo svetainėje. Paprastai galite suskaidyti funkcijas ir turinį į pagrindines kategorijas ir po-kategorijas. Įsitikinkite, kad kiekvienai kategorijai suteikiate aiškius, glaustus pavadinimus. Vartotojai paprastai meniu elementus greitai peržvelgia, todėl svarbu, kad jie galėtų lengvai juos atskirti ir iš karto suprasti, kas tai yra.

Patarimas #2: Pirmiausia pateikite svarbiausius elementus

Meniu elementai, kurie yra įdomiausi jūsų vartotojams, visada turėtų būti rodomi jūsų pagrindinio meniu pradžioje. Jei esate SaaS teikėjas, pavyzdžiui, tuomet būtų gerai pradėti meniu nuo elementų, kurie įtikins lankytojus, kad jūsų sprendimas yra teisingas. Išbandykite tokius meniu elementus:

  • Kodėl mes?

  • Apie mus

  • Kainos

Jei jūs vykdote internetinę parduotuvę mados ženklui, jūsų meniu turėtų sutelkti dėmesį į jūsų produktus. Nuorodos į kitą turinį, pavyzdžiui, produkto patarimus ar tinklaraščio įrašus, turėtų būti rodomos meniu pabaigoje. Apskritai, geriausi būdai optimizuoti konversijas jūsų internetinėje versle priklauso nuo to, kokioje pramonėje dirbate.

Patarimas #3: Naudokite vizualinę struktūrą

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

Įprastas meniu gali tik rodyti tekstą paprastu formatu. Mega išskleidžiamieji meniu, kita vertus, suteikia galimybę išskirti konkrečius meniu elementus. Pavyzdžiui, galite naudoti skirtingus:

  • Teksto dydžius

  • Teksto spalvas

  • Šriftus

  • Ikonas

Tai leidžia jums pridėti daugiau struktūros jūsų išskleidžiamo meniu turiniui. Ne visi elementai turi būti susiję su tikra puslapio vieta; kai kurie žodžiai gali tiesiog tarnauti kaip nepaspaudžiamos antraštės įvairiems paspaudžiamiems po-kategorijoms.

Patarimas #4: Venkite įtraukti papildomas funkcijas

Nesinaudokite sudėtingomis interakcijomis savo išskleidžiamuosiuose menu, tokiomis kaip naujienlaiškių registracija ar pasirinkimo ir paieškos laukeliai, nes tai gali dažnai atbaidyti vartotojus. Paskutinis dalykas, kurio norite, yra tai, kad jūsų pagrindinis meniu turėtų turėti perpildytą dizainą. Be to, tokie elementai dažnai pasirodo keliuose svetainės vietose. Jų poveikis būna didesnis, jei juos išdėstote puslapiuose, kur jie geriausiai tinka.

Vis dėlto gali būti labai efektyvu įtraukti veiksmų (CTA) mygtuką navigacijos juostoje. Pavyzdžiui, pridėkite mygtuką, kuris leidžia jūsų vartotojams atlikti rezervaciją arba pirkti vienu paspaudimu. Tiesiog nepamirškite, kad CTA turėtų būti statomas šalia pagrindinio meniu, o ne pačiame išskleidžiamajame meniu.

Patarimas #5: Pasirinkite tarp pravažiuojamojo arba paspaudžiamojo

Daugelis svetainių naudoja išskleidžiamuosius meniu, kurie atsidaro vos tik vartotojas užves pelę ant meniu elemento. Jei galvojate naudoti šią galimybę, turite atkreipti dėmesį į kelis dalykus:

  • Viskas akimirksniu: Mega meniu turi atsidaryti viską vienu metu, o ne palaipsniui, po vieną po-kategoriją.

  • Tikslus laikas: Meniu neturėtų būti per jautrus. Turite užkirsti kelią tam, kad jis 'mirga', kai vartotojas greitai užveda pelę. Tuo pačiu jis neturėtų reaguoti per lėtai. Rekomenduojame reakcijos laiką nuo 0,1 iki 0,5 sekundžių optimaliam naudojimui. Taip pat gera idėja leisti trumpą pertraukėlę prieš paslėpdami meniu, atsižvelgiant į tai, kad vartotojas netyčia gali pasitraukti nuo meniu. Meniu, kuris yra per jautrus arba nepastovus, sukels frustraciją jūsų vartotojams ir kai kurie iš jų gali pasiduoti ir palikti jūsų svetainę visiškai.

  • MouseOut programavimas: Kai išskleidžiamasis meniu aktyvuojamas, klientai perkelia savo žymeklį iš navigacijos juostos į meniu. Jei jūsų svetainė nėra teisingai programuota, ji neteisingai užfiksuos MouseOut įvykį, kai pelė palieka navigacijos juostą, todėl meniu užsidarys. Todėl svarbu nustatyti savo meniu taip, kad išskleidžiamasis meniu dingtų tik tada, kai pelė palieka tiek navigacijos juostą, tiek patį išskleidžiamąjį meniu.

  • Mobilioji versija: Pravažiavimas ant išmaniojo telefono arba planšetinio kompiuterio neįmanomas. Jei norite naudoti pravažiavimo aktyvuotą išskleidžiamąjį meniu savo darbalaukyje, nepamirškite naudoti skirtingų nustatymų mobilioje versijoje.

Patarimas #6: Stebėkite trijų paspaudimų taisyklę

Didžiojoje dalyje svetainių navigacija turėtų sekti 'trijų paspaudimų taisyklę'. Tai reiškia, kad jūsų vartotojai turėtų galėti pasiekti bet kokią informaciją jūsų svetainėje ne ilgiau kaip per tris paspaudimus. Žinoma, tai tik bendras gairių. Jei turite didelę, labai išsamią svetainę, paspaudimų kiekis nėra toks svarbus, kol svetainė gerai organizuota. Svarbiausia, kad jūsų klientai visada jaustų, kad jiems lengva rasti kelią.

Patarimas #7: Naudokite kelis meniu

Prašykite svetainėms, turinčioms daug informacijos, gali būti naudinga pridėti daugiau kaip vieną meniu. Galite pasirinkti išskleidžiamąjį meniu su savo produktų kategorijomis kaip pagrindinį meniu, tuo tarpu naudodami atskirą meniu porogą, kuriame būtų antrinės kategorijos. Tai padeda užkirsti kelią jūsų pagrindiniam meniu tapti per daug perpildytu. Peržiūrėkite žemiau pateiktą lentelę, kad pamatytumėte, kaip tai atrodo.

Patarimas #8: Išvaizda svarbi

Patrauklus meniu dizainas turėtų išlaikyti tą pačią dydį net kai pagrindiniai meniu elementai turi skirtingą subkategorijų skaičių. Jei jūsų svetainėje yra paieškos funkcija, įsitikinkite, kad išskleidžiamieji meniu neuždengia jos, kai ji plečiama.

Taip pat turėtumėte įtraukti nedidelį vizualinį ženklą, kad parodytumėte, ar elementas navigacijos juostoje išsiplės į išskleidžiamąjį meniu, jei vartotojas paspaudžia ar užveda pelę virš jo. Pavyzdžiui, įdėkite mažą rodyklę šalia meniu pavadinimo: išskleidžiamiems meniu rodyklė turėtų rodyti žemyn; skraidantiems – dešinėn. Tai padeda jūsų pirkėjams instinktyviai suprasti, kad jie gali tikėtis rasti daugiau informacijos.

Mobilusis komercija: Paversti jūsų internetinę parduotuvę lengvai naršoma išmaniajame telefone

Klientai vis labiau naudoja savo išmaniuosius telefonus užsakydami prekes internetu. Tai reiškia, kad svarbu atsižvelgti į mobiliuosius pirkėjus, kai renkate meniu parinktis savo el. parduotuvėje. Jau nebe laikoma gera idėja slėpti tam tikras meniu prekes savo mobilioje versijoje. Gal schließlich mobiliųjų vartotojų nesitikima gauti tokią pačią informaciją kaip staliniai vartotojai? Pažvelkime į keletą vartotojui draugiškų variantų, kad būtų lengviau naršyti savo svetainėje mobiliajame įrenginyje.

'Nieko nedaryti' požiūris

Pats lengviausias būdas sukurti savo mobiliosios svetainės navigaciją yra padaryti ją praktiškai identišką jūsų stalinės svetainės versijai. Jums reikės atlikti tik keletą nedidelių koregavimų, kad vartotojams būtų lengviau paspausti meniu elementus naudojant jų lietimui jautrius ekranus. Pavyzdžiui:

  • Padidinkite tarpą tarp individualių navigacijos elementų. 

  • Pasirinkite tinkamą teksto dydį. 

Tačiau šis požiūris iš tikrųjų veikia tik svetainėms, turinčioms trumpus meniu ir nedaug elementų naršyti. Didesnėms svetainėms daugiasluoksnė mobiliosios navigacijos dizainas yra draugiškesnis vartotojui variantas.

Išskleidžiami meniu

Išskleidžiami meniu leidžia jums pasiūlyti visas tas pačias galimybes kaip jūsų stalinė svetainė, bet išdėstyme, kuris labiau tinka mobiliam apsipirkimui. Kai vartotojas paspaudžia meniu elementą, jų navigacijos parinktys išsiplečia virš turinio. Būtent dėl šios priežasties šis tipo meniu mobiliosioms svetainėms taip pat žinomas kaip uždengimo meniu.

Slankiojantis meniu

Mobiliosioms svetainėms slankiojantis meniu yra patogesnis tipo meniu nei išskleidžiamas. Kai slankiojantis meniu atsidaro, jis neuždengia puslapio turinio, bet tiesiog perkelia jį žemyn. Tai leidžia klientui vis dar slinkti žemyn ir pamatyti turinį, jei jis to nori, net kai meniu atviras. Šis tipo meniu yra šiek tiek sunkiau programuoti, bet jis labai populiarus tarp vartotojų.

Off-canvas navigacija

Šiuo atveju meniu nėra integruota į puslapio išdėstymą, todėl jis neužima jokios vietos ekrane. Vartotojas tiesiog turi paspausti meniu mygtuką, kad atidarytų meniu, kuris uždengia likusį puslapio turinį. Tada svetainės navigacijos struktūra yra vienintelė dalis, kuri matoma ekrane. Tai ypač geras variantas svetainėms su daugybe subkategorijų naršyti.

Klientai vis labiau naudoja savo išmaniuosius telefonus užsakydami prekes internetu. Tai reiškia, kad svarbu atsižvelgti į mobiliuosius pirkėjus, kai renkate meniu parinktis savo el. parduotuvėje. Jau nebe laikoma gera idėja slėpti tam tikras meniu prekes savo mobilioje versijoje. Gal schließlich mobiliųjų vartotojų nesitikima gauti tokią pačią informaciją kaip staliniai vartotojai? Pažvelkime į keletą vartotojui draugiškų variantų, kad būtų lengviau naršyti savo svetainėje mobiliajame įrenginyje.

'Nieko nedaryti' požiūris

Pats lengviausias būdas sukurti savo mobiliosios svetainės navigaciją yra padaryti ją praktiškai identišką jūsų stalinės svetainės versijai. Jums reikės atlikti tik keletą nedidelių koregavimų, kad vartotojams būtų lengviau paspausti meniu elementus naudojant jų lietimui jautrius ekranus. Pavyzdžiui:

  • Padidinkite tarpą tarp individualių navigacijos elementų. 

  • Pasirinkite tinkamą teksto dydį. 

Tačiau šis požiūris iš tikrųjų veikia tik svetainėms, turinčioms trumpus meniu ir nedaug elementų naršyti. Didesnėms svetainėms daugiasluoksnė mobiliosios navigacijos dizainas yra draugiškesnis vartotojui variantas.

Išskleidžiami meniu

Išskleidžiami meniu leidžia jums pasiūlyti visas tas pačias galimybes kaip jūsų stalinė svetainė, bet išdėstyme, kuris labiau tinka mobiliam apsipirkimui. Kai vartotojas paspaudžia meniu elementą, jų navigacijos parinktys išsiplečia virš turinio. Būtent dėl šios priežasties šis tipo meniu mobiliosioms svetainėms taip pat žinomas kaip uždengimo meniu.

Slankiojantis meniu

Mobiliosioms svetainėms slankiojantis meniu yra patogesnis tipo meniu nei išskleidžiamas. Kai slankiojantis meniu atsidaro, jis neuždengia puslapio turinio, bet tiesiog perkelia jį žemyn. Tai leidžia klientui vis dar slinkti žemyn ir pamatyti turinį, jei jis to nori, net kai meniu atviras. Šis tipo meniu yra šiek tiek sunkiau programuoti, bet jis labai populiarus tarp vartotojų.

Off-canvas navigacija

Šiuo atveju meniu nėra integruota į puslapio išdėstymą, todėl jis neužima jokios vietos ekrane. Vartotojas tiesiog turi paspausti meniu mygtuką, kad atidarytų meniu, kuris uždengia likusį puslapio turinį. Tada svetainės navigacijos struktūra yra vienintelė dalis, kuri matoma ekrane. Tai ypač geras variantas svetainėms su daugybe subkategorijų naršyti.

Klientai vis labiau naudoja savo išmaniuosius telefonus užsakydami prekes internetu. Tai reiškia, kad svarbu atsižvelgti į mobiliuosius pirkėjus, kai renkate meniu parinktis savo el. parduotuvėje. Jau nebe laikoma gera idėja slėpti tam tikras meniu prekes savo mobilioje versijoje. Gal schließlich mobiliųjų vartotojų nesitikima gauti tokią pačią informaciją kaip staliniai vartotojai? Pažvelkime į keletą vartotojui draugiškų variantų, kad būtų lengviau naršyti savo svetainėje mobiliajame įrenginyje.

'Nieko nedaryti' požiūris

Pats lengviausias būdas sukurti savo mobiliosios svetainės navigaciją yra padaryti ją praktiškai identišką jūsų stalinės svetainės versijai. Jums reikės atlikti tik keletą nedidelių koregavimų, kad vartotojams būtų lengviau paspausti meniu elementus naudojant jų lietimui jautrius ekranus. Pavyzdžiui:

  • Padidinkite tarpą tarp individualių navigacijos elementų. 

  • Pasirinkite tinkamą teksto dydį. 

Tačiau šis požiūris iš tikrųjų veikia tik svetainėms, turinčioms trumpus meniu ir nedaug elementų naršyti. Didesnėms svetainėms daugiasluoksnė mobiliosios navigacijos dizainas yra draugiškesnis vartotojui variantas.

Išskleidžiami meniu

Išskleidžiami meniu leidžia jums pasiūlyti visas tas pačias galimybes kaip jūsų stalinė svetainė, bet išdėstyme, kuris labiau tinka mobiliam apsipirkimui. Kai vartotojas paspaudžia meniu elementą, jų navigacijos parinktys išsiplečia virš turinio. Būtent dėl šios priežasties šis tipo meniu mobiliosioms svetainėms taip pat žinomas kaip uždengimo meniu.

Slankiojantis meniu

Mobiliosioms svetainėms slankiojantis meniu yra patogesnis tipo meniu nei išskleidžiamas. Kai slankiojantis meniu atsidaro, jis neuždengia puslapio turinio, bet tiesiog perkelia jį žemyn. Tai leidžia klientui vis dar slinkti žemyn ir pamatyti turinį, jei jis to nori, net kai meniu atviras. Šis tipo meniu yra šiek tiek sunkiau programuoti, bet jis labai populiarus tarp vartotojų.

Off-canvas navigacija

Šiuo atveju meniu nėra integruota į puslapio išdėstymą, todėl jis neužima jokios vietos ekrane. Vartotojas tiesiog turi paspausti meniu mygtuką, kad atidarytų meniu, kuris uždengia likusį puslapio turinį. Tada svetainės navigacijos struktūra yra vienintelė dalis, kuri matoma ekrane. Tai ypač geras variantas svetainėms su daugybe subkategorijų naršyti.

Klientai vis labiau naudoja savo išmaniuosius telefonus užsakydami prekes internetu. Tai reiškia, kad svarbu atsižvelgti į mobiliuosius pirkėjus, kai renkate meniu parinktis savo el. parduotuvėje. Jau nebe laikoma gera idėja slėpti tam tikras meniu prekes savo mobilioje versijoje. Gal schließlich mobiliųjų vartotojų nesitikima gauti tokią pačią informaciją kaip staliniai vartotojai? Pažvelkime į keletą vartotojui draugiškų variantų, kad būtų lengviau naršyti savo svetainėje mobiliajame įrenginyje.

'Nieko nedaryti' požiūris

Pats lengviausias būdas sukurti savo mobiliosios svetainės navigaciją yra padaryti ją praktiškai identišką jūsų stalinės svetainės versijai. Jums reikės atlikti tik keletą nedidelių koregavimų, kad vartotojams būtų lengviau paspausti meniu elementus naudojant jų lietimui jautrius ekranus. Pavyzdžiui:

  • Padidinkite tarpą tarp individualių navigacijos elementų. 

  • Pasirinkite tinkamą teksto dydį. 

Tačiau šis požiūris iš tikrųjų veikia tik svetainėms, turinčioms trumpus meniu ir nedaug elementų naršyti. Didesnėms svetainėms daugiasluoksnė mobiliosios navigacijos dizainas yra draugiškesnis vartotojui variantas.

Išskleidžiami meniu

Išskleidžiami meniu leidžia jums pasiūlyti visas tas pačias galimybes kaip jūsų stalinė svetainė, bet išdėstyme, kuris labiau tinka mobiliam apsipirkimui. Kai vartotojas paspaudžia meniu elementą, jų navigacijos parinktys išsiplečia virš turinio. Būtent dėl šios priežasties šis tipo meniu mobiliosioms svetainėms taip pat žinomas kaip uždengimo meniu.

Slankiojantis meniu

Mobiliosioms svetainėms slankiojantis meniu yra patogesnis tipo meniu nei išskleidžiamas. Kai slankiojantis meniu atsidaro, jis neuždengia puslapio turinio, bet tiesiog perkelia jį žemyn. Tai leidžia klientui vis dar slinkti žemyn ir pamatyti turinį, jei jis to nori, net kai meniu atviras. Šis tipo meniu yra šiek tiek sunkiau programuoti, bet jis labai populiarus tarp vartotojų.

Off-canvas navigacija

Šiuo atveju meniu nėra integruota į puslapio išdėstymą, todėl jis neužima jokios vietos ekrane. Vartotojas tiesiog turi paspausti meniu mygtuką, kad atidarytų meniu, kuris uždengia likusį puslapio turinį. Tada svetainės navigacijos struktūra yra vienintelė dalis, kuri matoma ekrane. Tai ypač geras variantas svetainėms su daugybe subkategorijų naršyti.

Išvada: Kaip lengva naršyti jūsų internetinėje parduotuvėje?

Yra daug galimybių sukurti vartotojui patogią meniu jūsų internetinei parduotuvei. Atsižvelgiant į tai, kurią parduotuvės sistemą naudojate, galite pasirinkti iš daugelio navigacijos dizainų. Nepriklausomai nuo jūsų pasirinkimo, svarbu aiškiai struktūruoti savo svetainės turinį nuo pat pradžių. Jei turite didelį produktų asortimentą, geriausias pasirinkimas yra naudoti išskleidžiamus meniu jūsų staliniam tinklalapiui ir išskleidžiamus meniu jūsų mobiliojoje versijoje. Naudokite žemiau pateiktą kontrolinį sąrašą, kad įsitikintumėte, jog nepamiršote jokių mūsų patarimų kuriant navigacijos meniu savo svetainei.

Kontrolinis sąrašas vartotojui patogių išskleidžiamų meniu kūrimui

  1. Kategorijų pavadinimai yra trumpi ir lengvai suprantami.

  2. Pagrindinės kategorijos išdėstytos pagal tai, kiek jos yra reikšmingos vartotojui.

  3. Greta meniu pavadinimo yra vizualinis ženklas (pavyzdžiui, mažas rodyklė), rodanti, kad meniu išsiskleidžia.

  4. Išskleidžiamas meniu atsidaro per 0,1–0,5 sekundės, kai vartotojas užveda pelės žymiklį virš jo navigacijos juostoje.

  5. Išskleidžiamas meniu atsidaro visiškai nuo pradžių. Klientams nereikia spustelėti kategorijos, kad pamatytų jos subkategorijas.

  6. Naudojami vizualiniai ženklai, pavyzdžiui, ikonėlės ir skirtingų tekstų spalvos, kad išplėstas išskleidžiamas meniu būtų lengviau naršyti.

  7. Meniu nesustoja, jei vartotojas perkelia savo žymiklį iš navigacijos juostos į išplėstą išskleidžiamą meniu.

  8. Išskleidžiami meniu yra vienodo dydžio, nepriklausomai nuo to, kiek subkategorijų jie turi.

  9. Išskleidžiamuose meniu nėra interaktyvių funkcijų (pvz., naujienlaiškio registracija).

  10. Išplėstas išskleidžiamas meniu neužstoja paieškos lauko ar kitų svarbių turinio elementų.

  11. Antrinės funkcijos išvardijamos atskiruose meniu (pavyzdžiui, poraštėje).

Būkite informuoti

Niekuomet nepraleiskite atnaujinimo. Gaukite produkto naujienas, naujienas ir klientų istorijas tiesiai į savo pašto dėžutę.

Būkite informuoti

Niekuomet nepraleiskite atnaujinimo. Gaukite produkto naujienas, naujienas ir klientų istorijas tiesiai į savo pašto dėžutę.

Sujunkite mokėjimus. Pakelkite visą savo verslą į aukštesnį lygį.

Niekuomet nepraleiskite atnaujinimo. Gaukite produkto naujienas, naujienas ir klientų istorijas tiesiai į savo pašto dėžutę.

Būkite informuoti

Niekuomet nepraleiskite atnaujinimo. Gaukite produkto naujienas, naujienas ir klientų istorijas tiesiai į savo pašto dėžutę.

Form fields
Form fields
Form fields
Form fields

Turinys

Turinys

Turinys

Turinys

MollieAugimasIšskleidžiami meniu: Kokių tipų navigacija pagerina jūsų svetainės konversijos rodiklį?
MollieAugimasIšskleidžiami meniu: Kokių tipų navigacija pagerina jūsų svetainės konversijos rodiklį?
MollieAugimasIšskleidžiami meniu: Kokių tipų navigacija pagerina jūsų svetainės konversijos rodiklį?
MollieAugimasIšskleidžiami meniu: Kokių tipų navigacija pagerina jūsų svetainės konversijos rodiklį?