Pagrindinis » UI / UX » Nugalėtojo navigacijos meniu idėjų ir įkvėpimų projektavimas

    Nugalėtojo navigacijos meniu idėjų ir įkvėpimų projektavimas

    Svetainės naršymo meniu yra kaip kelio ženklas gatvėje arba prekybos centro prekybos lygmenyje. Jūs negalite pasiekti savo tikslo, prieš tai nežinodami, kur esate. Kaip ir realiame gyvenime, navigacija žiniatinklio dizaine yra labai svarbi ir atlieka svarbų vaidmenį interneto svetainės naudojime ir naudotojų patyrime.

    Šiandien galite pamatyti daug įvairių tipų navigacijos meniu su įdomiais, kūrybingais ir neįprastais dizainais. Bet kaip apie efektyvią navigaciją svetainėje, kaip atrodytų; kaip jis turėtų atrodyti?

    Šiandien norėčiau pasidalinti savo pastabomis ir žiniomis apie navigacijos svarbą interneto dizaino srityje. Aš atskleisiu keletą paprastų patarimų, kuriuos galite naudoti norėdami pagerinti savo svetainės navigaciją ir naudojimąsi. Taip pat bus keletas veiksmingų navigacijos meniu pavyzdžių, suteikiančių jums idėją, kaip planuoti kitą dizainą.

    Informacijos architektūra

    Navigacijos planavimas turėtų prasidėti nuo informacijos architektūros. Labai svarbu atsisėsti ir intelektas apie svetainės informacijos architektūrą. Turite išsiaiškinti, kokias funkcijas siūlo svetainė, kas yra svarbiausia ir ką galima išdėstyti žemesniame informacijos hierarchijos lygmenyje.

    Informacinė architektūra apima funkcijų, vartotojų poreikių, svetainės schemos, testavimo ir wireframes. Daugiau informacijos apie informacijos architektūrą galite skaityti Cameron Chapman straipsnyje „Informacinė architektūra 101: metodai ir geriausios praktikos pavyzdžiai“.

    Naudojant vartotojo įgalintas technologijas

    Nenaudokite „Flash“, „JavaScript“, „jQuery“ ar kitų dalykų, kurie kelia grėsmę prieigai prie jūsų svetainės naršymo kurdami savo naršymo juostą, arba bent jau įsitikinkite, kad jie gali sugadinti maloniai.

    Daugiau nuorodų grakštus javascript degradavimas, patikrinkite šį pranešimą 10 naudingų metodų CSS ir „Javascript“.

    Naudokite paprastas, patogias vartotojui sąlygas

    Geriau naudoti paprasta, akivaizdi ir suprantama naršymo meniu laikytis tik pramonės sąlygų. Bet kokia nuoroda, kurioje naudotojai gauna daugiau nei antrą ar du kartus, greičiausiai netinka naudoti.

    Jei naudotojas turi spustelėti saitą, kad išsiaiškintų, kas yra nuoroda, tuomet tai prisidės prie blogo naudotojų patirties.

    Pavyzdžiai

    „Larissa Ness“ svetainės navigacijos meniu terminai yra lengvai suprantami ir pakankamai bendri. Vartotojai nematys painiavos, nes jie jau turi patirties su tokiais meniu.

    Toliau pateikiamas dar vienas geras švarios ir aiškios svetainės navigacijos meniu su įprastais terminais pavyzdys.

    Kūrybinė agentūra „Eighty8Four“ naudoja terminą „salonas“, kuris gali būti painus lankytojams. Šis terminas gali reikšti portfelį ar darbą, tačiau nėra aišku, ir lankytojai neturi kito pasirinkimo, kaip tik spustelėti, kad patikrintų.

    Standartizuokite navigacijos projektą

    Naudokite tą patį navigacijos modelį visuose puslapiuose. Tai labai svarbu, nes be nuoseklaus dizaino vartotojas gali manyti, kad jis yra kitoje svetainėje. Įsitikinkite, kad naudojate tą patį navigacijos modelį, kad vartotojai galėtų lengvai apsilankyti jūsų svetainėje, neprarandant.

    „Bluegg“, žemiau parodyta paprasta ir švari navigacijos konstrukcija, kuri visuose sublapiuose lieka tokia pati. Vienintelis skirtumas yra spalvų indikatorius, rodantis puslapį, kuriame lankytojas šiuo metu yra.

    Nurodykite, kur esate

    Labai svarbu, kad vartotojas žinotų, kur jis yra. Tai galite padaryti keisti nuorodos foną, puslapio pavadinimo spalvą arba pasukite tekstą paryškintu naršymo meniu, kad jis būtų kitoks nei kiti.

    Austin Eastciders naudoja skirtingą spalvą ir foną, kad nurodytų puslapį, kuriame naudotojas yra. Šis indikatorius taip pat gali veikti kaip subtilus dizaino pakeitimas, pavyzdžiui, naudojant a skirtingas navigacijos fonas kuris sukuria jausmą, kad kiti meniu elementai yra išsamūs.

    Žiniasklaidos chirurgija naudoja tamsesnę spalvą kaip atidaryto sublapto indikatorių. Paprasta, bet efektyvu.

    Naudokite žiniatinklio konvencijas

    Visa tai yra paprasta naudoti ir intuityvi svetainė. Interneto konvencijos leidžia dizaineriams daug lengviau dirbti su savo dizainu. Dauguma naudotojų spustelėtų svetainės logotipą, kad sugrįžtų į pagrindinį puslapį, todėl sukurkite savo logotipą.

    Jei ne, tu padarei juos praleisti laiką išmokti kažką naujo arba kai kuriais atvejais jiems nepatogumų, nesuteikiant to, ko jie tikisi būti visuotinai priimtomis navigacijos normomis.

    Daugiau apie interneto konvencijas galite sužinoti čia:

    • 10 Web dizaino konvencijų
    • Neatkurkite „Web Design“ rato
    • Dizainas su interneto konvencijomis

    Injekcijos dizainas viršutiniame kairiajame kampe dedamas logotipas, kuris šiandien atitinka vieną iš dažniausiai naudojamų interneto konvencijų.

    Adamo kūrimas naudoja vieną iš labiausiai paplitusių interneto konvencijų - logotipas pateikiamas kairiajame viršutiniame svetainės kampe ir nuorodos į pagrindinį puslapį.

    Išbandykite: įtraukite trečiąją šalį

    Visada patikrinkite savo navigacijos dizainą su bet kuriuo asmeniu, kuris anksčiau naudojosi internetu. Galite išbandyti žmones, kurie nebuvo susiję su projektavimo procesu. Naršydami stebėkite jų nuostatas per savo svetainę ir išanalizuokite laiką, kurio reikia, kad surastų puslapius, kuriuos jie ieškojo.

    Siekiant didesnio tikslumo, įtraukti daugiau žmonių, rinkti duomenis, analizuoti ir apibendrinti už geriau tinka. Jei reikia, atlikite po bandymo atliktą tyrimą. Jūs galite gauti keletą netikėtų idėjų ir įvesties, kurios priešingu atveju nebūtų aptiktos.

    Pateikite kontekstą

    Jei norite, kad jūsų turinys ir navigacija atitiktų tam tikrą kontekstą, svetainės naudotojai gali greitai rasti reikiamus dalykus. Jūs galite įdėti mažas piktogramas, susijusias su turiniu, kurį susiejote, arba trumpus aprašymus, kad pateiktumėte, kas yra puslapis.

    Mano paties dviratis naudoja paprastas piktogramas, kad naudotojai gautų daugiau informacijos apie tai, ką jie gali rasti tam tikruose puslapiuose.

    Sarah Parmenter pagrindinėje navigacijoje naudoja trumpas ir gražias antraštes, kad pateiktų informaciją apie pagrindinius naršymo puslapius.

    SEO tikslai

    „Google“ mėgsta nuoseklią navigaciją. Gerai turėti nuoseklią navigaciją ne tik vartotojams, kad jie suprastų ir suprastų, kaip naršyti po svetainę, bet ir paieškos sistemoms, kad indeksuotų jūsų svetainę.

    Paieškos variklio robotai nuskaito jūsų svetainę, kad indeksuotų jūsų svetainę ir įdėtų nuorodas į paieškos rezultatų puslapį. Jei norite būti matomas, atkreipkite dėmesį į gerą navigacijos dizainą ir gaukite daugiau lankytojų.

    Nemokami navigacijos scenarijai (CSS ir jQuery)

    Čia pateikiamas trumpiausias naujausių navigacijos meniu sąrašas, kurį galite rasti savo projektams. Šie scenarijai dar labiau pagerins jūsų produkto naudotojų patirtį, pridedant keletą gražių funkcijų ir naudodami.

    XML valdomas vertikalių naujienų slinkties scenarijus naudojant HTML ir jQuery: vScroller

    Filtrify

    Puslapio slinkiklis

    Laiko linijos portfelis

    HorizontalusisNav

    CSS3 minimalus navigacijos meniu

    „Circle Navigation Effect“ su „CSS3“

    Grid navigacijos efektai su jQuery

    Ascensorius

    Sukurkite elegantišką CSS3 navigacijos meniu

    Gražios horizontalios navigacijos demonstravimas

    Ir paskutinis, bet ne mažiau svarbus įkvepiantis horizontalus navigacijos meniu. Patikrinkite šias nuostabias svetaines ir jų navigacijos meniu sprendimus, kad rastumėte naujų idėjų savo projektams.

    Ch3mical

    Bloom Search Marketing Inc.

    Alex Perez

    Libor Zezulka

    Hauska!

    Auksinės salos

    Neil Carpenter

    Marc Thomas

    3D polistirenas

    Lichtenšteinas

    Nuotykių pasaulis

    Arbutus fotografija

    OMDRL

    4 Pines Beer

    Medžiotojų vynai

    Tikimės, kad šis straipsnis bus naudingas ir informatyvus. Jei turite kokių nors minčių arba nesutinkate, prašome pasidalinti savo nuomonėmis komentarų skiltyje.