Atpakaļceļa navigācija: Visaptveroša rokasgrāmata par hierarhiskā ceļa pieejamību

Pastāvīgi mainīgajā interneta vidē, kur tīmekļa vietnes un lietojumprogrammas kļūst arvien sarežģītākas, intuitīva navigācija ir ārkārtīgi svarīga. Atpakaļceļa navigācija, kas bieži tiek ignorēta, spēlē būtisku lomu lietotāja pieredzes (UX) uzlabošanā un vietnes pieejamības veicināšanā. Šī visaptverošā rokasgrāmata iedziļinās atpakaļceļa navigācijas principos, priekšrocībās, ieviešanas stratēģijās un labākajā praksē, lai palīdzētu jums izveidot vietnes, kas ir gan lietotājam draudzīgas, gan optimizētas meklētājprogrammām.

Kas ir atpakaļceļa navigācija?

Atpakaļceļa navigācija (angliski – breadcrumb navigation), kas nosaukta par godu pasakā Ansīša un Grietiņas atstātajām maizes drupačām, ir sekundāra navigācijas sistēma, kas parāda lietotāja atrašanās vietu tīmekļa vietnē vai lietojumprogrammā. Tā parasti parādās kā horizontāla saišu rinda, visbiežāk lapas augšdaļā, attēlojot ceļu, ko lietotājs ir veicis, lai nokļūtu pašreizējā lapā. Katra saite pārstāv vecāklapu vietnes hierarhijā, ļaujot lietotājiem viegli atgriezties iepriekšējos līmeņos.

Apsveriet tipisku e-komercijas vietni. Lietotājs varētu naviģēt no sākumlapas uz "Apģērbi" > "Vīriešiem" > "Krekli" > "Ikdienas krekli" > "Zils ikdienas krekls". Atpakaļceļa navigācijas josla attēlotu šo ceļu, ļaujot lietotājam ātri atgriezties jebkurā no augstāka līmeņa kategorijām, neizmantojot pārlūkprogrammas pogu "Atpakaļ".

Atpakaļceļa navigācijas veidi

Pastāv trīs galvenie atpakaļceļa navigācijas veidi, katrs ar nedaudz atšķirīgu mērķi:

1. Uz atrašanās vietu balstīta atpakaļceļa navigācija

Uz atrašanās vietu balstīta navigācija ir visizplatītākais veids. Tā attēlo vietnes hierarhisko struktūru, parādot ceļu no sākumlapas līdz pašreizējai lapai. Šis veids ir ideāli piemērots vietnēm ar skaidri definētu hierarhiju, piemēram, e-komercijas veikaliem, ziņu portāliem un dokumentācijas vietnēm.

Piemērs: Sākums > Produkti > Elektronika > Televizori > Viedtelevizori

2. Uz ceļu balstīta atpakaļceļa navigācija

Uz ceļu balstīta navigācija, pazīstama arī kā uz vēsturi balstīta navigācija, parāda faktisko ceļu, ko lietotājs ir veicis, lai sasniegtu pašreizējo lapu. Šis veids ir retāk sastopams un var būt noderīgs vietnēs, kur lietotāji var sasniegt vienu un to pašu lapu pa dažādiem ceļiem. Tomēr tā var kļūt mulsinoša, ja lietotājs ir veicis apļveida maršrutu.

Piemērs: Sākums > Meklēšanas rezultāti > Viedtelevizori

3. Uz atribūtiem balstīta atpakaļceļa navigācija

Uz atribūtiem balstīta navigācija tiek izmantota vietnēs, kas ļauj lietotājiem filtrēt vai precizēt meklēšanas rezultātus, pamatojoties uz atribūtiem. Tā parāda atribūtus, kurus lietotājs ir izvēlējies, ļaujot viņiem viegli noņemt vai modificēt filtrus.

Piemērs: Sākums > Produkti > Televizori > Ekrāna izmērs: 55 collas > Zīmols: Samsung

Atpakaļceļa navigācijas priekšrocības

Atpakaļceļa navigācijas ieviešana sniedz daudzas priekšrocības gan lietotājiem, gan vietņu īpašniekiem:

1. Uzlabota lietotāja pieredze (UX)

Atpakaļceļa navigācija nodrošina skaidru un intuitīvu veidu, kā lietotāji var saprast savu atrašanās vietu vietnē un atgriezties iepriekšējos līmeņos. Tas uzlabo kopējo lietotāja pieredzi, samazinot apjukumu un neapmierinātību.

2. Uzlabota vietnes lietojamība

Nodrošinot skaidru hierarhisko struktūru, atpakaļceļa navigācija lietotājiem atvieglo meklētā atrašanu. Viņi var ātri pāriet uz augstāka līmeņa kategoriju vai lapu, neizmantojot pārlūkprogrammas pogu "Atpakaļ" vai galveno navigācijas izvēlni.

3. Samazināts atlēcienu līmenis

Kad lietotāji var viegli naviģēt vietnē, viņi, visticamāk, paliks ilgāk un izpētīs vairāk lapu. Tas samazina atlēcienu līmeni, kas ir to apmeklētāju procentuālā daļa, kuri pamet vietni pēc tikai vienas lapas apskates.

4. Palielināts vietnē pavadītais laiks

Līdzīgi kā samazinot atlēcienu līmeni, atpakaļceļa navigācija var arī palielināt laiku, ko lietotāji pavada vietnē. Atvieglojot lietotājiem atrast atbilstošu saturu, viņi, visticamāk, paliks iesaistīti un izpētīs vairāk no vietnes.

5. Uzlabota meklētājprogrammu optimizācija (SEO)

Meklētājprogrammas, piemēram, Google, izmanto atpakaļceļa navigāciju, lai saprastu vietnes struktūru un efektīvāk indeksētu tās lapas. Atpakaļceļa navigācija var arī nodrošināt vērtīgas iekšējās saites, kas var uzlabot vietnes pozīcijas meklētājprogrammās.

6. Uzlabota pieejamība

Atpakaļceļa navigācija uzlabo vietnes pieejamību lietotājiem ar invaliditāti, īpaši tiem, kas izmanto ekrāna lasītājus. Tā nodrošina skaidru un kodolīgu veidu, kā saprast vietnes struktūru un naviģēt uz dažādām sadaļām.

Labākā prakse atpakaļceļa navigācijas ieviešanai

Lai maksimāli izmantotu atpakaļceļa navigācijas priekšrocības, ir svarīgi ievērot šo labāko praksi:

1. Izvietojums

Atpakaļceļa navigācijai jābūt novietotai redzamā vietā lapas augšpusē, parasti zem galvenās navigācijas izvēlnes un virs lapas virsraksta. Tas nodrošina, ka tā ir viegli pamanāma un pieejama lietotājiem.

2. Hierarhija

Atpakaļceļa navigācijas ceļam precīzi jāatspoguļo vietnes hierarhiskā struktūra. Katrai saitei ir jāpārstāv vecāklapa hierarhijā, un pēdējai saitei jābūt pašreizējai lapai.

3. Atdalītāji

Izmantojiet skaidrus un konsekventus atdalītājus starp saitēm atpakaļceļa navigācijas ceļā. Izplatītākie atdalītāji ir "lielāks par" simbols (>), slīpsvītra (/) vai pielāgota ikona. Konsekvence palīdz lietotājiem ātri uztvert navigācijas struktūru.

4. Saite uz sākumlapu

Vienmēr iekļaujiet saiti "Sākums" atpakaļceļa navigācijas sākumā. Tas nodrošina ātru un vieglu veidu, kā lietotājiem atgriezties sākumlapā.

5. Pašreizējā lapa

Pašreizējā lapa nedrīkst būt klikšķināma saite atpakaļceļa navigācijā. Tā jāattēlo kā vienkāršs teksts, norādot lietotāja pašreizējo atrašanās vietu. Tas novērš nejaušu navigāciju atpakaļ uz to pašu lapu.

6. Fonta lielums un krāsa

Izvēlieties fonta lielumu un krāsu, kas ir viegli lasāma un labi kontrastē ar fonu. Atpakaļceļa navigācijai vizuāli jāatšķiras no lapas galvenā satura, bet tai nevajadzētu būt pārāk uzkrītošai.

7. Mobilo ierīču responsivitāte

Nodrošiniet, lai atpakaļceļa navigācija būtu responsīva un pielāgotos dažādiem ekrāna izmēriem. Mazākos ekrānos var būt nepieciešams saīsināt atpakaļceļa navigācijas ceļu vai izmantot citu izkārtojumu.

8. Semantiskais HTML

Izmantojiet semantiskos HTML elementus, piemēram, <nav> un <ol>/<li>, lai strukturētu atpakaļceļa navigāciju. Tas uzlabo pieejamību un palīdz meklētājprogrammām saprast atpakaļceļa navigācijas ceļa mērķi.

9. ARIA atribūti

Izmantojiet ARIA atribūtus, piemēram, aria-label un aria-current, lai vēl vairāk uzlabotu pieejamību lietotājiem ar invaliditāti. Šie atribūti sniedz papildu informāciju par atpakaļceļa navigāciju ekrāna lasītājiem.

10. Internacionalizācija (i18n) un lokalizācija (L10n)

Izstrādājot vietni globālai auditorijai, apsveriet internacionalizāciju un lokalizāciju. Pārliecinieties, ka atpakaļceļa navigācijā izmantotais teksts ir viegli tulkojams un atdalītāji ir piemēroti dažādām valodām un kultūrām. Piemēram, dažās valodās raksta no labās puses uz kreiso, kas prasa spoguļattēla vizuālo izkārtojumu.

Atpakaļceļa navigācijas piemēri praksē

Šeit ir daži piemēri, kā atpakaļceļa navigācija tiek izmantota dažādu veidu vietnēs:

1. E-komercijas vietne (Piemērs: Globāls elektronikas mazumtirgotājs)

Ceļš: Sākums > Elektronika > Audio > Austiņas > Bezvadu austiņas > Trokšņus slāpējošas bezvadu austiņas

Šis piemērs parāda, kā atpakaļceļa navigāciju var izmantot, lai palīdzētu lietotājiem orientēties sarežģītā produktu katalogā.

2. Ziņu portāls (Piemērs: Starptautiska ziņu aģentūra)

Ceļš: Sākums > Pasaule > Eiropa > Apvienotā Karaliste > Politika

Šis piemērs parāda, kā atpakaļceļa navigāciju var izmantot, lai palīdzētu lietotājiem naviģēt dažādās ziņu portāla sadaļās.

3. Dokumentācijas vietne (Piemērs: Atvērtā koda programmatūras projekts)

Ceļš: Sākums > Dokumentācija > Darba sākšana > Instalācija > Windows

Šis piemērs parāda, kā atpakaļceļa navigāciju var izmantot, lai palīdzētu lietotājiem orientēties sarežģītā dokumentācijas komplektā.

4. Valdības vietne (Piemērs: Nacionālais veselības portāls)

Ceļš: Sākums > Veselības informācija > Slimības un stāvokļi > Sirds un asinsvadu slimības

Šajā gadījumā atpakaļceļa navigācija palīdz orientēties milzīgā sabiedrības veselības informācijas apjomā. Skaidri ceļi uzlabo piekļuvi iedzīvotājiem.

Biežākās kļūdas, no kurām izvairīties

Izvairieties no šīm bieži pieļautajām kļūdām, ieviešot atpakaļceļa navigāciju:

1. Atpakaļceļa navigācijas izmantošana kā primārā navigācija

Atpakaļceļa navigācija ir sekundāra navigācijas sistēma, un tai nevajadzētu aizstāt galveno navigācijas izvēlni. Tā ir paredzēta, lai papildinātu galveno navigāciju, nevis to aizstātu.

2. Tādas atpakaļceļa navigācijas izveide, kas neatspoguļo vietnes struktūru

Atpakaļceļa navigācijas ceļam precīzi jāatspoguļo vietnes hierarhiskā struktūra. Ja atpakaļceļa navigācija ir nekonsekventa vai mulsinoša, tā nebūs noderīga lietotājiem.

3. Pārāk maza vai grūti salasāma atpakaļceļa navigācija

Atpakaļceļa navigācijas ceļam jābūt viegli pamanāmam un salasāmam. Izvēlieties fonta lielumu un krāsu, kas atbilst vietnes kopējam dizainam.

4. Atpakaļceļa navigācijas nepielāgošana mobilajām ierīcēm

Nodrošiniet, lai atpakaļceļa navigācija būtu responsīva un pielāgotos dažādiem ekrāna izmēriem. Mazākos ekrānos var būt nepieciešams saīsināt atpakaļceļa navigācijas ceļu vai izmantot citu izkārtojumu. Apsveriet iespēju izmantot "...", lai norādītu saīsinātas sadaļas.

5. Pārmērīga atpakaļceļa navigācijas izmantošana vienkāršās vietnēs

Ļoti vienkāršām vietnēm ar seklu hierarhiju (piemēram, vienas lapas vietne vai galvenā lapa) atpakaļceļa navigācija parasti nav nepieciešama un var pat radīt vizuālu jucekli.

Atpakaļceļa navigācijas nākotne

Tā kā tīmekļa vietnes un lietojumprogrammas turpina attīstīties, atpakaļceļa navigācija, visticamāk, paliks svarīga lietotāja pieredzes daļa. Tomēr veids, kā tā tiek ieviesta, var mainīties. Piemēram, mēs varētu redzēt vairāk dinamiskas atpakaļceļa navigācijas, kas pielāgojas lietotāja uzvedībai vai kontekstam.

Vēl viena tendence ir atpakaļceļa navigācijas integrācija ar citiem navigācijas elementiem, piemēram, meklēšanas joslām un filtriem. Tas var nodrošināt vienmērīgāku un intuitīvāku lietotāja pieredzi.

Turklāt pieejamības standartu un palīgtehnoloģiju attīstība, visticamāk, novedīs pie sarežģītākiem un iekļaujošākiem atpakaļceļa navigācijas risinājumiem, nodrošinot, ka visi lietotāji var viegli naviģēt vietnēs un lietojumprogrammās.

Secinājumi

Atpakaļceļa navigācija ir vērtīgs rīks vietnes lietojamības, pieejamības un SEO uzlabošanai. Nodrošinot skaidru un intuitīvu veidu, kā lietotāji var saprast savu atrašanās vietu vietnē un atgriezties iepriekšējos līmeņos, atpakaļceļa navigācija var uzlabot kopējo lietotāja pieredzi un samazināt atlēcienu līmeni. Ievērojot šajā rokasgrāmatā izklāstīto labāko praksi, jūs varat efektīvi ieviest atpakaļceļa navigāciju un izveidot vietnes, kas ir gan lietotājam draudzīgas, gan optimizētas meklētājprogrammām. Atcerieties ņemt vērā globālo auditoriju un pielāgot savu dizainu, lai apmierinātu dažādas vajadzības un vēlmes.

Praktiski ieteikumi:

• Veiciet savas vietnes auditu: Analizējiet savu esošo navigācijas struktūru, lai identificētu jomas, kurās atpakaļceļa navigācija var uzlabot lietotāja pieredzi.
• Ieviesiet pārdomāti: Izvēlieties atbilstošu atpakaļceļa navigācijas veidu (uz atrašanās vietu, ceļu vai atribūtiem balstītu), pamatojoties uz savas vietnes struktūru un lietotāju vajadzībām.
• Testējiet un atkārtojiet: Pārraugiet lietotāju uzvedību un apkopojiet atsauksmes, lai pilnveidotu atpakaļceļa navigācijas ieviešanu un nodrošinātu, ka tā atbilst lietotāju cerībām.
• Piešķiriet prioritāti pieejamībai: Nodrošiniet, lai jūsu atpakaļceļa navigācija būtu pieejama visiem lietotājiem, ieskaitot tos ar invaliditāti.

Papildu resursi

• Nielsen Norman Group: Atpakaļceļa navigācija
• Moz: Iekšējā sasaiste SEO vajadzībām
• Google Search Central: Atpakaļceļa navigācija