Vis daugiau žmonių apsipirkti internete renkasi mobiliuosius telefonus, todėl svetainėms būtina prisitaikyti prie mobiliųjų įrenginių ir būti patogioms naudoti. Bėda ta, kad telefono ekrane vietos labai mažai. Jei jūsų svetainės naršymo elementai sugrūsti arba painūs, lankytojai greičiausiai pasitrauks ir apsipirks kitur.
Būtent todėl daugelis svetainių ir programėlių pasitelkia tikrą mobiliojo naršymo universalų įrankį – hamburgerio meniu. Ši paprasta trijų linijų piktograma tapo tarptautiniu ženklu, reiškiančiu „daugiau naršymo galimybių čia", ir sutalpina visą svetainės meniu į vieną tvirtą mygtuką.
Toliau plačiau apie hamburgerio meniu galią ir spąstus – jo istoriją, pagrindines savybes ir kaip jį efektyviai panaudoti kuriant mobiliąją svetainę.
Kas yra hamburgerio meniu?
Ilgus metus standartinis svetainės naršymo būdas buvo horizontalus meniu – žodžių eilutė kiekvienai kategorijai, nusidriekianti per visą ekrano viršų. Tačiau XXI a. pirmojo dešimtmečio pabaigoje ir antrojo pradžioje sparčiai išpopuliarėjus mobiliajam naršymui – tam pasitarnavo išmaniųjų telefonų technologijų pažanga ir mobilusis interneto ryšys – žiniatinklio dizaineriams prireikė sprendimo, taupančio erdvę.
Ir čia atsirado hamburgerio meniu (☰) – paprasta piktograma iš viena virš kitos sudėtų lygiagrečių horizontalių linijų (jei norite, tai bandelė), tarp kurių įspausta viduryje esanti linija (mėsainio kotletas), leidžianti naudotojams išskleisti ir suskleisti naršymo galimybes pagal poreikį. Paprastai hamburgerio meniu mygtuką rasite viršutiniame kairiajame arba dešiniajame svetainės ar programėlės kampe.
Hamburgerio meniu istorija
Iš tiesų hamburgerio meniu atsirado dar prieš mobiliuosius įrenginius. Devintojo dešimtmečio pradžioje dizaineris Normas Coxas jį sukūrė „Xerox Star“ darbo stoties grafinei naudotojo sąsajai, kuri buvo originaliosios „Apple Macintosh“ sąsajos pirmtakė. Coxas norėjo paprastos, atpažįstamos piktogramos, kuri vienu spustelėjimu atvertų veiksmų sąrašą.
Po pirmojo pasirodymo hamburgerio meniu buvo naudojamas ribotai ir beveik pamirštas iki tol, kol maždaug 2009 metais plačiai paplito mobilieji telefonai. Poreikis efektyviai pateikti meniu galimybes mažuose ekranuose neapkraunant naudotojų padarė kompaktišką ir tvarkingą hamburgerio meniu piktogramą idealiu sprendimu.
Hamburgerio meniu populiarumą užtikrino „Twitter“ ir kitos telefonų programėlės, ėmusios jį naudoti, o vėliau jis atsirado „iPhone 3GS“ balso įrašų programėlėje ir kartu veikiančioje „iOS 4“ sistemoje – taip įtvirtindamas savo vaidmenį kaip pažįstamas paslėpto naršymo simbolis.
Hamburgerio meniu privalumai ir trūkumai
Hamburgerio meniu idealiai tinka mobiliesiems įrenginiams, tačiau naršymo juostos ir skirtukų meniu gali geriau tikti darbalaukio naudotojams. Štai kodėl:
Privalumai
Kompaktiškas hamburgerio piktogramos dydis yra pati jo egzistavimo priežastis. Ji taupo brangią ekrano erdvę ir sutvarko svetainės dizainą, ypač mažesniuose ekranuose, tokiuose kaip išmaniųjų telefonų. Spustelėjus arba palietus hamburgerio piktogramą, atsiskleidžia svetainės naršymas – ar tai būtų slenkantis meniu, išskleidžiamasis meniu, ar viso ekrano perdanga. Tai gali pagerinti mobiliojo pirkėjo patirtį.
Trūkumai
Nors erdvės taupymo privalumas neginčijamas, kai kas teigia, kad darbalaukio naršyklėse hamburgerio meniu gali apsunkinti aptinkamumą. Jei naudotojai nėra susipažinę su meniu piktograma, jie gali jos visai nepastebėti ir praleisti svarbų svetainės turinį ar naršymo galimybes.
Kad to išvengtumėte, apsvarstykite galimybę įdiegti prisitaikančio dizaino šablonus su skirtingomis meniu struktūromis skirtingiems įrenginiams. Svetainė gali rodyti tradicinę horizontalią naršymo juostą darbalaukiuose, bet mobiliuosiuose įrenginiuose perjungti į hamburgerio meniu, taip taupydama ekrano erdvę.
Pavyzdžiai iš praktikos: hamburgerio meniu veikime
Dažnai pastebėsite, kad svetainėje pritaikytas prisitaikantis dizainas, todėl hamburgerio meniu pasirodo tik mobiliojoje versijoje, o darbalaukio įrenginiuose rodomas kitokio stiliaus meniu. Štai kelios el. prekybos svetainės, kurios efektyviai naudoja hamburgerio meniu:
„TCB Jeans“
„TCB Jeans“ viską palaiko paprasta – savo mobiliosios svetainės viršuje naudoja standartinį trijų linijų hamburgerio meniu mygtuką. Jį spustelėjus, iš kairės pusės išslenka nuorodų sąrašas su punktais „Pradžia“, „Produktai“ ir „Apie mus“. Prie nuorodos „Produktai“ yra mažas pliuso ženklas, užsimenantis, kad palietus atsiveria daugiau galimybių.
TCB darbalaukio svetainėje taip pat naudojamas hamburgerio meniu, leidžiantis viso pločio fotografijos fonui ir patraukliems pasiūlymams atsidurti dėmesio centre. Mobiliojoje versijoje hamburgerio meniu įslenka kaip perdanga ir taip vizualiai parodo naudotojams, kad meniu galima paslėpti ir atskleisti puslapį už jo. TCB hamburgerio meniu dizainas yra:
- Švarus. Grūsti meniu mygtukus mažame telefono ekrane – prasta mintis. Geriau juos paslėpti hamburgerio meniu.
- Pažįstamas. Hamburgeris mobiliosiose svetainėse yra įprastas, todėl daugumai naudotojų jis nekelia painiavos.
- Leidžiantis produktams patraukti visą dėmesį. Paslėpus meniu už hamburgerio mygtuko, produktų fotografijos labiau išsiskiria ir sustiprina parduodamus produktus.
„Gymshark“
„Gymshark“ svetainė yra puikus pavyzdys, kaip darbalaukio svetainė gali skirtis nuo savo mobiliesiems įrenginiams pritaikytos versijos. Darbalaukyje hamburgerio meniu nėra, tačiau mobiliajame įrenginyje jis pasirodo viršutiniame kairiajame kampe. Jį palietus, atsiskleidžia paieškos laukelis ir produktų kategorijų submeniu. Norėdami grįžti į pradžios puslapį, tiesiog palieskite X piktogramą viršutiniame dešiniajame kampe.
„Gymshark“ hamburgerio meniu veikia gerai, nes pirmenybę teikia tam, kas svarbiausia – iš karto rodo pasiūlymus ir naujus drabužius, kad iškart sudomintų. Jis taip pat yra pažįstamas: meniu mygtukas išdėstytas ten, kur tikitės, o po jo pateikiamas paprastas ir lengvai suprantamas sąrašas.
Patarimai sėkmingam hamburgerio meniu
Svetainių savininkai, naudojantys hamburgerio meniu, gali turėti omenyje šešis patarimus, kaip pagerinti naudotojo patirtį ir padidinti konversijų rodiklius:
Padarykite jį nuolat matomą
Daugeliu atvejų hamburgerio meniu yra nedidelis. Pasirūpinkite, kad jį vis tiek būtų lengva pastebėti. Įdėkite jį į viršutinį kairįjį arba viršutinį dešinįjį ekrano kampą, kur naudotojai paprastai žiūri. Ir išlaikykite tą pačią vietą visuose savo svetainės puslapiuose.
Laikykitės standartinės hamburgerio piktogramos
Savo hamburgerio meniu naudokite plačiai atpažįstamas tris lygiagrečias horizontalias linijas (☰). Šios piktogramos yra paplitusios, todėl dauguma naudotojų iškart supranta jų paskirtį.
Teikite pirmenybę meniu elementų hierarchijai
Logiškai sutvarkykite savo meniu elementus. Galite pridėti paieškos laukelį, o tada svarbiausias ir dažniausiai naudojamas kategorijas ar puslapius išdėstyti nuo viršaus žemyn.
Būkite patogus mobiliesiems ir prieinamas
Pasirūpinkite, kad jūsų meniu gerai veiktų visuose mobiliuosiuose įrenginiuose ir jutikliniuose ekranuose. Meniu elementai turėtų būti pakankamai dideli, kad juos būtų lengva paliesti pirštu.
Pridėkite animaciją ir vizualinį atsaką
Naudotojui sąveikaujant su meniu, subtilūs efektai suteikia vizualinių užuominų. Pavyzdžiui, linijos gali pasisukti ir virsti X arba +, žymėdamos atvėrimą ir uždarymą. Linijos gali keisti storį arba subtiliai išsiplėsti. Išnykimo ir poslinkio efektai suteikia gylio, kai naudotojas sąveikauja. Arba galite pakeisti spalvą ar padaryti, kad palietus jis šiek tiek pašoktų.
Testuokite ir rinkite atsiliepimus
Prieš galutinai patvirtindami savo hamburgerio meniu, išbandykite jį su tikrais naudotojais. Stebėkite, kaip jie su juo sąveikauja, ir rinkite atsiliepimus.
Hamburgerio meniu naudojimas su kitomis naršymo priemonėmis
Kartais geriausias būdas pagerinti svetainės naudojamumą – derinti skirtingus mygtukus ir meniu. Kiekvienas tipas turi savo stipriąsias ir silpnąsias puses, bet naudojami kartu jie gali sukurti sklandesnę ir efektyvesnę naudotojo patirtį.
El. prekybos žiniatinklio dizaineriai gali naudoti derinius, palengvinančius produktų atradimą ir suteikiančius aiškią bei tiesioginę prieigą prie krepšelio ir atsiskaitymo proceso. Patikrinkite, ar visus naršymo elementus lengva paliesti jutikliniuose ekranuose. Išbandykite skirtingus derinius, kad pamatytumėte, kas geriausiai tinka jūsų tikslinei auditorijai:
- Viršutinė naršymo juosta ir hamburgeris. Naudokite viršutinę naršymo juostą esminėms kategorijoms ir funkcijoms, tokioms kaip parduotuvė ir krepšelis, o hamburgerio meniu palikite rečiau naudojamoms naršymo funkcijoms, tokioms kaip „Apie mus“, „Kontaktai“, „Klientų aptarnavimas“ ir „Taisyklės“. Taip pagrindinis ekranas išlieka švarus, bet vis tiek suteikia greitą prieigą prie reikalingų puslapių.
- Skirtukų naršymas ir hamburgeris. Naudokite skirtukų naršymą produktų kategorijos puslapyje, kad filtruotumėte ar rūšiuotumėte produktus, pavyzdžiui, „Naujienos“, „Perkamiausi“ ir „Rūšiuoti pagal kainą“. Taip naudotojai gali greitai patikslinti savo produktų paiešką, panaudoję jūsų hamburgerio meniu bendram svetainės naršymui.
- Prilipdyta antraštė ir hamburgeris. Prilipdytoje antraštėje yra svarbios nuorodos į pagrindines kategorijas, ir ji lieka ekrano viršuje jums slenkant. Hamburgerio meniu būtų naudojamas antraeiliams puslapiams.
Pavyzdžiui, „Fly by Jing“ svetainė naudoja hamburgerio meniu plačioms meniu pasirinktims, bet pats parduotuvės puslapis naudoja skirtukų meniu su keturiomis galimybėmis „Sauces“, „Sets“, „Pantry“ ir „Merch“ („Padažai“, „Rinkiniai“, „Sandėliukas“ ir „Suvenyrai“) tolesniam tikslinimui.
DUK apie hamburgerio meniu
Kodėl jis vadinamas hamburgerio meniu?
Terminas „hamburgerio meniu“ nurodo vizualinį piktogramos panašumą į hamburgerį. Ją sudaro trys viena virš kitos sudėtos horizontalios linijos.
Kas yra hamburgerio meniu svetainėje?
Hamburgerio meniu yra paprasta piktograma, kuri spustelėjus arba palietus atskleidžia svetainės ar tinklalapio naršymo meniu.
Kaip vadinamas trijų taškų meniu?
Meniu, žymimas trimis vertikaliais taškais, dažniausiai vadinamas „daugiau galimybių“ meniu, „vertikaliuoju daugtaškiu“ arba kartais „kebabo meniu“.
