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.