5 suurepärast saiti, kust saidil navigeerimise ideid varastada

Disaineritel on navigeerimismenüüdest lihtne mööda vaadata.

Meil on paar standardset paigutust, mille poole me iga kord sirutame, öeldes endale, et kasutajad ootavad seda. Ja see on tõsi, et töötava juurde jäämine on mõttekam kui uudsuse poole püüdlemine selle enda pärast, ja me peame kujundama kasutajate ootusi silmas pidades.

Kuid kui päise navigeerimismenüüd on peamine viis, kuidas kasutajad veebisaidil navigeerivad, kas me ei peaks uuesti vaatama ja uurima, kas saame oma oma paremaks muuta? Kasutajad ei näe meie muid disainilahendusi, kui nad ei saa isegi avalehelt lahkuda.

Ma ei propageeri lihtsalt ühe sellise varastamist. Kuid ma soovitan neilt õppust võtta ja nende ideedele tuginedes luua päismenüüd, mis on tegelikult normist paremad.

Seda silmas pidades on siin seitse parimat uuenduslikku päisemenüüd, mida täna veebis näete.

1: Reiss

Reiss on Ühendkuningriigis asuv rõivaäri. Nende mitme valikuga rippmenüü on tuttav, kui olete kunagi Internetist riideid ostnud.

Kuid erinevalt enamikust e-kaubandusega tegelevatest ettevõtetest kasutab Reiss pilte otse menüü rippmenüüst.

Selle asemel, et lugeda tekstilist kirjeldust, klõpsata ainult selle põhjal ja alles seejärel silmitsi seista kaalutava toote kujutisega, näeb Reissi külastaja kaupu lihtsalt kohe.

Teame, et e-kaubanduse pildid mõjutavad kasutajaid tugevalt. Nad on peamine müügitegur. Nii et kas pole mõtet neid tutvustada võimalikult varajases klienditeekonnas?

Pettumust valmistav on see, et nad ei kanna seda uuenduslikku lähenemist oma mobiilisaidile, kus menüü on vasakus ülanurgas tavaline hamburgeri tekstmenüü.

Võib-olla sellepärast, et Reiss ei müü mobiilis kuigi palju – aga me teame, et e-poe ostjate teekonnad saavad sageli alguse mobiilist, nii et kui kavatsete seda menüüideed laenata, proovige leida viis, kuidas seda väikesel ekraanil sama hästi rakendada.

2: unistus

Ruya navigatsioon sobib agentuurile, mis on uhke disaini üle. Avalehe päisepilt kujutab endast veebilehe teekonna kaarti suure graafikuna; teksti lugemise asemel saavad kasutajad valida kaardil koha, mida külastada.

See on meeldiv puudutus, kuna see kordab mängimist – paljud kasutajad tunnevad videomänge, millel on sellised interaktiivsed kaardid nagu see.

Ettevaatlikele kasutajatele, kes ei soovi uut stiili interaktiivset animeeritud menüüd proovida, on ülaosas traditsiooniline hamburgeri menüü.

Sellel menüüpaigutusel on mõned suurepärased plussid. See on intuitiivne, mitte sellepärast, et see on üldine, vaid sellepärast, et idee on tuttav ja mõttekas. See on muljetavaldav: pärast selle nägemist ei unusta te agentuuri nime. Kas nende interaktiivne menüü on sisuturunduse vorm? Ma ütleks nii.

Kuid sellega kaasnevad ka mõned probleemid. See aeglustab lehte. Mõju on oodatust väiksem, kuid kui teie arvuti või Interneti-ühendus ei ole vähemalt päris kiire, ei saa te sellest palju kasu peale pettumuse. Ja selle rakendamine tähendab, et avalehe jaoks tuleb kirjutada märkimisväärne kohandatud kood – see on palju tööd, et panna kujundusideed, mis te ei tea, et see end ära tasub.

Kahjuks on mobiilis Ruya stiilne originaalmenüü taandatud staatiliseks taustapildiks.

See on endiselt nähtav ja näeb endiselt hea välja. Kuid see ei toimi menüüna. Päisepildina hinnates tundub see kuidagi hõivatud, räpane ja – noh, paljuski teistest valikutest kehvem.

Kui teie klientidel on tavaliselt ülikiire lairibaühendus ja te saate säästa nii arendustunde kui ka disainipingutusi, et midagi sellist luua, võib see teid konkurentidest ettepoole tõsta. Kuid jällegi, arvestades, et mobiil on tegelikult praegu esimene ekraan, kas te ei peaks veenduma, et teie loovust näeks ka enamik teie külastajaid?

3: Mashable

Giganto menüüd on sisule keskendunud saitide seas populaarsed. Põhjus on ilmne: sellistel saitidel on lihtsalt rohkem lehti. (Mashable.com-il on 256 000 lehekülge. Tõesti!) Ja kasutajad tahavad loomulikult uusimat kraami, liigitatuna. Ajastul, kus nii ajalehe kui ajakirja funktsioonid on anastanud algoritmiliselt kureeritud piltide, reklaamide ja videotega uudistevood, vajab ajakirja sait tõesti enamat kui kuiva sisukorda.

See samm on rohkem tulevikku vaatav, kui võib tunduda. Kui tehnoloogiaajakirjad, nagu Wired, esimest korda veebi kolisid, pidasid nad ajakirjade avaldamise ajakava, muutes saiti igal nädalal nagu uut numbrit. Kui nad mõistsid, et kasutajad külastasid seda ainult siis, kui neil oli uut sisu, läksid nad üle pidevale avaldamisele.

Toona oli väljaanne paberajakirja jaoks koostatud avaldamisgraafik. Veebis saate avaldada järk-järgult ja seda teevad nüüd kõik. Kuid ajakirjade saitide puhul ei pea päisemenüüd jäljendama tegelike ajakirjade sisulehti. Päismenüüd, mida ei piira tint ja paber, võivad olla dünaamilised, värvilised, intrigeerivad ja informatiivsed – see on omaette vara, mis aitab teil siiski leida, mida soovite.

Kahjuks, nagu paljud teised selles loendis, on Mashable’i mobiilimenüü palju vähem huvitav. Töölauasaidi ekraani täitev mebamenüü muutub mobiilis paanide virnaks:

4: Monopo

Monopo astub oma menüü keskmesse seadmisel sammu kaugemale, kui enamik kaubamärke julgeks. Esialgu on nende kodulehel tavaline päisemenüü. Kuid klõpsake üksusel ja teid suunatakse ekraani täitvasse menüüsse. Menüüüksuste jaoks on pildid koos animatsioonidega, mis tõmbavad tähelepanu ja tõmbavad vaataja sisse. Valige alamkategooria ja illustreeritud menüü muutub keritavaks, mis võimaldab teil liikuda lehel alla ja vaadata rohkem ilma klõpsamata. See on menüü kui kogemus, kui funktsioon, mitte vastumeelne järelmõte.

Mobiilis näeb menüü palju tavalisem välja. Seal on klassikaline paremas ülanurgas hamburger, langeb kast ees ja keskel ning seejärel kerib kasutaja klõpsatavatest piltidest mööda ekraani allapoole.

See on kujundus, mis on tegelikult ajaveebidest tuttavam kui veebisaidi põhiosa, kuid siiski mitte nii uus ja intrigeeriv kui töölauamenüü. Selle eeliseks on see, et see on väga visuaalne, intuitiivne kasutada ja isegi mobiiliversioonis annavad hoolikalt valitud pildid edasi aimu agentuuri lähenemisest.

Mida see aga ei paku, on uuenduslik mobiilimenüü kogemus. Pildid on suurepärased, kuid need on ikkagi vaid plaatide virn.

5: pabertelevisioon

Oleme vaadanud saite, mis panevad oma menüüd täpselt sinna, kuhu kasutajad ei saa mööda vaadata, keskendudes kasutajakogemuse loomisele, mis võimaldab külastajatel kohe algusest peale kontrollida, kuidas nad saidil navigeerida.

Kuid Paper Television on üks kasvavatest saitidest, mis kasutavad vastupidist lähenemisviisi ja otsivad globaalselt peidetud menüüd. Paper Television menüü on ülemise nurga hamburger. Kas see ei takista kasutajatel orienteerumist?

Teoreetiliselt on hea disain, kui menüü on möödapääsmatu ja standardses, äratuntavas kohas. Kuid paljude mobiilikasutajate jaoks on hamburger standardne ja äratuntav. Pidage meeles, et Paper Televisioni liiklus läheb enamasti selle kodulehele:

Ja võtke arvesse asjaolu, et sihtlehed konverteerivad palju paremini, kui menüüelemendid eemaldatakse – mõnikord isegi 100% paremini. Kui nende avaleht on sisuliselt sihtleht, siis kas Paper Television ei peaks võimalikult palju eemaldama nähtava navigeerimise, säilitades samal ajal saidil navigeerimise võimaluse neile, kes seda tegelikult soovivad?

Lisaks on nende koduleht mobiilis peaaegu identne – vaid veidi erinevad mõõtmed.

Tõeliselt mobiilne esmane kogemus peaks piirduma mobiiliekraani jaoks mõeldud disainiga ja vaatama mobiilikasutajate ootustele ja harjumustele vastavat kujundamist.

Alati peidetud menüü, mis on mobiiliekraani kinnisvara vähenemise tagajärg, on selles kontekstis igati loogiline, nii et võib-olla näeme neid järjest rohkem!

Järeldus

Siin on kuvatud hulk erinevaid menüüstiile, alates menüüdest, mis võtavad saidi üle ja täidavad ekraani, kuni menüüdeni, mis end ära peidavad. Kõige olulisem kõigi nende menüüde puhul on see, et need algavad püüdest anda kasutajale midagi värsket ja teistsugust – nad püüavad võtta mõne veebisaidi kõige väärtuslikuma kinnisvara ja muuta selle millekski enamaks kui lihtsalt rida viis kuni seitse klõpsatavat valikut.

Paljud neist kukuvad maha mobiilseadmetes, kus nende disainerite töölauasaitidele pandud huvitav ja stiilne looming kipub andma teed sama vanadele ja samadele kerimiskaartidele. Mida me saame sellega teha? Andke meile allolevates kommentaarides teada – ja minge muutke oma menüüd ägedaks!