Uzvarētāju navigācijas izvēlnes ideju un iedvesmu izstrāde

Tīmekļa vietnes navigācijas izvēlne ir kā ceļa zīme ielā vai līmeņa direktorijā tirdzniecības centrā. Jūs nevarat sasniegt savu galamērķi, vispirms nezinot, kur esat. Tāpat kā reālajā dzīvē, navigācija tīmekļa dizainā ir ļoti svarīga un tai ir liela nozīme gan tīmekļa vietnes izmantojamībā, gan lietotāja pieredzē.

Mūsdienās jūs varat redzēt daudz dažādu veidu navigācijas izvēlnes ar interesantiem, radošiem un neparastiem dizainiem. Bet kā par efektīvu navigāciju tīmekļa vietnē, kā tas izskatās? kā tas izskatās?

Šodien es vēlos dalīties ar saviem novērojumiem un zināšanām par navigācijas nozīmi web dizainā. Es atklāšu dažus vienkāršus padomus, ko varat izmantot, lai uzlabotu vietnes navigāciju un lietojamību. Būs arī daži efektīvas navigācijas izvēlņu piemēri, lai sniegtu jums priekšstatu par to, kā plānot nākamo dizainu.

Informācijas arhitektūra

Navigācijas plānošanai jāsākas ar informācijas arhitektūru. Ir ļoti svarīgi sēdēt un idejas par tīmekļa vietnes informācijas arhitektūru. Jums ir jāprecizē, kādas funkcijas tīmekļa vietne piedāvā, kas ir vissvarīgākais un kas var tikt ievietots zemākos līmeņos informācijas hierarhijā.

Informācijas arhitektūra ietver funkcijas, lietotāju vajadzības, sitemap, testēšana un wireframes. Plašāku informāciju par informācijas arhitektūru var lasīt Cameron Chapman rakstā Informācijas arhitektūra 101: Metodes un labākā prakse.

Lietotāju iespējotu tehnoloģiju izmantošana

Izvairieties no Flash, JavaScript, jQuery vai neko citu, kas var apdraudēt piekļuvi jūsu tīmekļa vietnes navigācijai, veidojot navigācijas joslu, vai vismaz pārliecinieties, ka tie spēj pazemināt graciozi.

Lai iegūtu vairāk informācijas par grūts javascript degradācija, izbraukšana šo ziņu 10 Noderīgas Fallback metodes CSS un Javascript.

Izmantojiet vienkāršus, lietotājam draudzīgus noteikumus

Tas ir labāk izmantot vienkārši, acīmredzami un viegli saprotami termini lai saglabātu tikai navigācijas izvēlnes noteikumus. Jebkura saikne, kas patērētājiem, kas ir vairāk nekā sekundes vai divas, izrēķina, iespējams, nav piemērota lietošanai.

Ja lietotājam ir jānoklikšķina uz saites, lai noskaidrotu, ko saite noved, tas palīdzēs apmeklētājiem slikti izmantot lietotāju pieredzi.

Piemēri

Larissa Ness tīmekļa vietnes navigācijas izvēlnes noteikumi ir viegli saprotami un pietiekami kopīgi. Lietotāji neatradīs to mulsinoši, jo viņiem jau ir pieredze ar šādām izvēlnēm.

Lūk, vēl viens labs piemērs tīram un skaidram tīmekļa vietnes navigācijas izvēlnei ar vispārējiem lietotajiem terminiem, kas atrodas neitportā.

Radošā aģentūra Eighty8Four izmanto terminu "izstāžu zāle", kas apmeklētājiem var radīt neskaidrības. Šis termins var nozīmēt portfeli vai darbu, bet nav skaidrs, un apmeklētājiem nav citas izvēles, kā tikai noklikšķināt, lai to pārbaudītu.

Standartizējiet navigācijas dizainu

Izmantojiet to pašu navigācijas modeli visās jūsu lapās. Tas ir ļoti svarīgi, jo bez konsekventa dizaina lietotājs var domāt, ka viņš atrodas citā tīmekļa vietnē. Pārliecinieties, vai izmantojat vienu un to pašu navigācijas modeli, lai lietotāji varētu viegli apmeklēt jūsu vietni, nezaudējot.

Bluegg, tiek parādīts vienkāršs un tīrs navigācijas dizains, kas visās apakšlapās paliek nemainīgs. Vienīgā atšķirība ir krāsu indikators, kas parāda lapu, kurā apmeklētājs pašlaik atrodas.

Norādiet, kur esat

Ir ļoti svarīgi, lai lietotājs zinātu, kur viņš vienmēr ir. To var izdarīt mainot saites fonu, lapas nosaukuma krāsu vai pagrieziet tekstu treknrakstā navigācijas izvēlnē, lai padarītu to atšķirīgu no citiem.

Austin Eastciders izmanto citu krāsu un fonu, lai norādītu lapu, kurā lietotājs ir ieslēgts. Šis indikators var darboties arī kā smalka dizaina maiņa, piemēram, izmantojot a dažādu navigācijas fonu kas rada sajūtu, ka citi izvēlnes elementi ir dziļi.

Mediju ķirurģija izmanto tumšāku krāsu kā atvērtas apakšlapas indikatoru. Vienkāršs bet efektīvs.

Izmantojiet tīmekļa konvencijas

Tas viss ir par viegli lietojamu un intuitīvu tīmekļa navigāciju. Web konvencijas padara dizainerus daudz vieglāk strādāt ap dizainu. Lielākā daļa lietotāju noklikšķinās uz tīmekļa vietnes logotipa, lai atgrieztos mājaslapā, tāpēc veidojiet savu logo, lai to izdarītu.

Ja jums nav, jūs liekat viņiem pavadīt laiku, lai uzzinātu kaut ko jaunu vai dažos gadījumos tas rada neērtības, nesniedzot to, ko viņi sagaida kā vispārpieņemtas navigācijas normas.

Jūs varat uzzināt vairāk par tīmekļa konvencijām šeit:

10 Web dizaina konvencijas
Neatjaunojiet Web dizaina riteņu
Dizains ar tīmekļa konvencijām

Injicēt dizainu novieto logotipu augšējā kreisajā stūrī, kas šodien atbilst vienai no visbiežāk lietotajām tīmekļa konvencijām.

Adamsas radīšana izmanto vienu no visbiežāk sastopamajām interneta konvencijām - logotips tiek ievietots mājas lapas kreisajā augšējā stūrī un saites uz mājas lapu.

Pārbaudiet to: Iesaistiet trešo personu

Vienmēr pārbaudiet savu navigācijas dizainu ar jebkuru personu, kas iepriekš izmantojusi internetu. Iespējams, vēlēsities iekļūt cilvēkiem, kuri nav saistīti ar projektēšanas procesu, lai to pārbaudītu. Ievērojiet viņu preferences, kad viņi pārvietojas caur jūsu vietni un analizējiet laiku, kas vajadzīgs, lai atrastu lapas, kurās tās bija redzamas.

Lai uzlabotu precizitāti, iesaistīt vairāk cilvēku, vāc datus, analizē un apkopo to labākai piemērotībai. Ja nepieciešams, veiciet pēcpārbaudi. Jūs varat saņemt dažas negaidītas idejas un ievadi, kas citādi tiktu atklātas bez šī izmēģinājuma.

Sniedziet kontekstu

Lai nodrošinātu atbilstību jūsu saturam un navigācijai, tīmekļa vietnes lietotājiem ir jārod konteksts, kas ļauj ātri atrast vajadzīgās lietas. Jūs varat ievietot nelielas ikonas, kas saistītas ar jūsu saistīto saturu, vai īsus aprakstus, lai sniegtu pārskatu par to, kas ir par lapu.

Mans pašu velosipēds izmanto vienkāršas ikonas, lai sniegtu lietotājiem vairāk informācijas par to, ko viņi var atrast noteiktā apakšlapā.

Sarah Parmenter galvenajā navigācijā izmanto īsus un jaukus parakstus, lai sniegtu informāciju par apakšlapām, uz kurām ir savienota galvenā navigācija.

SEO mērķi

Google patīk konsekventa navigācija. Ir labi, ja lietotājiem ir konsekventa navigācija ne tikai, lai saprastu un iegūtu priekšstatu par to, kā pārlūkot jūsu vietni, bet arī meklētājprogrammas, lai indeksētu jūsu vietni.

Meklētājprogrammu roboti pārmeklē jūsu vietni, lai indeksētu jūsu vietni un ievietotu saites meklētājprogrammas rezultātu lapā. Ja vēlaties būt redzami, pievērsiet uzmanību labam navigācijas dizainam un iegūt lielāku satiksmi.

Bezmaksas navigācijas skripti (CSS un jQuery)

Šeit ir īss saraksts ar jaunākajām navigācijas izvēlnēm, kuras varētu būt noderīgas jūsu projektiem. Šie skripti padarīs jūsu produkta lietotāja pieredzi vēl labāk, pievienojot dažas jaukas funkcijas un padarot to patīkamu.

XML orientēts vertikālo ziņu ritināšanas skripts, izmantojot HTML un jQuery: vScroller

Filtrifikēt

Lapas ritinātājs

Laika līnijas portfelis

HorizontālāNav

CSS3 minimālisma navigācijas izvēlne

Ceļu navigācijas efekts ar CSS3

Režģa navigācijas efekti ar jQuery

Ascensors

Izveidojiet elegantu CSS3 navigācijas izvēlni

Skaistas horizontālas navigācijas vitrīna

Un visbeidzot, bet ne mazāk svarīgi ir dažas iedvesmojošas horizontālas navigācijas izvēlnes. Pārbaudiet šīs pārsteidzošās tīmekļa vietnes un to navigācijas izvēlnes risinājumus, lai atrastu jaunas idejas jūsu projektiem.

Ch3mical