Uslužna navigacija Kako utječe na dizajn korisničkog iskustva

Kako bismo osmislili učinkovitu i jednostavnu navigaciju, ne trebamo samo razmišljati o tome kako grupirajte naš sadržaj u dobro strukturirane izbornike kako bi korisnici mogli lako pronaći ono što žele, ali i kako osmisliti alate koji će im biti potrebni za interakciju s web-lokacijom

Poziva se navigacija koja nije strogo povezana sa sadržajem i pomaže korisnicima u izvođenju različitih radnji komunalna navigacija, i to je manje široko raspravljani, ali iznimno važan aspekt dizajna korisničkog iskustva. Trake za pretraživanje, obrasci za prijavu i prijave, gumbi za pretplatu, dijeljenje i ispis, košarice za kupnju, kontekstualni izbornici i alati koji korisnicima omogućuju prebacivanje jezika ili veličine fonta tipični su primjeri navigacije.

Dizajniranje nije tako lako kao što se čini na prvi pogled zahtijeva razmatranje kako bi saznali koje elemente trebamo, gdje ih smjestiti i kako ih prikazati kako bi naši posjetitelji brzo pronašli i razumjeli kako rade.

Kako Utility Navigation utječe na UX

Kada dizajniramo navigaciju za uslužni program, moramo odlučiti kako želimo da naši korisnici komuniciraju s našom web-lokacijom. Moramo im pružiti interakcijska struktura koja odgovara našim poslovnim ciljevima, vodi korisnike kroz putovanje korisnika, daje im lako razumljive opcije i pruža im ugodno korisničko iskustvo.

Kao prvo, oni moraju biti u stanju brzo obavljati akcije koje žele. Ako im to omogućimo, zadovoljstvo kupaca će rasti, a zadovoljni korisnici će na web stranice trošiti više vremena i novca.

Početna stranica AirBnB-a slijedi ovo UX načelo, a njegov gornji izbornik sadrži samo alate za pomoć. To nije uobičajeno rješenje, ali ako pogledamo AirBnB-ovu nevjerojatnu stopu rasta, to je savršen izbor za njih.

Četiri glavne stavke izbornika ciljaju 4 glavne osobe koje obično posjećuju web-lokaciju AirBnB-a: osobe koje su zainteresirane postati host (“Postanite domaćin”), osobe koje žele riješiti problem koji se dogodio dok su koristili uslugu (“Pomozite”), novi i korisnici koji se vraćaju (“Prijavite se” i “Prijaviti se”). Početna stranica AirBnB-ovog uslužnog programa također sadrži traku za brzo pretraživanje koja je ključni alat na web stranici za iznajmljivanje smještaja.

Drugo, korisnici ne trebaju suvišne alate, jer previše nereda skreće pozornost i smanjuje fokus. Koji alati su potrebni u našoj navigaciji i što ne ovisi o prirodi naše stranice. Na primjer, može biti korisno uključiti prikaz ispisa na blog ili na web-lokaciju s vijestima, ali ista značajka može biti nepotrebno ometanje na forumskoj ploči ili web-lokaciji društvenih medija.

Washington Post primjerice prikazuje navigaciju uslužnih programa na svojim pojedinačnim stranicama za slanje na drugačiji način od one na početnoj stranici. Na taj način korisnici susreću samo korisne alate koji su relevantni, a nisu zastrašeni opcijama koje ionako ne bi željeli koristiti.

Postoje 3 navigacijske stavke koje posjetitelji možda žele koristiti za čitavu web-lokaciju. Oni su pametno uključeni u fiksnu gornju traku (alat za pretraživanje, “Prijaviti se”, i “pretplatiti”), ali korisnici ne moraju razmišljati o opcijama koje se odnose na pojedinačne postove kao što su “Popis za čitanje” tijekom pregledavanja početne stranice ili jedne od kategorija stranica.

Treće, korisnici moraju brzo razumjeti što mogu učiniti na našim stranicama. Posjetitelji ne znaju nužno što žele, pa im uvijek moramo pružiti informacije o mogućnostima koje imaju.

Ako pogledate sliku ispod, možete vidjeti da The New York Times informira korisnike o dostupnosti 3 različita izdanja: američki, međunarodna, i kineski, i također im omogućuje brzo se prebacujte između tri. Ovaj sjajan primjer pametne navigacijske alatke korisnicima pokazuje manje očigledne mogućnosti koje vjerojatno ne bi same pronašle, na nepristupačan i elegantan način.

Pronađite najbolje mjesto

Postoje tipični prostori za navigaciju uslužnim programima gdje korisnici intuitivno traže te alate, na što su se navikli na većini web-lokacija. Kršenje konvencija o web dizajnu smatra se lošom praksom korisničkog iskustva, a posebno vrijedi za navigaciju uslužnim programima koja je u većini slučajeva više o upotrebljivosti nego o kreativnosti.

Budući da je navigacija uslužnim programom u većini web-mjesta sekundarna u odnosu na navigaciju temeljenu na sadržaju, često se postavlja na manje istaknuta, ali još uvijek vidljiva područja. To obično znači (1) gornji desni ugao web-mjesta i (2) donji dio podnožja. to je dobra ideja slijediti ove konvencije, kao to su mjesta na kojima većina korisnika prvo traži pomoćne alate.

Kao što možete vidjeti u nastavku, Reuters je pozicionirao većinu komunalnih alata u ova dva tipična područja, u gornjem desnom kutu stranice, a donji dio podnožja ispod navigacije temeljene na sadržaju. Jedinstveno rješenje je fiksni dodatni podnožje s 2 korisne stavke za koje su dizajneri smatrali da su najvažniji: “Prijavite se ili registrirajte” i “Najnovije iz Moje žice”.

Zanimljivo je primijetiti da je dodatna navigacijska oblast za pomoćne programe još uvijek smještena u neku vrstu podnožja gdje bi korisnici obično tražili slične alate, tako da su dizajneri tvrtke Reuters bili na neki način kreativni ali još uvijek slijedili konvencije web dizajna kako bi održali upotrebljivost.

Izgradite logičku strukturu

Grupiranje komunalnih alata u logičku strukturu ključno je ako želimo izgraditi web-lokaciju s visokom stopom pretvorbe. To može biti izazov čak i ako ne želimo korisnicima pružiti mnogo opcija, ali Amazon uzima složenost navigacije do sljedeće razine. Amazon ima nevjerojatno kompliciranu uslužnu navigaciju s mnogo opcija, ali ako dovoljno često koristimo Amazon, to se ne čini tako. To je čarolija pametnog dizajna.

Oni nisu postavili samo navigaciju uslužnog programa u gornjem desnom kutu gdje korisnici očekuju da će ga pronaći, nego su ga podijelili u 3 glavne skupine: (1) traka za pretraživanje, (2) informacije vezane uz korisnika (ispod trake za pretraživanje) ), i (3) radnje koje korisnici mogu izvesti na web-lokaciji.

Pametan je jer, zahvaljujući vizualnim znakovima kao što su košarica ili ikona za pretraživanje, kupci mogu odlučiti u tren oka koju skupinu žele koristiti, a od tada mogu ignorirati druga dva. Postoji samo jedna grupa (“Vaš korisnički račun”, “Pokušajte Prime”, “Košara”, i “Popis želja”) koji ima i logički strukturirane podizbornike, a različite grupe pod-izbornika podijeljene su diskretnim, ali vidljivim razdjelnicima kako bi korisnici lakše pronašli ono što žele.

Stvorite učinkovit vizualni dizajn

Vizualni dizajn učinkovite komunalne navigacije mora slijediti poznati KISS princip (Keep It Simple, Stupid). Preporučuje se prikazivanje ikona s tekstualnim oznakama, upravljanje kontrolama i vizualno naglašavanje najvažnijih radnji. Također je dobra ideja razlikovati navigaciju temeljenu na sadržaju i sadržaju koristeći malo drugačiji dizajn.

Dva izvrsna primjera učinkovitog vizualnog dizajna mogu se pronaći na web-mjestu Walmart i Etsy. Dizajneri su smjestili navigacijsku tipku na najvišu od obje stranice i označili je bojama koje se razlikuju od ostatka navigacije, Walmart s plavom pozadinom i Etsy s plavim fontovima..

Oba mjesta naglasiti najvažnije akcije korisnika s različitim elementima vizualnog dizajna, Walmart koristi žuto za gumbe Pretraživanje i Prijava, dok Etsy daje diskretnu plavu granicu gumbu Prijava te uključuje sivu ikonu košarice iznad izbornika Košarica.

Ovo je jedino mjesto gdje Etsy koristi ikonu u izborniku uslužnog programa, dok Walmart prikazuje ikonu pored svake stavke, ali još uvijek ne zaboravlja uključiti potrebne tekstualne oznake pokraj ikona.