Mājas lapas navigācija.. PDF Drukāt E-pasts
Autors web.hc.lv   

Navigācija ir katras mājas lapas būtiska sastāvdaļa. Navigācija ir viena no lietām, kurām jāpievērš vislielākā uzmanība no lietojamības viedokļa. Tā nav tikai izvēlne, kā to daudzi iedomājas.

Pirms veidot navigāciju, ir jātiek skaidrībā ar mājas lapas struktūru – kādā veidā informācija mājas lapā tiks sagrupēta. Tieši no struktūras ir atkarīga navigācija. Tā kā šis raksts nav par struktūras veidošanu, tad tikai pateikšu īsumā, ka lapas struktūrai ir jābūt loģiskai un intuitīvai, lai lietotājam būtu skaidrs, kurā lapas sadaļā, kura informācija ir atrodama.

 

Mājas lapas navigācijai ir jāveic trīs galvenās funkcijas:

  1. Jānorāda, izvēles iespējas, kur jūs varat doties tālāk
  2. Jānorāda, kur jūs atrodaties pašreiz lapas struktūrā
  3. Jābūt skaidri saprotamam, kā nokļūt atpakaļ (sākumlapā)

Tradicionāli izvēlni izvieto aktīvākajā mājas lapas zonā – kreisajā augšējā stūrī, tāpat, kā lapas logo (parasti kalpo kā navigācijas elements). Iemesls šādam izvietojumam ir tas, ka mainot lapas izmērus (samazinot pārlūka logu), vai vienkārši aplūkojot mājas lapu uz ierīcēm ar maziem ekrāna izmēriem (plaukstdatoriem, mobilajiem tālruņiem), izvēlnei ir jābūt ērti pieejamai. Un otrs, vēl svarīgāks, iemesls ir tas, ka tā ir vienkārši jau ierasts, ka navigācija automātiski tiek meklēta pierastajā vietā.

Mājas lapas navigācija

Ir pierasts, ka uzklikšķinot uz mājas lapas logo, lietotājs nonāks sākumlapā – tāpēc arī mājas lapas logo var uzskatīt par navigācijas elementu. Šādam elementam ir liela nozīme gadījumā, ja lietotājs apjūk lapas struktūrā - viņam ir drošības sajūta, ka viņš jebkurā brīdī varēs nospiest uz logo un nokļūt sākumlapā. Cits iemesls, kāpēc logo parasti liek kreisajā augšējā stūrī, ir tas, ka logo ir lapas zīmols, un lai saglabātu lapas „branding”, tam jāatrodas nemainīgā vietā, turklāt, vēlams, lai to varētu redzēt jebkuros apstākļos.

Veidojot mājas lapas bieži domājot par navigāciju, atceras tikai pirmo navigācijas funkciju - norādīt, kur jūs varat doties tālāk, aizmirstot par pārējām divām. Bet arī ar šo svarīgāko funkciju ļoti bieži gadās lietojamības problēmas.

Ļoti bieži navigācija tiek izveidota ar javascript vai Flash palīdzību, aizmirstot par tiem pārlūkiem, kuri neatbalsta vai tikai daļēji atbalsta šīs tehnoloģijas, līdz ar to mājas lapa praktiski ir nebaudāma, jo navigācijas vienkārši nav. (Konkrēts piemērs: stats.tunt.lv statistika – pēc ielogošanās izvēlne darbojas tikai ar ieslēgtu javascript.)

Cita problēma ir tāda, ka izvēlne darbojas, taču tā nemaz neizskatās pēc izvēlnes. Saites izvēlnē ne ar ko neatšķiras no parasta teksta lapā, un vistrakāk ir tad, ja pat ar peli uzbraucot uz šādas izvēlnes, kursors nenomainās no bultiņas uz pierasto rociņu, kas ierasti norāda uz saiti.

Izvēlnē nevajadzētu piedāvāt vienā līmenī vairāk par 10 izvēlēm, lai nesamulsinātu lietotāju. Ja ir vairāk izvēles par 10, tad pavisam noteikti jāsāk domāt par par grupēšanu. Lietotāji nebūs tik pacietīgi, lai izlasītu 10 nosaukumus mēģinot atrast viņiem nepieciešamo informāciju.

Vairāklīmeņu izvēlnē jābūt skaidri saredzamam, kurā līmenī lietotājs atrodas, pretējā gadījumā izvēlne un lapas struktūra šķitīs kā vairākstāvu labirints.

Manuprāt liela kļūda ir veidot daļu no izvēlnes pa augšējo malu un daļu pa kreiso malu (kā tas ir tajos pašos draugiem.lv), vismaz es līdz šim nespēju izprast, kura draugiem.lv ir pirmā līmeņa izvēlne, kura ir otrā līmeņa izvēlne, un kura ir trešā līmeņa izvēlne, tāpēc man navigācija pa draugiem.lv atgādina tādu bakstīšanos uz labu laimi un intuīciju. Reizēm ar sesto prātu izdodas atrast meklējamo …

draugiem.lv

 

Ja jāizvēlas starp kreisās puses izvēlni un augšējo izvēlni (kuru parasti izveido tabu veidā, jāņem vērā sekojoši plusi un mīnusi.

Horizontālās un vertikālās izvēlnes salīdzinājums

Kreisās puses izvēlne (vertikālā)
Augšējā izvēlne (horizontālā)
Tradicionāla un klasiska Mūsdienīgāka par kreisās puses izvēlni
Nav sadaļu skaita ierobežojuma Sadaļu skaits vienā līmenī ir ierobežots ar ekrāna platumu (kurš pie tam var būt mainīgs)
Lietotājam ne vienmēr ir skaidrs, kura sadaļa pašreiz ir atvērta Lietotājam uzskatāmi ir redzams, kura sadaļa pašreiz ir atvērta

Līdz ar to, veidojot kreisās puses izvēlni, būtu ļoti vēlams lapā ievietot arī tādu navigācijas elementu kuru angliski sauc par „breadcrumbs”, (pēc pasakas par Ansīti un Grietiņu, kur bērni atstāja aiz sevis maizes drupačiņas), kuras norādītu atpakaļceļu, kas skaidri norāda, kurā navigācijas līmenī un kurā lapā lietotājs pašreiz atrodas.

Breadcrumb

Veidojot navigāciju, sadaļām jādod skaidri saprotami nosaukumi, kuri skaidri un īsi norāda uz to, kas tajā lapā ir atrodams – bez jebkādām mīklām. Ja strikti nesekosiet lietojamības norādēm, jūsu veidotā mājas lapa jau tā lielākai daļai liksies kā milzīga mīkla, tāpēc veidot vēl papildus mākslīgi šādas mīklas nav jūsu interesēs.

Tas ir līdzīgi kā veikalā, kurā ieejot, jums ir skaidri jāzina, kur atrodas izeja, kurā nodaļā atrodaties jūs paši un ka pārtikas nodaļai jāsaucas „Pārtikas nodaļa”, nevis „Baudījums līdz pašai naktij”.

Izvēlnē pie sadaļas nosaukuma var pievienot klāt arī kādu ikoniņu, kas reprezentētu sadaļas saturu un nosaukumu, bet arī te ir ļoti jāuzmanās, jo vienu un to pašu ikoniņu dažādi lietotāji var (ne)uztvert pilnīgi dažādi.

Vēl viens būtisks navigācijas elements ir iespēja nokļūt atpakaļ – kā, un cik ērti lietotājs var nokļūt iepriekš atvērtajā lapā? Jāatceras, ka daudzi lietotāji meklē kādu saiti pašā lapā, un ir tikpat daudzi lietotāji, kuri lieto pārlūkprogrammas „Back” pogu, kura bieži vien pie AJAX risinājumiem mājas lapās bieži vien nedarbojas korekti (Piemēram, aplūkojot tajos pašos draugiem.lv bilžu albumā bildes, iepriekš apskatīto bildi nu nekādīgi nevar aplūkot vēlreiz, normāli nospiežot uz pārlūka „Back” pogu, kas personīgi mani ļoti tracina.)

Ceru, ka šis nelielais rakstiņš sniegs kaut nelielu ieskatu, kādām problēmām vajadzētu pievērst uzmanību, plānojot mājas lapas navigāciju. Ja kādam ir vēl kādas konstruktīvas domas par lietojamības problēmām lapas navigācijā – gaidīšu jūsu komentārus!


Pēdējās izmaiņas: Ceturtdiena, 18 septembris 2014 10:08
 

You can pay for your Invoice here:

Jaunākās ziņas
Portfolio
Featured Links:
EMINDARZAM.LV
Viss prasmīgam dārzniekam...
BMW-POWER.CO.UK
bmw,a part of tou...
GKSPORT.LV
Labākais Ceļš uz Panākumiem..
MDG.LV
Mākslinieku darbnīca „Ģimene”
TRAVELCARSICELAND.COM
ICELAND - Car Rental and Travel Service
RD4GLOBAL.COM
Недвижимость в Латвии
Visvairāk lasītie raksti
SearchTags...


hostings tīklu веб дизайн студия reklāma formāti дизайн логотипов izstrāde google mājaslapa mājas stratēģija выделенный сервер web uzlabošana cms интернет logo виртуальный сервер pakalpojumi lapas konsultācijas pagerank izveide услуги seo gif lapu seo pakalpojumi interneta pr оптимизация adwords google com seo mārketinga dzeltens mājas lapu izstrāde baneru png krāsu nozīme студия веб дизайна cenas zaļš grafika dizains oranžs mediju виртуальный хостинг grafiska mājaslapas uzdevums html mārketings efektīva поисковая студия дизайна optimizācija taktika fotogrāfija mājas lapu uzlabošana līnijas sociālo и мотивации informācija jpg forma поддерживать attēli изображения satura мотивацию идеи mājas lapa создание сайтов текстовый контент sarkans текст веб дизайн baneri optimizēšana

Jaunumi epastā@
LatvianRussianEnglish
Your E-Mail:
Subject:
Message:
Please enter the following code:

Logo

mājas lapas izveide '(371) 28301708' by [ 75f.info ] 75F Studio. Mājas lapas izstrāde - Mājas lapas uzlabošana - SEO mājas lapā