Naudingumas Navigacija Kaip tai daro įtaką vartotojo patirties dizainui

Norint sukurti efektyvią ir patogią navigaciją, mums ne tik reikia galvoti apie tai, kaip suskirstykite turinį į gerai struktūrizuotus meniu leisti vartotojams lengvai rasti tai, ko nori, bet ir apie tai, kaip suprojektuokite priemones, kurias jie turės bendrauti su svetaine

Skambinama navigacija, kuri nėra griežtai susijusi su turiniu ir padeda vartotojams atlikti skirtingus veiksmus naudingumo navigacija, ir tai yra mažiau aptartas, bet labai svarbus vartotojų patirties dizaino aspektas. Tipiniai naudingumo navigacijos pavyzdžiai yra paieškos juostos, prisijungimo ir registracijos formos, prenumeratos, bendrinimo ir spausdinimo mygtukai, pirkinių krepšeliai, kontekstiniai meniu ir įrankiai, kurie leidžia vartotojams keisti kalbą arba šrifto dydį.

Jų projektavimas nėra toks paprastas, kaip atrodo iš pirmo žvilgsnio reikia apsvarstyti galimybę išsiaiškinti, kokie elementai mums reikalingi, kur ir kaip juos rodyti užtikrinti, kad mūsų lankytojai galėtų greitai juos rasti ir suprasti, kaip jie veikia.

Kaip Utility navigacijos poveikis UX

Kai projektuojame naudingumo navigaciją, turime nuspręsti, kaip mes norime, kad naudotojai bendrautų su mūsų svetaine. Turime jiems suteikti sąveikos struktūra atitinka mūsų verslo tikslus, veda vartotojus per kliento kelionę, suteikia jiems lengvai suprantamas parinktis ir suteikia jiems malonią patirtį.

Pirmiausia, jie turi sugebėti greitai atlikti norimus veiksmus. Jei leisime jiems tai padaryti, klientų pasitenkinimas augs, o malonūs vartotojai linkę daugiau laiko ir daugiau lėšų skirti interneto svetainėse.

„AirBnB“ pagrindinis puslapis atitinka šį UX principą, o jo viršutiniame meniu yra tik įrankių įrankiai. Tai ne įprastas sprendimas, bet jei pažvelgsime į neįtikėtiną „AirBnB“ augimo tempą, tai puikus pasirinkimas.

4 aukščiausio meniu elementai nukreipti į 4 pagrindinius asmenis, kurie paprastai lanko „AirBnB“ svetainę: žmonės, kurie domisi priimančiuoju (“Tapkite priimančiuoju”), žmonės, norintys išspręsti problemą, kuri įvyko naudojantis paslauga (“Pagalba”), nauji ir grįžtantys naudotojai (“Registruotis” ir “Prisijungti”). Be to, „AirBnB“ tinklapio pagrindiniame puslapyje yra greita paieškos juosta, kuri yra labai svarbi priemonė apgyvendinimo nuomos svetainėje.

Antra, naudotojams nereikia nereikalingų komunalinių paslaugų, nes pernelyg daug kliūčių sutelkia dėmesį ir mažina dėmesio. Kokios priemonės yra būtinos mūsų naudojimosi navigacijoje ir kas nėra priklausoma nuo mūsų svetainės pobūdžio. Pavyzdžiui, gali būti naudinga įtraukti spausdinimo vaizdą į tinklaraštį arba naujienų svetainę, tačiau ta pati funkcija gali būti nereikalingas dėmesys forumo lentoje ar socialinės žiniasklaidos svetainėje.

Pavyzdžiui, „Washington Post“ pateikia skirtingų puslapių naudingumo navigaciją skirtingai nei pagrindiniame puslapyje. Tokiu būdu vartotojai tenkina tik tinkamas įrankius, kurie nėra tinkami naudoti.

Yra 3 naudingumo navigacijos elementai, kuriuos lankytojai gali naudoti visoje svetainėje. Tai protingai įtraukta į fiksuotą viršutinę juostą (paieškos įrankis, “Prisijungti”, ir “Prenumeruoti”), tačiau vartotojai neturi galvoti apie galimybes, susijusias su atskirais įrašais, pvz “Skaitymo sąrašas” naršydami pagrindinį puslapį arba vieną iš kategorijos puslapių.

Trečia, vartotojams reikia greitai suprasti, ką jie gali padaryti mūsų svetainėje. Lankytojai nebūtinai žino, ko nori, todėl visada turime suteikti jiems informaciją apie pasirinktas galimybes.

Jei pažvelgsite į toliau pateiktą ekraną, galite pamatyti, kad „The New York Times“ informuoja vartotojus apie 3 skirtingus leidimus: Amerikos, Tarptautinis, ir Kinų, ir taip pat leidžia jiems greitai pereiti tarp trijų. Šis puikus sumanaus naudingumo navigacijos pavyzdys rodo, kad naudotojai mažiau akivaizdūs variantai, kurių jie greičiausiai nerastų, nesusipratę ir elegantiškai.

Raskite geriausią vietą

Yra tipiškų įrankių navigacijos vietų, kuriose naudotojai intuityviai ieško šių įrankių, nes tai, ką jie priprato daugelyje svetainių. „Web design“ konvencijų pažeidimas laikomas bloga naudotojo patirties praktika, o tai ypač pasakytina apie naudingąją navigaciją, kuri daugeliu atvejų yra daugiau apie naudingumą nei kūrybiškumas.

Kadangi daugumoje svetainių naudingoji navigacija yra antrinė turinio pagrindu orientuota navigacija, ji dažnai pateikiama mažiau matomose, bet vis dar matomose vietose. Tai paprastai reiškia (1) viršutinį dešinįjį kampų kampą ir (2) apatinę poraštės dalį. Tai gera idėja laikytis šių konvencijų, kaip tai yra vietos, kuriose dauguma vartotojų pirmiausia ieško įrankių.

Kaip matote toliau, „Reuters“ daugumą savo įrankių įdėjo į šias dvi tipines sritis: viršutiniame dešiniajame svetainės kampe ir apatinėje poraštės dalyje, esančioje žemiau turinio navigacijos. Unikalus sprendimas čia yra fiksuota papildoma poraštė su 2 naudingumo elementais, kuriuos, kaip manoma, yra svarbiausi: “Prisijungti arba registruotis” ir “Naujausi iš „My Wire“”.

Įdomu pažymėti, kad papildoma naudingumo navigacijos sritis vis dar yra įdėta į poraštę, kurioje vartotojai paprastai ieškotų panašių įrankių, todėl „Reuters“ dizaineriai buvo kūrybiškai bet vis dar laikomasi internetinio dizaino konvencijų, kad būtų galima naudoti patogumą.

Sukurkite loginę struktūrą

Naudojimo įrankių grupavimas į loginę struktūrą yra labai svarbus, jei norime sukurti aukštą konversijos rodiklį. Tai gali būti iššūkis, net jei nenorime suteikti vartotojams daug galimybių, tačiau „Amazon“ naudoja naudingumo navigacijos sudėtingumą į kitą lygį. „Amazon“ turi neįtikėtinai sudėtingą naudingumo navigaciją su daugybe galimybių, bet jei „Amazon“ reguliariai naudojame, tai neatrodo. Tai protingo dizaino magija.

Jie ne tik įdėjo naudingumo navigaciją viršutiniame dešiniajame kampe, kur naudotojai tikėjosi, kad juos ras, bet jie taip pat padalino jį į tris pagrindines grupes: (1) paieškos juosta, (2) su vartotoju susijusi informacija (žemiau paieškos juostos) ) ir 3) veiksmus, kuriuos vartotojai gali atlikti svetainėje.

Tai protinga, nes dėka vizualinių ženklų, tokių kaip pirkinių krepšelis ar paieškos piktograma, klientai gali nuspręsti, kokia akimis yra akis, kurią grupė nori naudoti, ir nuo to laiko jie gali ignoruoti kitus du. Yra tik viena grupė (“Jūsų sąskaita”, “Išbandykite „Prime“”, “Krepšelis”, ir “Pageidavimų sąrašas”), turintiems submeniu, kurie taip pat yra logiškai struktūrizuoti, ir skirtingos submeniu grupės skirstomos diskretiškomis, bet matomomis separatoriais, kad naudotojai galėtų greitai surasti tai, ko jie nori.

Sukurti efektyvų vizualinį dizainą

Efektyvios navigacijos vizualinis dizainas turi atitikti garsųjį KISS principą (Keep It Simple, Stupid). Rekomenduojama pateikti piktogramas su teksto etiketėmis, kad kontrolė atrodytų kaip kontrolė, ir vizualiai pabrėžti svarbiausius veiksmus. Taip pat gali būti gera idėja atskirti naudingumo ir turinio navigaciją naudojant šiek tiek kitokį dizainą.

„Walmart“ ir „Etsy“ tinklalapyje galima rasti du puikius efektyvaus vizualinio dizaino pavyzdžius. Dizaineriai naudojosi navigacijos paslaugomis viršutinėje abiejų svetainių vietose ir pabrėžė tai, kad spalvos skiriasi nuo likusios navigacijos, „Walmart“ ir mėlynos spalvos, ir „Etsy“ su mėlynais šriftais.

Abi svetainės pabrėžti svarbiausius naudotojo veiksmus su skirtingais vaizdinio dizaino elementais, „Walmart“ naudoja geltoną „Search“ ir „Sign In“ mygtukus, o „Etsy“ suteikia „Sign In“ mygtukui diskretišką mėlyną sieną, o virš krepšelio meniu yra pilka krepšelio piktograma.

Tai yra vienintelė vieta, kur Etsy naudoja piktogramą savo naudingumo meniu, o „Walmart“ rodo piktogramą šalia kiekvieno elemento, tačiau vis tiek nepamirškite įterpti būtinų teksto etikečių šalia piktogramų.