5 UX obrasca za pomoć korisnicima u navigaciji

Možda je najvažnije što trebate imati na umu prilikom dizajniranja mobilne aplikacije da biste bili sigurni da je i korisna i intuitivna. Ako aplikacija nije korisna, nema dodatne vrijednosti i nitko nema razloga da je koristi. Ako je korisno, ali uključuje strmu krivulju učenja, ljudi se neće mučiti da nauče kako to koristiti. Dobar dizajn UI rješava oba ova dizajnerska problema, a formalizirane najbolje prakse za rješavanje uobičajenih problema dizajna poznate su kao obrasci dizajna. Razumijevanje i prepoznavanje najnovijih i najpopularnijih obrazaca dizajna danas vam može pružiti ogroman napredak u industriji dizajna mobilnih aplikacija, tako da će vaša sljedeća aplikacija biti svježa i konkurentna.

Ovaj se post fokusira na obrasce dizajna koji se koriste za navigaciju putem mobilne aplikacije. Bez obzira kakvu aplikaciju dizajnirate, trebat će vam korisnici da učinkovito i učinkovito upravljaju različitim značajkama aplikacije - kako korisnici navigacijom kroz vašu aplikaciju mogu odrediti hoće li im se svidjeti dovoljno da bi je nastavili koristiti.

Primjeri kako različite aplikacije implementiraju korake

1. Procjene i oznake trenera

Korisnost je ključna za uspješnu aplikaciju. Međutim, to ponekad znači prilično kompliciranu primjenu s mnogo različitih vrsta alata i sadržaja. Dobar način da se riješi ovaj problem je kroz početni vodič ili vodič kako bi se pokazalo kako svaka funkcija funkcionira. Secret i Youtube ističu važne dijelove korisničkog sučelja s oznakama trenera koje objašnjavaju što rade, dok Carousel i Duolingo prikazuju prezentaciju kojom korisnici prolaze kroz tipično korisničko iskustvo. Ovaj se uzorak dizajna također može koristiti za prikupljanje dodatnih informacija od korisnika, što omogućava lakši početni doživljaj registracije / prijave i intuitivniju integraciju u aplikaciju.
Ako različite značajke vaše aplikacije korisniku nisu odmah očite, upute za upute i oznake odličnog su dizajnerskog obrasca za pojednostavljenje korisničkog iskustva i složenosti aplikacije.

2. Navigacija na temelju sadržaja

Bez obzira koju vrstu sadržaja želite uključiti u dizajn vaše aplikacije, korisničko iskustvo i protok tog sadržaja uvijek želite učiniti što fluidnijim. Navigacija na temelju sadržaja je obrazac dizajna koji se koristi za uključivanje neprimjetnih prijelaza između pregleda i detaljnih stanja. Tinder pruža sjajan primjer ovog uzorka: možete prebacivati ​​između dva stanja na korisničkom profilu - glavno stanje pregleda koje je u osnovi slika koja ispunjava veći dio zaslona, ​​a detaljan prikaz koji sliku čini samo malo manjom i uključuje neke činjenične informacije. Možete prelaziti iz bilo kojeg stanja jednostavnim klikom na zaslon u bilo kojem pogledu, kao i prelaskom prstom po slikama u bilo kojem stanju koje odaberete.

3. Klizači

U Uberu možete vidjeti da postoje četiri vrste usluga vožnje, a umjesto da vam trebaju četiri odvojena ekrana za pružanje potrebnih informacija, Uber koristi klizač dizajna klizača kako bi se omogućilo jednostavno prebacivanje između svake usluge vožnje. Ovo stvara bešavni prijelaz između opcija s prelaskom prsta, što ovaj prikaz čini vrlo intuitivnim za korisnika.

4. Popovci

Ponekad obavijesti ili dodatne informacije usred korištenja aplikacije mogu pomoći korisnicima da bolje komuniciraju s aplikacijom. U ovom bi slučaju korisnici mogli vidjeti relevantne podatke bez gubitka svog trenutnog mjesta u korisničkom sučelju. Pokusni dizajn dizajna može riješiti ovaj problem na nekoliko načina:
 Popovi se "pojavljuju" kada korisnik izvrši određenu radnju ili dođe do određenog mjesta u aplikaciji, pokazujući relevantne informacije / kontrole povezane s tom određenom radnjom / mjestom u korisničkom sučelju.

Izvorni sadržaj ili mjesto u aplikaciji i dalje je vidljiv u pozadini, ali preostali vam program nudi mogućnost podešavanja određenih stvari ili učenja o tome što slijedi. Popover privlači pažnju korisnika i pruža važne obavijesti tamo gdje je to potrebno. Međutim, korisnici će ujedno lako odbaciti povratak i vratiti se onome što su izvorno radili jednostavnim dodirivanjem ili prelaskom zaslona.

Primjer napajanja može se vidjeti u službenoj TED aplikaciji koja ima kontrolu povratka reprodukcije koja bledi iz pozadine, omogućavajući korisnicima interakciju s tom kontrolom bez gubitka mjesta u pregledniku sadržaja. Secret i Swarm koriste popovers da bi objasnili što će se dogoditi ako korisnici nastave s određenom radnjom.

5. Klizači, bočne trake i ladice

U usporedbi s računalima i televizorom, mobilni telefoni imaju relativno male ekrane, što znači da je jedan od izazova mobilnog dizajna stati na puno podataka na malom korisničkom sučelju. Kako ne biste zagušili veliku količinu informacija na jednom zaslonu odjednom, možete se kretati između različitih dijelova aplikacije pomoću klizača, bočnih traka i ladica. Ti su obrasci sekundarni odjeljci aplikacije kao što su karte, chat, korisnički profili itd., Zataknuti u sklopive „menije hamburgera“, tipke sa strelicama koje se izvlače ili bočne ladice. Na taj način korisnici mogu komunicirati s najvažnijim informacijama na svakom zaslonu odabirom dijela fokusa s tih skrivenih ploča.

Jeste li koristili neki od gore spomenutih uzoraka i jesu li oni pomogli povećati broj aktivnih korisnika dnevno? Javite nam.

Možete nas pratiti na Facebooku / LinkedIn / Twitteru

Izvorno objavljeno na monsoonfish.com.

Ova priča objavljena je u najvećoj poduzetničkoj publikaciji The Startup, koju prati 277,994 i više ljudi.

Pretplatite se za primanje naših najboljih priča ovdje.