Izrada platforme za oblačne igre na Android TV - UI / UX Design Study Case

Bio je to redoviti ponedjeljak, sve dok klijent ne dođe s novim projektom koji će biti osmišljen na Android TV-u. Imali smo veliko iskustvo dizajniranja različitih izgleda UI-ja za Web, Mobile, Tablet i također POS sustave, ali ovo je bio prvi put da smo trebali dizajnirati nešto za Smart Television. Radoznali smo dizajnirali nešto novo i uzeli smo ponudu.

"Uvijek postoji prvi put"

Među nama je bilo uzbuđenje da prvi put stvorimo ovako nešto. Pripremili smo svoje alate, istovremeno smo započeli i sa prikupljanjem nadahnuća i podataka potrebnih za dizajn naše prve Android TV aplikacije.

O projektu

Klijent nam je rekao zahtjev; aplikacija se odnosila na platformu Cloud Gaming. Nešto što je zvučalo stvarno cool i baš nas je uzbuđivalo na poslu. Proveli smo istraživanje o korisnicima i značajkama u Aplikaciji i kako to možemo predstavljati na Android TV-u. Najvažnije je uzeti u obzir da se izgled Android TV-a razlikuje od uobičajenog izgleda weba i mobilnih uređaja.

Google materijalne smjernice pomogle su nam da započnemo s dizajnom.

Navigacija za Android TV

Android TV izgled i daljinac

Prvo što trebate učiniti je razumjeti uređaj na kojem će korisnik koristiti aplikaciju. Razumjeli smo da korisnik mora koristiti različite uređaje za unos. No u ovom će slučaju korisnik za navigaciju uglavnom upotrebljavati Android Remote ili GamePad. Ono što smo ozbiljno shvatili je navigacija jer smo željeli da korisnik kreće kroz minimalne korake i ne bi trebao imati složenost pri uporabi sučelja.

Image Credits Google Design

Slijedili smo standardni izgled materijala jer korisniku izgleda poznato i puno lakše za navigaciju. Napravili smo odjeljak s horizontalnim pomicanjem (X-os), a korisnik može mijenjati odjeljak okomitim pomicanjem (os Y). Ladica je zadržana u slučaju da korisnik odluči promijeniti postavke, istražiti kategorije i druge sekundarne funkcije.

Struktura dizajna umjetničke ploče za Android TV

Istraživanje

Istražili smo trenutne igračke platforme poput Vortexa i također se pozvali na igraće konzole poput Xbox i Play Station. Ti su nam izgledi pomogli da razumijemo igračka sučelja i kako su podaci prikazani na televiziji. Također smo ukratko pogledali popularna sučelja na Android TV-u poput Netflixa i Youtubea radi različitih obrazaca izgleda i upotrebljivosti.

Image Credits Windows Central

Sve referentne aplikacije koje smo vidjeli bili su baneri kao glavni fokus i bili su dizajnirani kao da korisnik lako može kretati kroz 4 usmjerenu navigacijsku ploču. Zaključili smo da se fontova drži što je manje moguće kako bi korisniku omogućili poznato i intuitivno kinematografsko iskustvo. Također, veličina fonta morala je biti vidljiva i velika jer korisnik sjedi 5-10 metara daleko od televizora.

Odabir boje

boje

Oduvijek smo voljeli bijele prostore i minimalan izgled na aplikaciji, ali u ovom slučaju bijela nije boja koju korisnici žele vidjeti na velikom ekranu. Stoga smo odlučili krenuti s Dark i Matt bojama koje bi korisnik manje primijetio. Također, tamna pozadina je istaknula natpise igara i dala joj intuitivan izgled.

Kako je aplikacija namijenjena igranju, namjeravali smo u pozadini zadržati poligon u vektoru kako bismo korisniku pružili paralaks iskustvo. Boje su bile tamne što je korisniku pomoglo da se usredotoči na sadržaj aplikacije.

Istraživanje korisnika

Proveli smo istraživanje korisnika i klasificirali 2 kategorije za korisnike.

Klasifikacija korisnika

John voli istraživati ​​nove igre dok Smith želi nastaviti istu igru ​​još dugo vremena. Dakle, s ovim rezultatima došli smo do značajki poput Preporuka za Johna i Nedavno igrane igre za Smitha. Također, izgled je bio jednostavan, tako da obojica mogu lako navigirati i igrati igre bez ikakvih napora.

Izgled kartice

Izgled kartice bio je savršen kako bi korisnicima pružio kinematografsko iskustvo. Odabrana kartica istaknut će i povisiti prema dizajnu materijala. Zadržali smo Beskonačno pomicanje za vrh koji sadrži samo natpise igara bez ikakvih tekstualnih podataka. Također ispod toga zadržali smo Nedavno igrane igre s izgledom materijala i horizontalnim pomicanjem.

Dizajn kartica

Bilo je važno pružiti korisniku isto kinematografsko iskustvo koje su pružale aplikacije poput Netflixa, Youtubea i drugih aplikacija. Također, namjeravali smo korisniku omogućiti besprijekornu navigaciju kroz zaslone i odjeljke.

Konačni rezultati

Napokon je došla zima i došlo je vrijeme akcije. Analizirali smo sve aspekte i pokušali to vizualno predstaviti. Kartiranje uma i žičani okvir su dovršeni, a korisničko sučelje je došlo na red. Imali smo sve potrebne stvari i to je trebalo izvršiti.

Struktura aplikacije

Imali smo rezultat zbog dizajna koji je imao igrački ukus, zajedno s raznobojnim natpisima. Predložili smo sučelje u kojem je bilo pozitivnih povratnih informacija. Testirali smo ga i na Android TV-u i imao je rezultate koje smo očekivali.

Završno korisničko sučelje

Putovanje je bilo avanturističkog karaktera i moralo je naučiti mnogo lekcija. Android TV bio je nešto u čemu bismo opet voljeli dizajnirati. Ovaj dizajn nas je naučio raznolikosti uređaja i različitim iskustvima kako ih koristiti.

Hvala na čitanju!