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

Kad kāds apmeklē Tavu mājaslapu, viņš netērē daudz laika, lai visu izprastu. Viņš vēlas ātri atrast to, ko meklē, bezgalīgi neritinot vai neminot, kur klikšķināt.

Pat ja Tava mājaslapa izskatās skaisti un Tavs saturs ir ideāls, slikta navigācija var kaitināt apmeklētājus un likt viņiem aiziet.

Navigācija nav tikai saišu saraksts. Tā ir Tavas mājaslapas ceļa karte, kas parāda apmeklētājiem, kurp doties, kas ir svarīgs un kā loģiski izpētīt Tavu saturu.

Šajā ceļvedī mēs izskaidrosim, kā izveidot skaidru, intuitīvu navigāciju, izmantojot Mozello, ņemot vērā gan izvēlnes struktūru un stilu, gan kājenes pārvaldību un iesācējam draudzīgu labāko praksi.

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

Domā par savu mājaslapu kā par veikalu. Ja ejas ir pārblīvētas, plaukti ir nekārtīgi un nekas nav marķēts, klienti ātri aiziet. Tava mājaslapa strādā tāpat. Apmeklētājiem nepieciešama vadība un struktūra.

Skaidra navigācija palīdz:

• Samazināt apjukumu: Apmeklētāji uzreiz zina, kur atrast lapas.
• Izcelt svarīgu saturu: Tavus produktus, pakalpojumus vai informāciju ir viegli atrast.
• Atbalstīt loģisku plūsmu: Apmeklētāji dabiski pārvietojas no vienas sadaļas uz citu.
• Palielināt uzticamību: Labi organizēta mājaslapa šķiet uzticama un profesionāla.

Slikta navigācija izšķērdē Tavu saturu, lai cik labs tas būtu.

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

Mozello vienkāršo navigāciju iesācējiem:

• Pielāgojama galvenā izvēlne ar neobligātām nolaižamajām izvēlnēm apakšlapām.
• Vairāki izvēlnes izkārtojumi: Izvēlies logotips pa kreisi, logotips centrā, logotips augšpusē vai citus stilus. Pielāgo izvēlnes punktu skaitu atkarībā no izkārtojuma līdzsvaram. Katram izkārtojumam ir nedaudz atšķirīga pieeja labākai lietojamībai.
• Kājenes sadaļas kontrole: Izvēlies, kuras lapas parādās, saglabājot galveni nepārblīvētu.
• Mobilajām ierīcēm draudzīgas izvēlnes automātiski pielāgojas ekrāna izmēriem.
• Viegli lasāmi, profesionāli šabloni nodrošina, ka Tavas izvēlnes ir vizuāli skaidras visās ierīcēs.

Ar šiem rīkiem pat iesācēji var izveidot intuitīvu, profesionālu un funkcionālu navigāciju.

Pareizā izvēlnes izkārtojuma izvēle

Dažādi izvēlnes izkārtojumi ietekmē to, cik daudz izvēlnes punktu Tev vajadzētu attēlot un kā apmeklētāji uztver Tavu lapu:

1. Logotips pa kreisi, izvēlne centrā

• Šis izkārtojums izskatās līdzsvarots mazām līdz vidējām izvēlnēm.
• Labi strādā ar 4-6 galvenajiem izvēlnes punktiem.
• Nolaižamās izvēlnes var izmantot apakšlapām, nepārblīvējot augšējo izvēlni.

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

• Izvēlnes izlīdzināšana uz vienu pusi labi strādā vidējām izvēlnēm.
• Nedaudz vairāk elastības punktu skaitā salīdzinājumā ar centrētām izvēlnēm.
• Saglabā atstarpes konsekventas un izvairies no izvēlnes pārslogošanas.

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

• Ideāli piemērots lapām ar garākām izvēlnēm vai vairāk sadaļām.
• Nodrošina papildu telpu, lai attēlotu vairāk izvēlnes punktu, nejūtoties saspiesti.
• Labi strādā biznesa lapām, kurām nepieciešamas vairākas lapas redzamas uzreiz.

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

• Vizuāli iespaidīgi un moderni.
• Vislabāk strādā ar mazāku izvēlnes punktu skaitu (3-4), lai izvairītos no nelīdzsvarotības.
• Ja Tavai lapai ir daudz lapu, apsver cita izkārtojuma vai nolaižamo izvēlņu izmantošanu, lai saglabātu skaidrību.

Pareizā izkārtojuma izvēle ir būtiska. Tā nodrošina, ka Tava izvēlne ir viegli lasāma, līdzsvarota un viegli lietojama neatkarīgi no tā, cik lapu ir Tavai mājaslapai.

Labākā prakse skaidrai navigācijai

1. Saglabā izvēlni vienkāršu

Vienkāršība ir galvenā. Pārāk daudz izvēlnes punktu nomāc apmeklētājus un apgrūtina svarīga satura atrašanu.

• Ierobežo savu augšējo izvēlni līdz 4-7 galvenajām lapām, kad vien iespējams.
• Izmanto skaidras, aprakstošas etiķetes, piemēram, "Pakalpojumi", "Par mums" vai "Portfolio".
• Izvairies no mulsinoša žargona. Apmeklētājiem vajadzētu saprast katru lapu no pirmā acu uzmetiena.

Piemērs:
Tā vietā, lai lietotu "Mūsu visaptverošie risinājumi katrai klienta vajadzībai", izmanto "Pakalpojumi".

2. Piešķir prioritāti svarīgām lapām

Secība ir svarīga. Izvieto savas viskritiskākās lapas izvēlnē pirmās, parasti:

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

Nolaižamās izvēlnes var izmantot, lai grupētu saistītas apakšlapas, nepārblīvējot galveno izvēlni. Lapu pārkārtošana Mozello ir viegla, ļaujot Tev izcelt to, kas apmeklētājiem ir vissvarīgākais.

3. Izmanto konsekventu nosaukumu piešķiršanu

Konsekvence padara Tavu mājaslapu profesionālu un veido uzticību.

• Izvēlnes etiķetēm vajadzētu atbilst pogām un saitēm visā Tavā lapā.
• Izvairies no vairāku terminu lietošanas vienai un tai pašai darbībai.

Piemērs:
Ja Tava izvēlne saka "Kontakti", pārliecinies, ka saistītās pogas, piemēram, "Sazinies ar mums", ved uz to pašu kontaktu lapu vai formu, lai apmeklētāji nebrīnītos, vai tās ir atšķirīgas darbības.

4. Izvairies no izvēlņu pārblīvēšanas

Lai gan nolaižamās izvēlnes ir noderīgas apakšlapām, pārāk daudz līmeņu var mulsināt apmeklētājus:

• Ierobežo nolaižamās izvēlnes līdz vienam līmenim, ja iespējams.
• Izmanto kājeni sekundārām lapām, piemēram, privātuma politikām, jaunumu vēstulēm vai BUJ.
• Saglabā galveni fokusētu uz vissvarīgākajām lapām.

Rūpīgi līdzsvarojot izvēlnes un kājenes saturu, apmeklētāji var ātri atrast galvenās lapas, nejūtoties nomākti.

5. Padari izvēlnes vizuāli skaidras

Izvēlnei vajadzētu būt uzreiz lasāmai:

• Nodrošini, ka teksta krāsas kontrastē ar fonu.
• Izmanto smalkus uzbraukšanas efektus, lai norādītu klikšķināmus punktus.
• Saglabā izvēlnes tekstu viegli lasāmu gan datora, gan mobilajos ekrānos.

Mozello šabloni ir veidoti, lai saglabātu lasāmību un pieejamību, taču ir vērts pārbaudīt savu izvēlni vairākās ierīcēs, lai nodrošinātu skaidrību.

6. Optimizē mobilajām ierīcēm

Vairāk nekā puse no visa tīmekļa datplūsmas nāk no mobilajām ierīcēm, tāpēc mobilā navigācija ir būtiska:

• Mozello izvēlnes automātiski sabrūk mobilajām ierīcēm draudzīgā "hamburgera" izvēlnē.
• Saglabā izvēlnes etiķetes īsas un viegli pieskaramas.
• Izvairies no ligzdotām nolaižamajām izvēlnēm, kuras ir grūti izmantot skārienekrānos.

Pat ja Mozello automātiski tiek galā ar pielāgojamo dizainu, ir laba prakse pārbaudīt, kā Tava izvēlne izskatās un jūtas mazā ekrānā.

7. Izmanto kājeni stratēģiski

Kājene darbojas kā sekundāra navigācijas zona atbalsta lapām:

• Iekļauj saites uz mazāk kritisku saturu, piemēram, privātuma politiku, noteikumiem vai blogu.
• Izlem, kurām lapām vajadzētu parādīties galvenē un kurām kājenē. Ne visam jābūt abās.
• Organizē kājeni loģiski, lai apmeklētāji joprojām varētu atrast 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 samazina lietojamību. Lūk, kam pievērst uzmanību:

• Pārāk daudz izvēlnes punktu: Pārblīvēšana apgrūtina apmeklētājiem zināt, kurp doties. Koncentrējies uz galvenajām lapām un izmanto nolaižamās izvēlnes taupīgi.
• Neskaidras vai mulsinošas etiķetes: Ja saite skaidri neapraksta lapu, apmeklētāji var to izlaist. Izmanto vienkāršas, saprotamas etiķetes.
• Nekonsekventa terminoloģija: Terminu maiņa visā Tavā mājaslapā rada apjukumu. Saglabā etiķetes konsekventas.
• Visu lapu ievietošana gan galvenē, gan kājenē: Dažām lapām vajadzētu parādīties tikai vienā vietā. Izmanto galveni kritiskām lapām un kājeni sekundāram saturam.
• Izvēlnes izkārtojuma ietekmes ignorēšana: Dažādi izvēlnes stili (centrēts logotips, logotips augšpusē utt.) pieprasa atšķirīgu izvēlnes punktu skaitu līdzsvaram. Pārāk daudz punktu centrētā izkārtojumā var izskatīties saspiesti un nelīdzsvaroti.
• Slikta mobilā lietojamība: Izvēlnes, kas ir pārāk garas vai sarežģītas, var kaitināt mobilos lietotājus. Saglabā to vienkāršu un pārbaudi ierīcēs.

Efektīvas navigācijas piemērs

Iedomājies mazas maizes ceptuves mājaslapu:

Galvene: Sākums | Par mums | Ēdienkarte | Galerija | Kontakti
Kājene: Privātuma politika | Noteikumi | Jaunumu vēstule | Blogs

Kā apmeklētāji pārvietojas pa lapu:

1. Galvenā sadaļa iepazīstina ar maizes ceptuvi
2. Izceltie produkti → apmeklētāji izpēta piedāvājumus
3. Galerija → produktu vizuālā stāstīšana
4. Atsauksmes → uzticamība
5. Kājene → sekundārās saites politikām un jaunumu vēstulei

Šis izkārtojums nodrošina, ka apmeklētāji nekad nejūtas apmaldījušies. Galvenā izvēlne ir skaidra un līdzsvarota, savukārt kājene nodrošina papildu saturu, nepārblīvējot augšējo navigāciju.

Nobeiguma domas: Navigācija ir Tavas mājaslapas karte

Skaidra navigācija nav neobligāta — tā ir ceļš, ko Tavi apmeklētāji seko, lai izpētītu Tavu mājaslapu.

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

• Apmeklētāji jūtas pārliecināti
• Viņi var ātri atrast galvenās lapas
• Tava mājaslapa šķiet profesionāla un uzticama

Ar Mozello izvēlnes izkārtojumiem, pielāgojamām izvēlnēm un kājenes kontrolēm tādas navigācijas izveide, kas strādā gan datorā, gan mobilajā ierīcē, ir vienkārša. Koncentrējies uz skaidrību, vienkāršību un līdzsvaru, un Tavi apmeklētāji dabiski izpētīs Tavu lapu un atradīs vajadzīgo saturu.

Šis ir pēdējais raksts Mozello Labākās mājaslapu dizaina prakses sērijā, bet Tu jebkurā laikā vari atgriezties pie jebkura no rakstiem:

Vairāk rakstu šajā sērijā

• Kas ir labs tīmekļa dizains un kāpēc tas ir svarīgi
• Kā izvēlēties krāsas savai mājaslapai
• Kā izvēlēties fontus savai mājaslapai
• Kā izmantot brīvo vietu tīmekļa dizainā
• Kā formatēt tekstu savā mājaslapā
• Kā radīt vizuālo identitāti savai mājaslapai
• Kā izveidot efektīvus aicinājumus rīkoties
• Kā organizēt savu mājaslapu kā dizainerim
• Kā izveidot skaidru mājaslapas navigāciju

Lejupielādē mūsu bezmaksas Labākās tīmekļa dizaina prakses kontrolsarakstu, 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