Zīmoliem, kas izmanto gudrus UX modeļus, lai navigācija būtu bez piepūles

Ievads

Slikta navigācija nogalina vairāk tīmekļa vietņu nekā slikts dizains. Kad lietotāji nevar izdomāt, kur nākamreiz klikšķināt, viņi pamet vietni.

Pētījumi liecina, ka 61,5 % cilvēku pamet vietnes, jo navigācija viņus mulsina. Tas ir milzīgs skaitlis, un tas nozīmē, ka lielākā daļa vietņu zaudē apmeklētājus, pirms tiem ir iespēja kļūt par klientiem.

Zīmoli, kas to dara pareizi, nepaļaujas uz gudriem trikiem vai neparastām izvēlnēm. Viņi izmanto specifiskus UX modeļus, kas novērš nesaskaņas katrā mijiedarbībā. Šie modeļi ir apzināta izvēle par to, kā informācija tiek organizēta un prezentēta.

Mēs esam pētījuši desmitiem augsti efektīvu vietņu, lai identificētu, kas patiešām darbojas. Modeļi, kurus aprakstīsim zemāk, ir sastopami dažādās nozarēs, sākot no e-komercijas līdz SaaS platformām. Katrs no tiem risina konkrētu navigācijas problēmu, un jūs varat tos ieviest, nepārveidojot visu savu vietni.

Apskatīsim, ko darīja reāli zīmoli un kā jūs varat pielāgot to pieeju.

Sticky navigācija kā impulsu saglabājošs modelis

Sticky navigācija nodrošina, ka būtiskās opcijas paliek redzamas, kad lietotāji ritina lapu. Tā novērš neskaidrības brīžos, kad cilvēki izlemj, ko darīt tālāk.

Garās lapās tas ir svarīgi. Lietotāji bieži vien izveido nodomu lasīšanas vidū. Pastāvīga navigācija ļauj viņiem rīkoties uzreiz, nepazaudējot koncentrēšanos vai nepieciešamību ritināt atpakaļ uz augšu.

Šis modelis respektē impulsu. Lietotājiem nav nepieciešams apstāties, pārorientēties vai meklēt vadības elementus. Vietne reaģē tikpat ātri, cik ātri viņi domā. Laika gaitā tas veido uzticību un samazina atteikšanos, īpaši lapās, kurās ir apvienota izglītība, cenas un konversijas ceļi.

Vērtība ir atkarīga no izpildes. Sticky navigācijai jābūt atbalstošai, nevis dominējošai. Nepareizi izmantota, tā aizņem vietu vai novērš uzmanību no satura. Tīra īstenošana nodrošina tās lietderību un klusumu.

Kā īstenot fiksētu navigāciju:

• Pirms izstrādāt izvēlni, noteikt tās vienoto mērķi. Atbalstīt visbiežāk veiktos nākamos soļus.
• Ierobežojiet saites tikai uz galvenajām lapām, piemēram, produktiem, cenām, kontaktiem un pasūtījumiem.
• Saglabājiet kompaktu un vienādu augstumu visās lapās.
• Nodrošiniet spēcīgu kontrastu starp izvēlni un lapas saturu, lai tā paliktu lasāma, pārvietojoties pa lapu.
• Izmantojiet vienkāršas etiķetes, kas atbilst lietotāja nolūkam, nevis iekšējo terminoloģiju.
• Fiksējiet izvēlnes pozīciju, lai izvairītos no svārstībām vai izmēra maiņas ritināšanas laikā.
• Mobilajās ierīcēs pārbaudiet, vai pogas ir sasniedzamas ar īkšķi un vai ap tām ir pietiekami daudz brīvas vietas.
• Rūpīgi apsveriet ritināšanas darbību. Ja rodas problēmas ar atstarpi, paslēpiet izvēlni, ritinot uz leju, un atklājiet to, ritinot uz augšu.
• Pārbaudiet ietekmi uz veiktspēju, lai fiksētais elements nepalēninātu ielādi vai ritināšanu.

Custom Sock Lab ir zīmols, kas šo modeli izmanto labi. Tas ražo pasūtījuma zeķes uzņēmumiem, pasākumiem, komandām un individuāliem klientiem.

To fiksētā navigācija paliek redzama visās lapās, pat ja jūs ritināt uz leju. Lietotāji, kas pārlūko stilus, materiālus vai pasūtījuma detaļas, var uzreiz mainīt ceļus. Izvēlne paliek vienkārša un konsekventa, palīdzot apmeklētājiem pārvietoties pa opcijām, nezaudējot koncentrēšanos vai progresu.

Avots: customsocklab.com

Hierarhiskas izvēlnes, kas atbilst lietotāju mentālajiem modeļiem

Hierarhiskās izvēlnes darbojas, ja tās atspoguļo to, kā lietotāji jau organizē informāciju savās galvās.

Cilvēki neapskata lapas nejauši. Viņi ierodas ar aptuvenu priekšstatu par to, ko vēlas, un sagaida, ka kategorijas sašaurinās izvēli loģiskā secībā. Skaidra segmentācija palīdz viņiem virzīties uz priekšu, neapdomājot katru klikšķi.

Šis modelis samazina neskaidrības, savlaicīgi atbildot uz neizteiktajiem jautājumiem. Lietotāji redz, kur viņi atrodas, kas ir katras kategorijas sastāvā un cik dziļi viņi var iet. Šī skaidrība saīsina lēmuma pieņemšanas laiku un samazina atsitienu rādītājus, īpaši vietnēs ar lielu krājumu vai tehniskajiem produktiem. Tas arī veido uzticību. Kad kategorijas šķiet pazīstamas, lietotāji tic, ka atradīs to, kas viņiem nepieciešams.

Šeit ir svarīga izpilde. Slikta hierarhija rada jucekli vai liek lietotājiem no jauna apgūt struktūru. Spēcīga hierarhija ir skaidri redzama jau no pirmā acu uzmetiena.

Kā īstenot hierarhiskas izvēlnes:

• Grupējiet elementus atbilstoši lietotāja nodomam, nevis iekšējai produktu loģikai.
• Ierobežojiet augstākā līmeņa kategorijas līdz pārvaldāmam skaitam.
• Izmantojiet vienkāršas, aprakstošas etiķetes, kas atbilst meklēšanas valodai.
• Atklājiet apakškategorijas, uzvedot peles kursoru vai pieskaroties, bez kavēšanās.
• Pēc iespējas saglabājiet kategoriju dziļumu nelielu.
• Saglabājiet vienotu struktūru visās izvēlnēs un sānu joslās.
• Kārtot elementus pēc to nozīmīguma, nevis alfabēta.
• Pievienojiet vizuālu atstarpi, lai skaidri nošķirtu grupas.
• Atbalstiet filtrēšanu kategorijās, lai ātrāk sašaurinātu meklējumu.

Golf Cart Tire Supply šo pieeju piemēro ar disciplīnu. Uzņēmums piegādā golfa kartingu riepas, riteņus un saistītus piederumus to apkopšanai un uzlabošanai.

To galvenajā izvēlnē ir redzamas produktu kategorijas, kas, uzvedot peles kursoru, paplašinās, uzreiz atklājot produktus vai skaidras apakškategorijas. Lietotājiem nav jāklikšķina uz izvēles. Mājaslapā kreisajā sānjoslā ir redzama tā pati struktūra. Tā segmentē produktus pēc tādiem parametriem kā izmērs un tips, palīdzot apmeklētājiem ātri sašaurināt izvēli.

Abas navigācijas sistēmas darbojas pēc vienas un tās pašas loģikas, kas padara izpēti paredzamu un efektīvu.

Avots: golfcarttiresupply.com

Atribūtu vadīts izvēlnes dizains, kas atspoguļo to, kā pircēji filtrē produktus

Atribūtu vadītas izvēlnes organizē navigāciju ap detaļām, kas pircējiem ir visvairāk svarīgas. Tā vietā, lai vadītos tikai pēc plašām kategorijām, šīs izvēlnes jau sākumā parāda atribūtus, piemēram, tipu, krāsu, materiālu vai lietošanas gadījumu.

Tas saskaņo navigāciju ar to, kā cilvēki faktiski iepērkas, īpaši, ja katalogi no pirmā acu uzmetiena šķiet lieli vai līdzīgi.

Šī stratēģija saīsina lēmuma pieņemšanas procesu. Pircēji bieži vien jau pirms pārlūkošanas zina galvenos ierobežojumus. Viņiem var būt svarīgāka piemērotība, mērķauditorija vai izskats nekā zīmolu nosaukumi vai kolekcijas. Atribūtu navigācija ļauj viņiem šos ierobežojumus piemērot jau sākumā. Tas samazina pārlūkošanas laiku un mazinā frustrāciju. Tas arī palīdz lietotājiem justies, ka viņi kontrolē situāciju, kas palielina pārliecību izvēles procesā.

Lai šī pieeja būtu veiksmīga, ir nepieciešama koncentrēšanās un ierobežojumi. Pārāk daudz atribūtu rada apgrūtinājumu, bet slikta marķēšana rada neskaidrības. Mērķis ir skaidrība, nevis pilnīgums.

Kā īstenot atribūtu navigāciju:

• Identificējiet atribūtus, uz kuriem lietotāji visvairāk paļaujas, salīdzinot produktus.
• Pārbaudiet šos atribūtus, izmantojot meklēšanas datus un atbalsta jautājumus.
• Ierobežojiet redzamās īpašības līdz spēcīgākajiem lēmumu pieņemšanas faktoriem.
• Izmantojiet vienotus apzīmējumus visās izvēlnēs, filtros un produktu lapās.
• Kārtot atribūtus pēc to nozīmīguma, nevis iekšējās prioritātes.
• Ļaujiet lietotājiem kombinēt atribūtus, neatsākot rezultātu meklēšanu.
• Saglabājiet izvēles redzamas, lai lietotāji saprastu aktīvos filtrus.
• Nodrošiniet, ka veiktspēja paliek ātra, kad tiek atjaunināti filtri.
• Atstaro atribūtu loģiku gan datoru, gan mobilo ierīču izkārtojumos.

Mannequin Mall, kas pārdod manekenus mazumtirdzniecībai un modes nozarei, veido savu navigāciju, balstoties uz produktu atribūtiem.

Tie organizē produktus pēc manekena tipa, dzimuma, vecuma grupas un krāsas. Tas atbilst tam, kā pircēji sašaurina izvēles iespējas, strādājot ar izstādes prasībām vai zīmola standartiem. Apmeklētāji var ātri filtrēt, neuzminot kategoriju ceļus.

Šī struktūra atbalsta ātru salīdzināšanu un palīdz lietotājiem sasniegt atbilstošos produktus ar mazāku soļu skaitu.

Avots: mannequinmall.com

Navigācija kā sekundārs atklāšanas modelis

Navigācija lapas apakšā palīdz lietotājiem, kuri sasniedz lapas apakšu, neveicot nekādas darbības. Šajā brīdī viņi joprojām ir ieinteresēti, bet nezina, kur doties tālāk. Labi strukturēta lapas apakšā esošā navigācija sniedz viņiem virzienu, neuzliekot par pienākumu atgriezties lapas augšā. Tā darbojas kā klusa drošības tīkla, kas ļauj turpināt izpēti.

Šis modelis palīdz, jo ritināšana bieži vien norāda uz izvērtēšanu. Lietotāji lasa, salīdzina un apstājas lapas beigās. Kad apakšā ir skaidri norādīti nākamie soļi, tas uztur dinamiku. Tas arī parāda saturu, kas nepiederas galvenajā navigācijā, piemēram, ceļvežus, salīdzinājumus vai uzticamības orientētas lapas. Tas uzlabo atklājamību, neaizkraujot galveno izvēlni.

Īstenošana ir atkarīga no skaidrības un struktūras. Apakšējai joslai jābūt organizētai un mērķtiecīgai. Pārblīvētas apakšējās joslas palēnina lēmumu pieņemšanu un tiek ignorētas.

Kā izstrādāt efektīvu apakšējās daļas navigāciju:

• Grupējiet saites pēc mērķa, piemēram, pētījumi, salīdzinājumi, atbalsts un informācija par uzņēmumu.
• Izmantojiet īsus, aprakstošus apzīmējumus, kas uzskatāmi izskaidro vērtību.
• Dodiet priekšroku lietderīgām lapām, nevis juridiskām vai mazāk interesantām saitēm.
• Saglabājiet kolonu izkārtojumu vienādu visās lapās.
• Pievienojiet vizuālu atstarpi starp grupām, lai uzlabotu pārskatāmību.
• Izvairieties no visa galvenā izvēlnes dublēšanas bez precizēšanas.
• Ja iespējams, iekļaujiet konteksta saites, kas saistītas ar lapas saturu.
• Pārliecinieties, ka saites ir lasāmas arī mazākos ekrānos.
• Pārskatiet apakšējās daļas analītiku, lai identificētu, kuras saites piesaista vislielāko uzmanību.

Medical Alert Buyer’s Guide izmanto apakšējās daļas navigāciju kā praktisku rezerves slāni. Vietne koncentrējas uz medicīnisko trauksmes sistēmu pārskatīšanu un salīdzināšanu vecākiem cilvēkiem un aprūpētājiem.

Kad lietotāji pārskata garus pārskatus vai salīdzinājumus, apakšējā josla nodrošina skaidru piekļuvi atbalsta lapām, piemēram, pirkšanas ceļvežiem, bieži uzdotajiem jautājumiem un kontaktiem.

Šī struktūra palīdz apmeklētājiem turpināt pētījumu bez sarežģījumiem. Apakšā nav pārāk daudz informācijas. Tā vienkārši piedāvā loģiskus nākamos soļus, kad lietotāji sasniedz lapas beigās un vajag norādes.

Avots: medicalalertbuyersguide.org

Konteksta navigācija, kas pielāgojas lietotāja ceļojumam

Konteksta navigācija mainās atkarībā no lietotāju atrašanās vietas un to, ko viņi mēģina darīt. Tā vietā, lai uzspiestu vienu izvēlni visiem scenārijiem, interfeiss pielāgojas, kad nolūks kļūst skaidrāks. Tas nodrošina navigācijas atbilstību un novērš lietotāju nepieciešamību šķirot vairs nepiemērotas opcijas.

Lietotāju vajadzības mainās, kad viņi pārvietojas pa vietni. Sākotnējās apmeklējumu fāzes ir vērstas uz orientāciju un uzticēšanos. Turpmākās apmeklējumu fāzes ir vērstas uz apmācību, salīdzināšanu vai uzdevumu izpildi. Konteksta navigācija atbalsta šīs izmaiņas, piedāvājot saites, kas atbilst pašreizējai fāzei. Tas samazina uzmanības novirzīšanu un palīdz lietotājiem virzīties uz priekšu ar mazāku piepūli.

Ieguvums ir atkarīgs no konsekvences. Pēkšņas izmaiņas mulsina lietotājus, ja loģika nav skaidra. Veiksmīga konteksta navigācija šķiet dabiska, jo tā balstās uz struktūru, ko lietotāji jau saprot.

Kā īstenot konteksta navigāciju:

• Pirms navigācijas stāvokļu izstrādes definējiet lietotāju ceļojumus.
• Saglabājiet globālo navigāciju stabilu augstākā līmeņa pārvietošanās gadījumā.
• Ieviesiet konteksta izvēlnes tikai tad, ja mērķis kļūst konkrētāks.
• Izmantojiet izkārtojuma izmaiņas, kas norāda uz jaunu satura režīmu.
• Ierobežojiet konteksta saites ar darbībām, kas attiecas uz pašreizējo sadaļu.
• Saglabājiet konsekventas etiķetes globālajos un vietējos izvēlnēs.
• Nodrošiniet, ka lietotāji var viegli atgriezties augstāka līmeņa lapās.
• Pārbaudiet pārejas, lai navigācijas izmaiņas būtu paredzamas.
• Izvairieties no globālo saikņu dublēšanas konteksta izvēlnēs.

Lielisks šīs stratēģijas piemērs ir Webflow, vizuālā attīstības platforma, kas ļauj dizaineriem veidot profesionālas tīmekļa vietnes, nerakstot kodu.

Sākumlapā izvēlnē ir iekļautas paredzamās SaaS sadaļas, piemēram, Platforma, Risinājumi, Resursi un Cenas. Kad lietotāji ieiet Resursu sadaļā, navigācija pāriet uz sānu joslu, kas pielāgota mācībām. Saites ir vērstas uz kursiem, glosārijiem, sertifikātiem un izglītojošu saturu.

Šī izmaiņa atbalsta pētniecības orientētu domāšanu, neierobežojot piekļuvi galvenajai vietnes struktūrai. Navigācija pielāgojas, neradot dezorientāciju, kas ļauj saglabāt fokusu un efektivitāti izpētē.

Avots: webflow.com

Avots: webflow.com

Prognozējoši meklēšanas modeļi, kas palīdz lietotājiem, kad tie raksta

Prognozējošā meklēšana palīdz lietotājiem ātrāk sasniegt rezultātus, reaģējot reālajā laikā. Kad lietotāji raksta, interfeiss paredz viņu nodomu un piedāvā ieteikumus, pirms tie pabeidz meklēšanu. Tas labi darbojas vietnēs ar lieliem katalogiem, kur pārlūkošana vien aizņem pārāk daudz laika.

Šis modelis samazina pūles kritiskā brīdī. Lietotāji bieži zina daļu no tā, ko vēlas, bet ne precīzu formulējumu. Prognozējošā meklēšana aizpilda šo plaisu, uzreiz piedāvājot atbilstošus terminus, kategorijas un produktus. Tā samazina kļūdu skaitu, saīsina ceļu uz rezultātiem un notur lietotāju uzmanību, nevis liek veikt meklēšanu, izmantojot izmēģinājumu un kļūdu metodi. Tā arī atbalsta atklājumus, parādot iespējas, ko lietotāji varbūt nav apsvēruši.

Spēcīga izpilde balstās uz atbilstību un ierobežojumiem. Pārāk daudz ieteikumu rada apjukumu. Slikts reitings mazina uzticību. Pieredze jābūt ātrai, koncentrētai un noderīgai.

Kā ieviest prognozējošo meklēšanu:

• Ievietojiet meklēšanas funkciju vietā, kur lietotāji to gaida, un padariet to viegli aktivizējamu.
• Paplašiniet meklēšanas lauku, lai norādītu fokusu un nolūku.
• Pēc pirmajiem burtiem parādiet ieteikumus.
• Klasificējiet ieteikumus pēc popularitātes un atbilstības.
• Iekļaujiet vairākus rezultātu veidus, piemēram, produktus, kategorijas un saturu.
• Skaidri izcelt atbilstošos terminus rezultātos.
• Saglabājiet rezultātu pārskatāmību, izmantojot atstarpes un vizuālo hierarhiju.
• Ierobežojiet redzamo rezultātu skaitu, lai izvairītos no pārslodzes.
• Nodrošiniet, ka veiktspēja paliek nemainīga visās ierīcēs.

Petco, kas pārdod dzīvnieku barību, gardumus, piederumus un aksesuārus, plašā mērogā izmanto prognozējošo meklēšanu. To galvenajā navigācijā ir izcelta meklēšanas josla, kas paplašinās, tiklīdz lietotāji uz to noklikšķina.

Kad lietotāji raksta, interfeiss paredz meklējumus un parāda saistītus meklējuma terminus, zīmolus un kategorijas. Tas arī parāda produktu rezultātus un saistītus rakstus tajā pašā paplašinātajā logā. Lietotāji var pāriet no idejas uz rīcību, neizejot no meklēšanas režīma.

Šī konfigurācija atbalsta gan ātrus pirkumus, gan plašāku pētījumu veikšanu, vienlaikus saglabājot koncentrētu un reaģējošu pieredzi.

Avots: petco.com

Nobeiguma domas

Viedā navigācija atvieglo darbu, nepievēršot uzmanību sev. Šeit aprakstītie modeļi darbojas, jo tie respektē to, kā cilvēki pārlūko, izlemj un pārvietojas pa saturu.

Pastāvīgas izvēlnes atbalsta dinamiku. Skaidras hierarhijas atbilst gaidītajam. Uz atribūtiem balstīti ceļi atspoguļo reālo pirkšanas uzvedību. Kontekstuālā navigācija pielāgojas, kad nolūks kļūst skaidrāks. Prognozējošā meklēšana saīsina attālumu starp vajadzību un rezultātu.

Šīs pieejas ir veiksmīgas, ja tās tiek ievērotas. Katrs modelis kalpo konkrētam mērķim un parādās tikai tur, kur tas pievieno vērtību.

Turpmākajiem soļiem pārskatiet, kā lietotāji pārvietojas jūsu vietnē. Nosakiet, kur viņi vilcinās, atgriežas atpakaļ vai pamet vietni. Pēc tam piemērojiet modeli, kas atbilst šim brīdim ceļojumā. Nelieli navigācijas uzlabojumi bieži vien nodrošina ievērojamu iesaistīšanās un konversijas pieaugumu.