Skaidra navigācija: kā palīdzēt apmeklētājiem atrast vajadzīgo bez domāšanas

Kad kāds apmeklē tavu mājaslapu, viņš nevēlas tērēt daudz laika, lai saprastu, kur atrodas vajadzīgā informācija. Viņš vēlas ātri atrast meklēto, lieki neritinot lapu un nemēģinot uzminēt, kur jānoklikšķina.

Pat ja tava mājaslapa izskatās lieliski un tās saturs ir kvalitatīvs, neskaidra navigācija var apmeklētājus mulsināt un pamudināt doties prom.

Navigācija nav tikai saišu saraksts. Tā ir tavas mājaslapas ceļa karte, kas palīdz apmeklētājiem saprast, kurp doties, kas ir svarīgākais un kā ērti pārvietoties pa mājaslapu.

Šajā ceļvedī uzzināsi, kā ar Mozello izveidot skaidru un intuitīvu navigāciju. Apskatīsim izvēlnes struktūru un izskatu, kājenes sakārtošanu, kā arī vienkāršus ieteikumus, kas palīdzēs izvairīties no biežākajām iesācēju kļūdām.

Kāpēc skaidra navigācija ir svarīga

Iedomājies savu mājaslapu kā veikalu. Ja ejas ir pārblīvētas, plaukti ir nekārtīgi un nekas nav skaidri apzīmēts, klienti ātri dodas prom. Mājaslapā ir līdzīgi. Apmeklētājiem ir vajadzīga skaidra struktūra un saprotamas norādes.

Skaidra navigācija palīdz:

• Ātrāk atrast meklēto. Apmeklētāji uzreiz saprot, kur meklēt vajadzīgo informāciju.
• Pamanīt svarīgāko. Produktus, pakalpojumus un citu būtisku informāciju ir viegli atrast.
• Ērti pārvietoties pa mājaslapu. Loģiska struktūra dabiski vada apmeklētājus no vienas sadaļas uz nākamo.
• Vairot uzticību. Sakārtota mājaslapa rada profesionālu un uzticamu iespaidu.

Ja navigācija ir neskaidra, pat vērtīgs un labi sagatavots saturs var palikt nepamanīts.

Mozello navigācijas iespējas, kas palīdz iesācējiem

Mozello piedāvā vairākas iespējas, kas ļauj arī iesācējiem viegli izveidot pārskatāmu mājaslapas navigāciju:

• Pielāgojama galvenā izvēlne. Izvēlnei vari pievienot arī nolaižamās izvēlnes, lai ērti sakārtotu apakšlapas.
• Vairāki galvenes izkārtojumi. Vari izvēlēties izkārtojumu, kurā logotips atrodas pa kreisi, centrā, virs izvēlnes vai citā pozīcijā. Lai galvene izskatītos līdzsvarota un būtu ērti lietojama, pielāgo izvēlnes punktu skaitu izvēlētajam izkārtojumam.
• Kājenes satura pārvaldība. Izvēlies, kuras lapas parādīt kājenē, lai galvenā izvēlne paliktu vienkārša un nepārblīvēta.
• Mobilajām ierīcēm pielāgota izvēlne. Tā automātiski pielāgojas dažādiem ekrāna izmēriem.
• Profesionāli un viegli uztverami šabloni. Tie palīdz saglabāt izvēlni skaidru un pārskatāmu visās ierīcēs.

Ar šīm iespējām arī bez iepriekšējas pieredzes vari izveidot saprotamu, profesionālu un ērti lietojamu navigāciju.

Kā izvēlēties piemērotāko galvenes izkārtojumu

Izvēlētais galvenes izkārtojums ietekmē gan to, cik izvēlnes punktus vari ērti parādīt, gan to, kā apmeklētāji uztver tavu mājaslapu.

1. Logotips pa kreisi, izvēlne centrā

• Šis izkārtojums ir piemērots īsai vai vidēji garai izvēlnei.
• Vislabāk tas izskatās ar 4 līdz 6 galvenajiem izvēlnes punktiem.
• Apakšlapas vari sakārtot nolaižamajās izvēlnēs, nepārblīvējot galveno izvēlni.

2. Logotips pa kreisi, izvēlne pa kreisi vai pa labi

• Vienā pusē novietota izvēlne ir piemērota vidēji garai izvēlnei.
• Salīdzinājumā ar centrētu izvēlni šis izkārtojums sniedz nedaudz lielāku brīvību izvēlnes punktu skaita ziņā.
• Saglabā vienmērīgas atstarpes un nepievieno pārāk daudz izvēlnes punktu.

3. Logotips augšpusē, izvēlne zem tā

• Šis izkārtojums ir īpaši piemērots mājaslapām ar garāku izvēlni vai lielāku sadaļu skaitu.
• Tas nodrošina vairāk vietas izvēlnes punktiem, tāpēc galvene neizskatās saspiesta.
• Tā ir laba izvēle uzņēmuma mājaslapai, kurā vairākām svarīgām lapām jābūt redzamām uzreiz.

4. Logotips centrā, izvēlnes punkti pa kreisi

• Šis izkārtojums rada mūsdienīgu un vizuāli izteiksmīgu iespaidu.
• Vislabāk tas izskatās ar 3 vai 4 izvēlnes punktiem, jo lielāks to skaits var izjaukt galvenes līdzsvaru.
• Ja tavai mājaslapai ir daudz lapu, izvēlies citu izkārtojumu vai sakārto apakšlapas nolaižamajās izvēlnēs.

Piemērots galvenes izkārtojums palīdz izveidot pārskatāmu, līdzsvarotu un ērti lietojamu izvēlni neatkarīgi no tā, cik lapu ir tavā mājaslapā.

Ieteikumi skaidras navigācijas izveidei

1. Veido izvēlni vienkāršu

Jo vienkāršāka ir izvēlne, jo ātrāk apmeklētāji var atrast vajadzīgo. Pārāk daudz izvēlnes punktu rada apjukumu un apgrūtina svarīgākās informācijas atrašanu.

• Ja iespējams, galvenajā izvēlnē iekļauj tikai 4 līdz 7 svarīgākās lapas.
• Izmanto īsus un saprotamus lapu nosaukumus, piemēram, Pakalpojumi, Par mums vai Portfolio.
• Izvairies no sarežģītiem vai pārāk radošiem nosaukumiem. Apmeklētājam uzreiz jāsaprot, ko viņš atradīs katrā lapā.

Piemērs:
Nosaukuma Mūsu visaptverošie risinājumi katrai klienta vajadzībai vietā izmanto vienkāršu un skaidru nosaukumu Pakalpojumi.

2. Izcel svarīgākās lapas

Izvēlnes punktu secībai ir nozīme. Vispirms parādi lapas, kuras apmeklētājiem varētu būt visvairāk vajadzīgas.

Bieži izmantota un viegli saprotama secība ir:

• Sākums
• Par mums
• Pakalpojumi vai Produkti
• Blogs vai Portfolio
• Kontakti

Saistītās apakšlapas vari apvienot nolaižamajās izvēlnēs, lai galvenā izvēlne paliktu pārskatāma. Mozello lapu secību vari viegli mainīt, izceļot apmeklētājiem svarīgāko informāciju.

3. Lieto nosaukumus konsekventi

Vienots nosaukumu lietojums palīdz mājaslapai izskatīties profesionāli un vairo uzticību.

• Izvēlnē izmantotajiem nosaukumiem jāatbilst pogām un saitēm citās mājaslapas vietās.
• Nelieto vairākus atšķirīgus nosaukumus vienai un tai pašai darbībai vai lapai.

Piemērs:
Ja izvēlnē izmanto nosaukumu Kontakti, pārliecinies, ka poga Sazinies ar mums ved uz to pašu kontaktu lapu vai formu. Tādējādi apmeklētājam neradīsies šaubas, vai tās ir dažādas darbības.

4. Nepārblīvē izvēlni

Nolaižamās izvēlnes ir noderīgas apakšlapu sakārtošanai, taču pārāk daudz līmeņu var apmeklētājus mulsināt.

• Ja iespējams, izmanto tikai vienu nolaižamās izvēlnes līmeni.
• Mazāk svarīgas lapas, piemēram, privātuma politiku, jaunumu vēstuli vai biežāk uzdotos jautājumus, ievieto kājenē.
• Galvenajā izvēlnē atstāj tikai svarīgākās lapas.

Pārdomāti sadalot lapas starp galveno izvēlni un kājeni, apmeklētāji varēs ātri atrast vajadzīgo, neapjūkot pārlieku lielā saišu skaitā.

5. Padari izvēlni vizuāli skaidru

Izvēlnei jābūt viegli pamanāmai un salasāmai.

• Pārliecinies, ka izvēlnes teksta krāsa pietiekami kontrastē ar fonu.
• Izmanto nelielu vizuālu izcēlumu, kad kursors tiek novietots virs izvēlnes punkta. Tas palīdz saprast, ka uz tā var noklikšķināt.
• Pārbaudi, vai izvēlnes teksts ir viegli salasāms gan datorā, gan mobilajā ierīcē.

Mozello šabloni ir veidoti tā, lai izvēlne būtu salasāma un ērti lietojama. Tomēr vienmēr ir vērts pārbaudīt savu mājaslapu dažādās ierīcēs.

6. Pielāgo izvēlni mobilajām ierīcēm

Vairāk nekā puse tīmekļa apmeklējumu notiek mobilajās ierīcēs, tāpēc ērta mobilā navigācija ir īpaši svarīga.

• Mobilajās ierīcēs Mozello izvēlne automātiski pārvēršas kompaktā izvēlnes ikonā, ko bieži sauc par hamburgera izvēlni.
• Izmanto īsus izvēlnes punktu nosaukumus un pārliecinies, ka tiem ir ērti pieskarties.
• Izvairies no vairākos līmeņos sakārtotām nolaižamajām izvēlnēm, kuras skārienekrānā var būt grūti lietot.

Mozello automātiski pielāgo mājaslapas izkārtojumu dažādiem ekrāna izmēriem, tomēr pārbaudi, kā izvēlne izskatās un darbojas nelielā ekrānā.

7. Izmanto kājeni pārdomāti

Kājene ir piemērota vieta saitēm uz lapām, kurām nav jāatrodas galvenajā izvēlnē.

• Ievieto tajā saites uz mazāk svarīgu saturu, piemēram, privātuma politiku, lietošanas noteikumiem vai blogu.
• Izlem, kuras lapas rādīt galvenajā izvēlnē un kuras kājenē. Ne visām saitēm jāatrodas abās vietās.
• Sakārto kājenes saites loģiskās grupās, lai apmeklētāji varētu viegli atrast vajadzīgo informāciju, nepārblīvējot galveno izvēlni.

Biežākās navigācijas kļūdas un kā no tām izvairīties

Daudzi iesācēji pieļauj kļūdas, kas apgrūtina mājaslapas lietošanu. Lūk, kam pievērst uzmanību:

• Pārāk daudz izvēlnes punktu. Pārblīvētā izvēlnē apmeklētājam ir grūti saprast, kur meklēt vajadzīgo. Galvenajā izvēlnē atstāj svarīgākās lapas un nolaižamās izvēlnes izmanto tikai tad, kad tās patiešām ir nepieciešamas.
• Neskaidri vai mulsinoši lapu nosaukumi. Ja saites nosaukums nepaskaidro, kas atrodas attiecīgajā lapā, apmeklētājs to var nepamanīt. Izmanto vienkāršus un viegli saprotamus nosaukumus.
• Atšķirīgi nosaukumi vienai un tai pašai lapai vai darbībai. Terminu maiņa dažādās mājaslapas vietās var radīt apjukumu. Vienus un tos pašus nosaukumus lieto konsekventi visā mājaslapā.
• Visu lapu ievietošana gan galvenajā izvēlnē, gan kājenē. Ne visām saitēm jāatrodas abās vietās. Galvenajā izvēlnē ievieto svarīgākās lapas, bet kājenē atstāj mazāk būtisku informāciju.
• Izvēlnes izkārtojuma neņemšana vērā. Dažādi galvenes izkārtojumi ir piemēroti atšķirīgam izvēlnes punktu skaitam. Piemēram, pārāk daudz punktu izvēlnē ar centrētu logotipu var radīt saspiestu un nelīdzsvarotu iespaidu.
• Neērta izvēlne mobilajās ierīcēs. Pārāk gara vai sarežģīta izvēlne nelielā ekrānā var būt grūti lietojama. Veido to vienkāršu un pārbaudi vairākās mobilajās ierīcēs.

Efektīvas navigācijas piemērs

Iedomājies nelielas maizes ceptuves mājaslapu.

Galvenā izvēlne: Sākums | Par mums | Ēdienkarte | Galerija | Kontakti
Kājene: Privātuma politika | Noteikumi | Jaunumu e-pasti | Blogs

Kā apmeklētājs pārvietojas pa mājaslapu:

1. Mājaslapas sākuma daļa iepazīstina ar maizes ceptuvi.
2. Izceltie produkti mudina apskatīt piedāvājumu.
3. Galerija parāda produktus attēlos.
4. Atsauksmes palīdz veidot uzticību.
5. Kājenē apmeklētājs var atrast papildu saites, piemēram, privātuma politiku un pieteikšanos jaunumu e-pastiem.

Šāds izkārtojums palīdz apmeklētājiem viegli orientēties mājaslapā un ātri atrast vajadzīgo. Galvenā izvēlne ir skaidra un līdzsvarota, savukārt papildu saites atrodas kājenē un nepārblīvē galveno izvēlni.

Noslēgumā: navigācija ir tavas mājaslapas karte

Skaidra navigācija ir būtiska, jo tā vada apmeklētājus un palīdz viņiem ērti izpētīt tavu mājaslapu.

Ja navigācija ir vienkārša, konsekventa un labi strukturēta:

• apmeklētāji var droši un pārliecinoši orientēties mājaslapā;
• svarīgākās lapas var atrast ātri;
• mājaslapa rada profesionālu un uzticamu iespaidu.

Mozello piedāvā dažādus galvenes izkārtojumus, pielāgojamu izvēlni un kājenes iestatījumus, tāpēc vari viegli izveidot navigāciju, kas ir ērti lietojama gan datorā, gan mobilajā ierīcē.

Koncentrējies uz skaidrību, vienkāršību un līdzsvaru, lai apmeklētāji varētu dabiski izpētīt tavu mājaslapu un bez grūtībām atrast vajadzīgo informāciju.

Šis ir pēdējais raksts Mozello ceļvežu sērijā par mājaslapas dizaina labāko praksi, taču jebkurā laikā vari atgriezties pie jebkura no tās rakstiem:

Vairāk rakstu šajā sērijā

• Kas ir labs dizains un kāpēc tas ir svarīgi
• Kā izveidot efektīvu krāsu paleti savai mājaslapai
• Kā izvēlēties fontus savai mājaslapai
• Kas ir brīvā vieta un kā to izmantot mājaslapas dizainā
• Kā formatēt tekstu savā mājaslapā
• Kā izveidot vizuālo identitāti savai mājaslapai
• Kā izveidot efektīvas aicinājuma uz rīcību (CTA) pogas
• Kā izveidot pārdomātu mājaslapas izkārtojumu
• Kā izveidot skaidru un ērtu mājaslapas izvēlni

Lejupielādē mūsu bezmaksas Efektīva mājaslapas dizaina kontrolsarakstu (PDF), kas palīdzēs tev soli pa solim izvērtēt savu mājaslapu.

Sāc veidot savu mājaslapu vai interneta veikalu ar Mozello