5 Važnih lekcija koje sam naučio o dizajnu sučelja za mobilne aplikacije

Živim od 2009. godine, a u posljednje tri godine usredotočujem svoje sposobnosti na dizajnu internetskog i mobilnog korisničkog sučelja. Tijekom tog vremena iskusio sam dobro i loše u industriji. Dobri klijenti, loši klijenti. Dobre ideje, loše ideje. Dobri programeri, loši programeri. Bilo je odobrenja i odbijanja aplikacija.

Ponekad to može biti frustrirajuće, i premda ta takozvana „loša iskustva“ mogu biti tužna, naučili su me nekim važnim lekcijama. Ove lekcije ne samo da ubrzavaju moj svakodnevni tijek rada, nego mi pomažu u dizajniranju boljeg korisničkog iskustva za ciljanu publiku.

Istražite dizajnerske resurse

Upoznajte klijenta i njihove potrebe

„Stvaranje odličnog proizvoda i korisničkog iskustva za mene je broj jedan“

Prije pokretanja projekta, postavite internetski chat / poziv ili sastanak licem u lice sa svojim klijentom. Dobro ih je malo upoznati prije nego što se uključe u posao, jer sukobi osobnosti ponekad stvaraju probleme. Ako dijelite zajedničke interese, vjerojatno ćete se slagati!

Bio sam u situaciji s jednim klijentom gdje je bio nevjerojatno poslovan i njegov prioritet broj jedan je bio da za što kraće vrijeme zaradim što više novca. Iako je zarada važna, stvaranje odličnog proizvoda i korisničko iskustvo je za mene broj jedan (ako je proizvod dobar i korisnici ga vole koristiti, vjerujem da će se novac na kraju valjati!).

U ovom konkretnom slučaju, na kraju smo odlučili da ne radimo zajedno, jer sam želio više vremena potrošiti na posao koji sam od mene tražio, a njegov je prioritet bio što prije lansirati proizvod.

Nakon što prođete fazu malo upoznavanja i otkrivanja da ste dobar par, važno je saznati što više o aplikaciji. Sklon sam tome podijeliti u dva dijela; "osnovne informacije" i "napredne informacije".

Otkrivam osnovne podatke prije upoznavanja klijenta. To uključuje ono što je aplikacija, za koga je i koje su joj glavne značajke. Zatim prelazim na otkrivanje naprednih informacija. U ovom se koraku susrećem s klijentom i detaljno razgovaramo o tijeku rada i zaslonima.

Između nas stvaramo čitav popis ekrana koji će biti potrebni da bi aplikacija funkcionirala. Osobno volim koristiti proračunsku tablicu Google diska koju svi možemo pregledati i uređivati, te stvarati bilo kakve komentare. Slažemo se i odjavljujemo da je potreban čitav niz značajki i ekrana.

Zašto sve ovo rade?

Postoji nekoliko valjanih razloga koji stoje iza mene. Prva je da je to osnovna prednost pri izradi žičnih okvira i tijekova rada. Drugi je način da vam potencijalno može spasiti leđa od klijenata povećavajući radni tijek klizanjem dodatnih zaslona i značajki tu i tamo.

Jednom sam preuzeo relativno veliki projekt iOS-a i Android-a s mojim bliskim prijateljem gdje smo prekršili ovo pravilo i - ono što smo u početku citirali kao približno 320 sati rada - ubrzo se pretvorilo u gotovo 500 sati rada. Zbog toga što je klijent tijekom projekta dodao toliko novih značajki, cijelu strukturu aplikacije trebalo je izmijeniti na iOS i Android platformi.

Počelo je postajati dosadno, ponavljano i općenito smo izgubili puno ljubavi koju smo u početku imali prema projektu. Završili smo ga, ali ne bez rada u ranim jutarnjim satima, pod stresom, žongliranja projektima i odgađanja drugih projekata klijenata koje smo postavili. Ne vrijedi kad se može popraviti jednostavnim popisom zaslona i značajki.

Stavite se u cipele korisnika

Posljednje što volim učiniti prije nego što započnem s planiranjem projekta jest staviti se u cipele korisnika. Ponekad je to jedan tip korisnika, drugi dva ili čak više. Ovo se pravilo odnosi na sve mobilne aplikacije.

"Navigacija oko aplikacije mora biti jednostavna i vrlo brza"

U drugoj polovici 2011. radio sam s mapom izvan puta i pokretanjem GPS-a, a stavljanje u cipele tipičnog korisnika bilo je vrlo važno. Uhvatio bih komad papira, u sredini napisao „korisnik“ i zapisao sve što mi padne na pamet. Tri velika pitanja koja sam sebi postavila su:

• Za što će oni koristiti aplikaciju?
• Gdje će oni koristiti aplikaciju?
• Koliko vremena imaju za upotrebu aplikacije?

Očigledno je da će korisnik putem aplikacije koristiti za navigaciju i po cestama i izvan prometnicama, oni će je koristiti u automobilu i pješice - ponekad će to biti pod izravnom sunčevom svjetlošću (stoga tamni probni interfejs nije prikladan ).

Aplikacija će se koristiti dugotrajno, ali u nekim slučajevima korisnik će imati ograničeno vrijeme interakcije s aplikacijom (na primjer, crvenim svjetlima), tako da navigacija oko aplikacije mora biti jednostavna i vrlo brza.

Proveo bih dobar sat "u cipelama za korisnike", stvarno mi pomaže da zamislim kako će aplikacija raditi i kako bi mogla izgledati previše.

Planirajte unaprijed da kasnije izbjegnete pogreške

Planiranje vašeg projekta je onaj popis ekrana i značajki koje smo spomenuli u lekciji jedan od glavnih elemenata. Nakon što se popis zaslona i značajki potpiše, vrijeme je da započnete žičane veze.

Kada sam se prvi put usredotočio na dizajniranje mobilnih sučelja, preskakao sam žičane okvire kad god sam ugledao priliku. Smatrao sam da je dosadno za većinu projekata, ali na kraju mi ​​je lijenost zavladala. Prihvatio sam projekt za malu uslužnu aplikaciju za iOS, klijent i ja odlučili smo protiv trošenja pola dana skicirajući jednostavne žičane okvire jer smo u glavi imali prilično jasnu sliku o tome kako želimo da funkcionira.

Krenuli smo naprijed i prije nego što to shvatite nailazili smo na male probleme u toku rada, ništa veliko, sitnice poput kako korisnik stigne odavde, kako to briše bez da prođe kroz puno koraka kako bi stigao tamo, itd. Itd. Prije znate to, proveli smo sat vremena ovdje i sat vremena popravljajući ove probleme, što smo mogli lako izbjeći trošeći tih pola dana na sastavljanje jednostavnog radnog tijeka i skupa žičanih okvira.

To ne znači da trebate trošiti dane ili čak tjedne na planiranje svojih projekata (posebno za manje uslužne aplikacije), ali definitivno je vrijedno olovku staviti na papir i prelistati neke ideje za najvažnije ekrane, a zatim se vratiti natrag potpuni popis ekrana i značajki za one za koje ne smatrate da trebate skicirati.

Radim to cijelo vrijeme, prije i tijekom projekta, toliko da sam zapravo pokrenuo Dotgrid.co kako bih potaknuo ostale da kupuju knjige sa točkicama i više nacrtaju! Za veće projekte (posebno usluge) uvijek sam izdvojio dobar dio projektnog vremena u žičanom kadru i drugom planiranju. Uvijek se isplati.

Bilo bi vrijedno koristiti uslugu kako biste svoje žičane okvire pretvorili u radni prototip (sviđa mi se Invision App). Za velike projekte smatram da vam ovo pomaže u otkrivanju pogrešaka ili mogućih problema prije nego što zaronite previše duboko u projekt.

Pridržavajte se smjernica operativnog sustava

Pridržavati se korisničkih smjernica je važno. Izvrsno je eksperimentirati s novim navigacijskim sustavima, interakcijama i gestama dodirom. Potičem vas da to učinite, ali vi ćete se stalno pojavljivati ​​u problemima, bilo da je vašem programeru teško implementirati ideju dizajna ili Recenzenti Applea su izbirljivi i odbijaju vašu aplikaciju.

Da biste dobili dobru predstavu o tome što je moguće, napravite neka istraživanja o aplikacijama na tržištu i obavezno pročitajte smjernice.

To bi mogla biti razlika između aplikacije koja je odobrena ili odbijene aplikacije i tada morati potrošiti puno više vremena na redizajniranje različitih elemenata.

Još jedan dobar razlog za pridržavanje smjernica je taj što omogućava korisnicima da se brzo naviknu na vašu aplikaciju zbog toga što sve aplikacije slijede iste smjernice. Na primjer, tipke za povratak nalaze se u gornjem lijevom kutu. Trake s karticama nalaze se pri dnu zaslona. Prekidači rade isto u svim aplikacijama. Lista se nastavlja!

Priručne veze

• Smjernice ljudskog sučelja za iOS
• Android smjernice za korisničko sučelje
• Smjernice za dizajn dizajna za Windows Mobile
• Smjernice za korisničko sučelje Blackberry

Plati se da stvari budu jednostavne

Kada kažem klijentima da "stvari pojednostavljuju" često me pogrešno shvaćaju i misle da mislim da ću dizajnirati njihovo sučelje u minimalističkom stilu dizajna. To nije značenje riječi!

Jednostavno znači da prvi put korisnik može otvoriti aplikaciju i početi je koristiti bez potrebe za čitanjem uputa ili slijedom vodiča.

To znači da mogu izvršavati jednostavne zadatke u vrlo nekoliko koraka, ili u situacijama kada je potrebno više koraka, još je jednostavno. To znači da se boje učinkovito koriste (crvena za gumbe za brisanje je uobičajen primjer). Ako stvari ostanu što jednostavnije, bez previše kompliciranja bez ikakvog razloga, ne samo da potiče korisnike da prvo preuzmu aplikaciju, već ih i nastavi vraćati.

Zašto bi oni koristili aplikaciju koja je zbunjujuća i zahtjevna da se zaobiđu kada vjerojatno postoji alternativa koja je jednostavna i jasna?

S klijentom sam surađivao na jednostavnoj uslužnoj aplikaciji GPS koja prati koliko je korisnik putovao, prosječnu brzinu, najveću brzinu i visinu. Aplikacija je nastavila bilježiti podatke sve dok ih korisnik ne resetira. Da bismo je resetirali, odlučili smo se za zabavnu opciju "potresi za resetiranje" koja je bila jasno ilustrirana ikonom i odgovarajućim tekstom koji čita nešto poput redaka "Shake to resets stats".

Nekoliko dana nakon pokretanja aplikacije nekoliko nas je korisnika kontaktiralo s pitanjem kako resetirati snimljene statistike, a brzo smo u aplikaciju dodali crveni gumb na kojem je pisalo „Poništi statistiku“, omogućavajući im to na jednostavan način. Isplati se stvari učiniti jednostavnima!