Lietderības navigācija Kā tas ietekmē lietotāja pieredzes dizainu

Lai izstrādātu efektīvu un lietotājam draudzīgu navigāciju, mums nav tikai jādomā par to, kā to izdarīt sagrupējiet mūsu saturu labi strukturētās izvēlnēs lai lietotāji varētu viegli atrast to, ko viņi vēlas, bet arī par to, kā izstrādājiet rīkus, kas viņiem būs nepieciešami, lai mijiedarbotos ar vietni

Tiek aicināta navigācija, kas nav tieši saistīta ar saturu, un palīdz lietotājiem veikt dažādas darbības lietderības navigācija, un tas ir mazāk izplatīts, bet ļoti svarīgs lietotāja pieredzes dizaina aspekts. Meklēšanas joslas, pieteikšanās un pierakstīšanās veidlapas, abonēšanas, koplietošanas un drukāšanas pogas, iepirkumu ratiņi, konteksta izvēlnes un rīki, kas ļauj lietotājiem mainīt valodas vai fonta lielumu, ir tipisks lietderības navigācijas piemērs..

To projektēšana nav tik vienkārša, kā šķiet pirmajā acu uzmetienā ir jāapsver, lai noskaidrotu, kādi elementi mums ir nepieciešami, kur izvietot un kā tos attēlot lai pārliecinātos, ka mūsu apmeklētāji var ātri tos atrast un saprast, kā viņi strādā.

Kā Utility navigācijas ietekme UX

Izstrādājot lietderības navigāciju, mums jāizlemj, kā mēs vēlamies, lai mūsu lietotāji sadarbotos ar mūsu vietni. Mums ir jānodrošina viņiem mijiedarbības struktūra kas atbilst mūsu biznesa mērķiem, ved lietotājus caur klienta braucienu, dod viņiem viegli saprotamas iespējas un nodrošina viņiem patīkamu lietotāja pieredzi.

Pirmkārt, viņiem ir jāspēj ātri veikt vajadzīgās darbības. Ja mēs to darīsim, klientu apmierinātība pieaugs, un apmierināti lietotāji mēdz tērēt vairāk laika un naudas tīmekļa vietnēs.

AirBnB mājas lapa seko šim UX principam, un tā augšējā izvēlne satur tikai lietderības rīkus. Tas nav parasts risinājums, bet, ja mēs apskatīsim neticamo AirBnB izaugsmes tempu, tā ir lieliska izvēle tiem.

4 galvenās izvēlnes vienības ir vērstas uz 4 galvenajām personām, kas parasti apmeklē AirBnB vietni: personas, kuras ir ieinteresētas kļūt par uzņēmēju (“Kļūsti par uzņēmēju”), cilvēki, kas vēlas atrisināt problēmu, kas notika, kamēr viņi izmantoja pakalpojumu (“Palīdzība”), jauni un atgriezušies lietotāji (“Pierakstīties” un “Pieslēgties”). Uz AirBnB orientēto mājas lapu ir arī ātra meklēšanas josla, kas ir būtisks rīks naktsmītņu nomas vietnē.

Otrkārt, lietotājiem nav nepieciešami lieki komunālie pakalpojumi, jo pārāk daudz traucējumu novērš uzmanību un samazina fokusu. Kādi instrumenti ir nepieciešami mūsu lietderības navigācijai un kas nav atkarīgi no mūsu vietnes rakstura. Piemēram, var būt noderīgi iekļaut Drukas skatu uz emuāru vai ziņu portālu, bet tā pati funkcija var būt nevajadzīga uzmanības novēršana foruma padomē vai sociālo mediju vietnē.

Vašingtonas pasts, piemēram, parāda dažādās tīmekļa vietnēs dažādās vietnēs redzamo lietderības navigāciju. Tādā veidā lietotāji atbilst tikai tiem lietderības rīkiem, kas ir būtiski, un tie nav pakļauti iespējām, ko viņi nevēlas izmantot jebkurā gadījumā.

Ir 3 lietderības navigācijas vienumi, kurus apmeklētāji var vēlēties izmantot visā vietnē. Tie ir gudri iekļauti fiksētajā augšējā joslā (meklēšanas rīks, “Ielogoties”, un “Abonēt”), bet lietotājiem nav jādomā par iespējām, kas saistītas ar atsevišķām ziņām, piemēram, “Lasīšanas saraksts” pārlūkojot mājas lapu vai kādu no kategoriju lapām.

Treškārt, lietotājiem ir jāsaprot, ko viņi var darīt mūsu vietnē. Apmeklētāji ne vienmēr zina, ko viņi vēlas, tāpēc mums vienmēr ir jāsniedz informācija par iespējām.

Ja paskatīsieties zemāk redzamajā ekrānuzņēmumā, varat redzēt, ka The New York Times informē lietotājus par trīs dažādu versiju pieejamību: Amerikāņu, Starptautiskā, un Ķīniešu, un arī ļauj tiem ātri pārslēgties starp trim. Šis lielais viedo lietderības navigācijas piemērs rāda lietotājiem mazāk acīmredzamas iespējas, kuras, visticamāk, neatradītu atsevišķi, neuzkrītošā un elegantā veidā.

Atrast labāko vietu

Lietderīgajiem navigācijas rīkiem ir tipiski izvietojumi, kur lietotāji intuitīvi meklē šos rīkus, jo tie ir pieraduši lielākajā daļā tīmekļa vietņu. Web dizaina konvenciju pārkāpšana tiek uzskatīta par sliktu lietotāju pieredzes praksi, un tas īpaši attiecas uz lietderības navigāciju, kas vairumā gadījumu ir vairāk par lietojamību nekā radošumu..

Tā kā lietderības navigācija vairumā tīmekļa vietņu ir sekundāra satura navigācijai, tā bieži tiek ievietota mazāk pamanāmās, bet joprojām redzamās vietās. Tas parasti nozīmē tīmekļa vietņu (1) labo augšējo stūri un kājenes apakšējo daļu (2). Tas ir laba ideja ievērot šīs konvencijas, kā tās ir vietas, kur lielākā daļa lietotāju vispirms meklē lietderības rīkus.

Kā redzams zemāk, Reuters ir izvietojis lielāko daļu savu lietderības rīku šajās divās tipiskajās teritorijās - lapas augšējā labajā stūrī un apakšējā kājenes daļā zem satura balstītās navigācijas. Unikāls risinājums šeit ir fiksēta papildu kājene ar diviem lietderības elementiem, kurus dizaineri uzskata par vissvarīgākajiem: “Pieteikšanās vai reģistrācija” un “Jaunākie no My Wire”.

Ir interesanti atzīmēt, ka papildu lietderības navigācijas zona joprojām tiek novietota kājenē, kurā lietotāji parasti meklē līdzīgus rīkus, tāpēc Reuters dizaineri bija radoši bet joprojām izmantoja web dizaina konvencijas, lai saglabātu lietojamību.

Veidot loģisku struktūru

Lietderības rīku grupēšana loģiskā struktūrā ir būtiska, ja mēs vēlamies izveidot vietni ar augstu konversijas likmi. Tas var būt izaicinājums pat tad, ja mēs nevēlamies sniegt lietotājiem daudz iespēju, bet Amazon izmanto lietderības navigācijas sarežģītību uz nākamo līmeni. Amazon ir ļoti sarežģīta lietderība navigācija ar daudzām iespējām, bet, ja mēs regulāri lietojam Amazon, tas neparādās. Tas ir gudra dizaina burvība.

Viņi ne tikai ievietoja lietderības navigāciju augšējā labajā stūrī, kur lietotāji sagaida to atrast, bet arī sadalīja trīs galvenajās grupās: (1) meklēšanas josla, (2) ar lietotāju saistīta informācija (zem meklēšanas joslas) ) un 3) darbības, ko lietotāji var veikt vietnē.

Tas ir gudri, jo, pateicoties vizuālajam zīmējumam, piemēram, iepirkumu grozam vai meklēšanas ikonai, klienti var izlemt par acu mirgošanu, kuru grupa vēlas izmantot, un no tā brīža viņi var ignorēt pārējos divus. Ir tikai viena grupa (“Jūsu konts”, “Izmēģiniet Prime”, “Grozs”, un “Vēlmju saraksts”), kuram ir arī loģiski strukturētas apakšizvēlnes, un dažādas apakšizvēlņu grupas ir sadalītas ar diskrētiem, bet redzamiem atdalītājiem, lai lietotāji varētu ātri atrast to, ko viņi vēlas.

Izveidojiet efektīvu vizuālo dizainu

Efektīvas navigācijas vizuālajam dizainam ir jāatbilst slavenajam KISS principam (Keep It Simple, Stupid). Ieteicams nodrošināt ikonas ar teksta etiķetēm, veikt vadīklas kā kontroles un vizuāli uzsvērt svarīgākās darbības. Tā var arī būt noderīga, lai atšķirtu lietderības un satura navigāciju, izmantojot nedaudz atšķirīgu dizainu.

Divi lieliski efektīvas vizuālā dizaina piemēri ir atrodami Walmart un Etsy tīmekļa vietnē. Dizaineri izvietoja lietderības navigāciju abās vietās, un izcēla to ar krāsām, kas atšķiras no pārējās navigācijas, Walmart ar zilu fonu un Etsy ar ziliem fontiem.

Abas vietas uzsvērt svarīgākās lietotāja darbības ar dažādiem vizuālā dizaina elementiem, "Walmart" izmanto dzelteno pogu meklēšanas un pierakstīšanās pogām, savukārt "Etsy" piespiežot pogu "pieraksta", tiek parādīta diskrēta zila robeža, un tajā atrodas pelēks iepirkumu grozs ikona virs grozu izvēlnes..

Šī ir vienīgā vieta, kur Etsy izmanto ikonu savā lietderības izvēlnē, bet Walmart parāda ikonu blakus katram vienumam, bet joprojām neaizmirstiet iekļaut vajadzīgās teksta etiķetes blakus ikonām.