Upotrebljivost za lutke. Dio 3: što bi trebala biti navigacija

Pročitajte prvi dio članka.

Pročitajte drugi dio članka.

Site navigacijski sustav bi trebao biti jasan i praktičan. Dobro se može nazvati navigacijom, koju posjetitelji resursa koriste automatski, bez da svjesno paze na to. Nešto poput ovog koristite miš: privlači pozornost samo ako ne radi ispravno. Kako učiniti navigaciju ugodnom i ne zahtijevaju svjesnu pažnju posjetitelja? Pročitajte ispod.

Promatrajte redoslijed glavnih i sekundarnih stranica.

Ako tipke sekundarnih stranica prethode gumbima glavnih stranica, to dovodi korisnika u zabludu. Na primjer, jedna od varijanti dizajna Digg usluge predložila je sljedeći raspored gumba:

Gumb "Moje vijesti" vodi do sekundarne stranice, koja je dostupna samo nakon registracije ili autorizacije. Gumb "Najnovije vijesti" vodi do glavne stranice, tako da mora prethoditi gumbu "Moje vijesti".

Predstavnici zapadne kulture pregledavaju stranice s lijeva na desno od vrha do dna. Gumb lijevo i / ili iznad prethodi gumbu desno i / ili ispod.

Izbornik za navigaciju: okomito ili vodoravno?

U nekim situacijama prikladno je koristiti vertikalni izbornik, u drugima - horizontalni. Dizajneri moraju razumjeti koja je vrsta izbornika prikladna u datoj situaciji.

Posjetitelji brže uočavaju vertikalni izbornik. Zbog male udaljenosti između elemenata, korisnici skeniraju dva ili tri gumba u jednom vizualnom zaustavljanju. Okomiti izbornik zauzima lijevi stupac stranice, tako da imate manje prostora za sadržaj. Gornji elementi vertikalne navigacije jasno su vidljivi korisniku, ali niži ostaju jedva primjetni.

Posjetitelji sporije vide horizontalni izbornik. Gumbi se nalaze s lijeva na desno, tako da ih je osoba navikla čitati, a ne skenirati uzorke. Korisnik percipira jedan gumb za jedan vizualni zaustavljanje. Svi elementi horizontalnog izbornika su jasno vidljivi. Vertikalna navigacija ostavlja više slobodnog prostora na stranici. To znači da korisniku možete ponuditi više sadržaja bez pomicanja.

Uklonite okomite trake iz vodoravnog izbornika.

Dizajneri koriste vertikalne trake u izborniku za vizualno razdvajanje elemenata.

Postoji jednostavniji način vizualnog odvajanja stavki izbornika. Dovoljno da se poveća prostor između njih. Ovaj način odvajanja stavki izbornika povećava brzinu percepcije, budući da korisnik čini manje vizualnih zaustavljanja.

Izbor harmonika: jednostavan način paginacije

Stranica stranica je prikladna ako korisniku nudite veliku količinu različitih materijala. A kada objavite jedan odličan materijal, bolje je kombinirati meni s harmonikom na stranici:

Da biste pročitali novi sadržaj, korisnik ne mora učitati sljedeću stranicu. Zahvaljujući AJAX modulu, izbornik harmonika učitava sadržaj na otvorenoj stranici.

Kako napraviti beskrajne pomicanje user friendly

Sljedeće smjernice pomoći će vam povećati učinkovitost stranica s beskrajnim pomicanjem:

  • Kada se pomičete beskrajno, gornji navigacijski izbornik trebao bi biti dostupan korisniku. Ova preporuka provodi se na Facebooku.
  • Pokažite korisniku da se sadržaj učitava.
  • Recite posjetitelju koliko je sadržaja ostalo.
  • Vratim se na početnu točku jednim klikom.

Gdje treba biti gumb "Podaci za kontakt"

Sve stavke izbornika su kombinirane u dvije kategorije: informativne i promotivne. Postupak slijedi nakon proučavanja informacija. Stoga bi prvi trebali biti elementi informacija: "o tvrtki", "proizvodi", "blog" itd. Promotivni artikli, kao što su "pretplati se" ili "kontakt", trebaju dovršiti izbornik.

Vrtuljci, rotatori, klizači: Izbjegavajte uobičajene pogreške

Dizajneri vole vrtuljak za vizualnu privlačnost. Sljedeće su tipične pogreške koje smanjuju učinkovitost ovih elemenata:

  • Nastavak rotacije sadržaja kada korisnik pogleda jednu od najava.

Kada pređete pokazivačem na vrtuljku, kretanje bi se trebalo prebaciti u ručni način rada.

  • Rotacija jednog elementa vrtuljka

Korisnici vide sadržaj prikazan u vrtuljku u skupinama od nekoliko elemenata. Ako osoba nije pronašla temu koja vas zanima, pritisnite gumb za pomicanje da biste pregledali novi sadržaj. Ako u načinu ručnog pomicanja vrtuljak prikazuje samo jedan novi element, to dovodi do gubitka vremena.

Kada ručno pomičete vrtuljku, cijeli redak se mora promijeniti.

  • Nedostatak pokazatelja napretka

Korisnik želi znati koliko je sadržaja već pregledao i koliko je ostalo. Dakle, u vrtuljku moraju biti znakovi napretka.

  • Beskonačno pomicanje

Korisnici ne vole pomicanje oko vrtuljka zauvijek. Stoga, kada završite gledanje, navigacijski gumb trebao bi biti neaktivan.

Kako sve što vam treba u zaglavlju stranice stane

Tipično, zaglavlje stranice sadrži logotip, gumbe izbornika, blok za registraciju i autorizaciju i polje za pretraživanje. Zaglavlje zauzima dio stranice, uzimajući prostor od sadržaja. Koristeći dolje navedene recepte, učinit ćete kapu kompaktnijom bez gubitka funkcionalnosti i vizualne privlačnosti:

  • Koristite elastično polje za pretraživanje
  • Kombinirajte gumbe za registraciju i autorizaciju
  • Stavite logotip na navigacijsku traku
  • Radikalan način: sakrijte navigacijske tipke
  • Koristite učinak ribljeg oka

Kako napraviti vertikalni izbornik prikladnim

Okomiti izbornik pogodan je po tome što dizajner može postaviti što više linkova. Korisnik se može pomicati po stranici kako bi vidio stavke na dnu okomitog izbornika. Međutim, to vrijedi samo ako korisnik traži nešto specifično. U suprotnom, jednostavno se ne pomiče po stranici.

Da biste riješili ovaj problem, ostavite samo linkove prvog reda u vertikalnom izborniku. Veze drugog reda prikazuju se klikom na.

Vanjske veze trebale bi se otvoriti u novoj kartici preglednika.

Unutarnje veze trebale bi se otvoriti na postojećoj kartici, a vanjske u novoj. Prvo, korisnik je prijateljski raspoložen. Drugo, zadržava korisnika na vašoj web-lokaciji.

Kombinirajte padajući izbornik

Standardni padajući izbornik može zbuniti korisnika. On je prisiljen odabrati svaku kategoriju i proučavati veze drugog reda. Kombinirani padajući izbornik prikazuje sve stavke drugog reda kada kliknete na bilo koju kategoriju. To čini navigaciju prikladnijom.

Vrtuljak bi trebao imati jednostavnu navigaciju.

Prosječni CTR sadržaja prikazanog pomoću vrtuljka iznosi 1%. To je prenisko, jer su vrtuljci najizgledniji elementi na glavnim stranicama.

Problem je u meniju vrtuljka: često je nezgodan i neinformativan. Navigacijski elementi moraju biti veliki, a korisnik mora znati koji sadržaj odabere.

Automatski način rada - glavni kriterij kvalitete navigacije

Ako korisnici ne razmišljaju o tome kako pronaći potreban dio stranice, to znači da ste napravili dobar izbornik. Kako bi pomogli posjetiteljima da putuju resursom, odaberite ispravan redoslijed glavnih i sekundarnih elemenata. Razmotrite koji izbornik odgovara vašem resursu: okomito ili vodoravno. Učinite zaglavlje stranice malim i praktičnim. Pomoću kombiniranog padajućeg izbornika kliknite sekundarne elemente okomitog izbornika.

Pogledajte videozapis: TechGenuis - Huawei Mate20 Pro vs. DSLR (Listopad 2019).

Ostavite Komentar