Pārdomāta navigācija, ko paredz profesionāla mājaslapu izstrāde, ir kā ceļa rādītāji: ja apmeklētājs, ienākot jūsu vietnē, nevar uzreiz atrast meklēto pakalpojumu vai cenu lapu, viņš vienkārši aizver cilni un aiziet pie konkurenta. Bieži vien uzņēmumi vēlas parādīt 'visu uzreiz', sabāžot galvenē desmitiem saišu un sarežģītus daudzlīmeņu nolaižamos sarakstus. Rezultāts ir lietotāju apjukums un zems konversiju rādītājs. Pārdomāta navigācijas arhitektūra ir pamatnosacījums jebkura digitālā projekta panākumiem.
🎯 Īsumā par svarīgāko
- 3 sekunžu likums: Apmeklētājam 3 sekunžu laikā pēc ienākšanas lapā jāsaprot, kur viņš atrodas un kā nokļūt līdz meklētajam pakalpojumam vai precei.
- Hierarhijas vienkāršība: Galvenajā izvēlnē nedrīkst būt vairāk par 5 līdz 7 pamatpunktiem; pārsātināta galvene rada lēmumu paralīzi (Hika likums).
- Mobilais 'Hamburger' UX: Mobilajā telefonā izvēlnei jābūt viegli aizsniedzamai ar vienu roku, ar skaidrām bultiņām apakšizvēļņu atvēršanai un lieliem klikšķa laukumiem.
- Ceļamaizes (Breadcrumbs) dubultā loma: Ceļamaizes saites ne tikai palīdz lietotājam atgriezties iepriekšējā kategorijā, bet arī veido skaidru struktūru Google meklētāja robotiem.
Hika likums un navigācijas kognitīvā slodze
UX uzlabošanā, kur noder padziļināta lietotāju uzvedības un UX analītika, ir slavens psiholoģijas princips - Hika likums (Hick's Law): jo vairāk izvēļu cilvēkam tiek piedāvāts vienlaicīgi, jo ilgāks laiks nepieciešams lēmuma pieņemšanai, un pieaug varbūtība, ka lēmums netiks pieņemts vispār.
Ja jūsu vietnes galvenē atrodas 12 pogas ar vienādu vizuālo svaru, apmeklētāja acis haotiski šaudās starp tām. Labākā prakse ir ierobežot primārās izvēlnes punktu skaitu līdz 5 vai maksimums 7 loģiskiem blokiem: Sākums, Pakalpojumi (vai Veikals), Par mums, Cenas, Blogi/Resursi un Kontakti. Viss pārējais ir jāorganizē sekundārajās apakšizvēlnēs vai kājenē.
Mega-izvēlnes (Mega Menus) pret klasiskajiem nolaižamajiem sarakstiem
E-veikaliem un lieliem portāliem ar simtiem preču kategoriju parastie šaurie nolaižamie saraksti ir ārkārtīgi neērti, jo tie aiziet ārpus ekrāna robežām vai pazūd pie mazākās peles kursora novirzes. Šādos gadījumos labākais risinājums ir Mega-izvēlne:
Mega-izvēlnes priekšrocības: Tā atveras kā pilna platuma panelis, kurā kategorijas ir sakārtotas kolonnās ar skaidriem virsrakstiem, mazām ikonām un pat izceltu reklāmas baneri vai akcijas preci. Lietotājs ar vienu skatienu aptver visu piedāvājuma klāstu bez nepieciešamības klikšķināt cauri pieciem līmeņiem.
Mobilo ierīču ergonomika un 'īkšķa zona'
Tā kā lielākā daļa apmeklētāju vietni pārlūko no viedtālruņa ar vienu roku, navigācijas ergonomikai mobilajā vidē ir izšķiroša nozīme:
| Navigācijas elements | Slikta prakse | Labā prakse |
|---|---|---|
| Hamburgera ikona | Pārāk maza (zem 30px), grūti nospiest | Vismaz 44x44px pieskāriena laukums ar tekstu 'Izvēlne' |
| Apakšizvēļņu atvēršana | Nospiežot kategoriju, uzreiz pārlādējas lapa | Skaidra bultiņas ikona, kas izvērš sarakstu uz leju |
| Zvana poga un CTA | Paslēpta dziļi kontaktu lapā | Peldoša josla ekrāna apakšā ar tiešo zvana pogu |
| Meklēšanas josla | Maziņa lupas ikona bez teksta | Pamanāms meklēšanas lauks ar auto-ieteikumiem |
Ceļamaizes (Breadcrumbs) loma navigācijā un SEO optimizācijā
Ceļamaizes saites ir teksta josla lapas augšdaļā, kas parāda lietotāja ceļu: Sākums > Pakalpojumi > Mājaslapu izstrāde > WordPress vietnes.
Šis elements pilda divus fundamentālus uzdevumus: pirmkārt, tas ļauj apmeklētājam ar vienu klikšķi atgriezties līmeni augstāk, ja konkrētais pakalpojums nav gluži tas, ko viņš meklēja; otrkārt, pareizi marķētas ar Schema.org BreadcrumbList datiem, šīs saites parādās tieši Google meklēšanas rezultātos, aizstājot neglīto URL adresi ar skaistu hierarhisku navigācijas ceļu.
Kājenes (Footer) arhitektūra kā drošības tīkls
Kājene nav vieta, kur vienkārši ierakstīt autortiesību rindiņu. Tā ir lapas 'otrā elpa'. Lietotāji, kuri ir noritinājuši līdz pašai lapas apakšai, nav atraduši atbildi pamattekstā. Kājenei jānodrošina pilna vietnes karte, rekvizīti, darba laiks, saites uz privātuma politiku un ātrs kontakta pieteikums.
Biežāk uzdotie jautājumi
Vai galvenajai izvēlnei vajadzētu būt fiksētai (Sticky) ritinot lapu?
Jā, mērena augstuma fiksētā izvēlne uzlabo navigācijas ātrumu, jo lietotājam nav jāritina atpakaļ uz lapas sākumu, lai pārietu uz citu sadaļu.
Cik līmeņu dziļumā drīkst veidot vietnes navigāciju?
Labākā prakse, ko detalizēti izklāstījām ceļvedī par iekšējo saišu arhitektūru un tematiskajiem klāsteriem, ir nepārsniegt 3 līmeņus: Galvenā kategorija -> Apakškategorija -> Konkrēta lapa. Dziļāka struktūra rada apjukumu un apgrūtina indeksāciju.
Vai 'Sākums' pogai obligāti jābūt tekstam izvēlnē?
Lielākā daļa lietotāju jau saprot, ka uzņēmuma logo nospiešana aizved uz sākumlapu, taču teksts 'Sākums' joprojām ir noderīgs vecākai auditorijai.
Kādas krāsas izvēlēties aktīvajam navigācijas punktam?
Aktīvajam punktam jābūt skaidri izceltam ar zīmola akcenta krāsu (piemēram, smaragda zaļo) un apakšējo svītru, lai lietotājs vienmēr zinātu savu atrašanās vietu.
