Pilvmänguplatvormi kujundamine Android TV-s - UI / UX-i juhtumianalüüs

See oli tavaline esmaspäev, kuni klient tuleb välja uue projektiga, mis tuleb kujundada Android TV-s. Meil oli tohutu kogemus erinevate veebi-, mobiili-, tahvelarvuti- ja ka POS-süsteemide kasutajaliideste kujundamisel, kuid see oli esimene kord, kui pidime nutitelevisiooni jaoks midagi kavandama. Meil oli uudishimu kavandada midagi uut ja võtsime pakkumise.

“Alati on esimene kord”

Meie seas oli elevus, et esimest korda midagi sellist luua võiks. Olime oma tööriistad valmis, samal ajal hakkasime koguma ka inspiratsiooni ja andmeid, mida oli vaja oma esimese Android TV rakenduse kujundamiseks.

Projekti kohta

Klient rääkis meile nõudest; rakendus oli umbes Cloud Gaming Platform. Midagi, mis kõlas väga lahedalt ja tegi meid tööst põnevaks. Uurisime rakenduse kasutajate ja funktsioonide kohta ning kuidas saaksime seda Android TV-s esindada. Kõige olulisem oli arvestada sellega, et Android TV paigutus erineb tavalistest veebi- ja mobiilipaigutustest palju.

Google'i materjalijuhised aitasid meil disainiga algust teha.

Android TV navigeerimine

Android TV paigutus ja kaugjuhtimispult

Esimese asjana tuli aru saada seadmest, milles kasutaja rakendust kasutab. Mõistsime, et kasutajal oli erinevad sisendseadmed. Kuid sel juhul kasutab kasutaja navigeerimiseks enamasti kas Android Remote'i või GamePadi. Navigeerimine oli asi, mida võtsime tõsiselt, kuna soovisime, et kasutaja sirviks minimaalseid samme ega peaks liidese kasutamise keerukust tundma.

Pilt autorid Google Design

Järgisime standardset materjalipaigutust, kuna see tundub kasutajale tuttav ja palju hõlpsamini navigeeritav. Lõime lõigu horisontaalse kerimisega (X-telg) ja kasutaja saab sektsiooni vertikaalse kerimise (Y-telje) abil muuta. Sahtlit hoiti juhuks, kui kasutaja otsustab sätteid muuta, kategooriaid ja muid kõrvalfunktsioone uurida.

Artboardi kujundusstruktuur Android TV jaoks

Uurimistöö

Uurisime praeguseid mänguplatvorme nagu Vortex ja võtsime viiteid ka mängukonsoolidelt nagu Xbox ja Play Station. Need paigutused aitasid meil mõista mängude liideseid ja seda, kuidas andmeid teleris esitatakse. Samuti vaatasime põgusalt üle Android TV populaarseid liideseid, näiteks Netflix ja Youtube, erinevate paigutusmustrite ja kasutatavuse viidete osas.

Pilt krediiti Windows Central

Kõigi nähtavate rakenduste põhifookuses olid ribareklaamid ja need olid loodud nii, et kasutaja saaks hõlpsalt navigeerida 4-suunalise navigeerimispadja kaudu. Tegime järelduse, et fonte tuleb hoida nii vähe kui võimalik, et anda kasutajale tuttav ja intuitiivne kinemaatiline kogemus. Samuti pidi kirjasuurus olema nähtav ja suur, kuna kasutaja asub televiisorist 5–10 jalga kaugusel.

Värvivalik

Värvid

Oleme alati armastanud valgeid ruume ja rakenduse minimaalset väljanägemist, kuid sel juhul ei olnud valge värv, mida kasutajad suurel ekraanil näha tahavad. Niisiis otsustasime minna tumedate ja mattide värvidega, mis on kasutajale vähem märgatavad. Samuti tõstis tume taust esile mänguribasid ja andis sellele intuitiivse ilme.

Kuna taotlus oli mõeldud mängude jaoks, kavatsesime polügoonivektorit taustal hoida, et anda kasutajale paralleelkogemus. Värvid olid tumedad, mis aitas kasutajal rakenduse sisule keskenduda.

Kasutaja uurimine

Tegime kasutajauuringuid ja klassifitseerisime kasutajatele 2 kategooriat.

Kasutajate klassifikatsioon

John armastab uute mängude uurimist, samas kui Smith soovib sama mängu jätkata pikka aega. Niisiis tulime nende tulemustega välja sellised funktsioonid nagu Soovitused Johni jaoks ja Hiljuti mängitud mängud Smithile. Samuti hoiti paigutust lihtsana, nii et mõlemad saaksid hõlpsalt liikuda ja mänge ilma pingutusteta.

Kaardi paigutus

Kaardipaigutus oli täiuslik, et pakkuda kasutajatele kinemaatilist elamust. Valitud kaart tõstetakse esile ja tõstetakse vastavalt materjali kujundusele. Hoidsime ülaosas lõpmatut kerimist, mis sisaldab ainult mängude ribareklaame ilma igasuguse tekstilise teabeta. Selle all hoidsime hiljuti mängitud mänge koos materjali paigutuse ja horisontaalse kerimisega.

Kaardi kujundus

Oluline oli anda kasutajale samasugune kinemaatiline kogemus, mida pakkusid sellised rakendused nagu Netflix, Youtube ja muud rakendused. Samuti soovisime, et kasutaja saaks ekraanide ja sektsioonide kaudu sujuvalt navigeerida.

Lõpptulemused

Lõpuks saabus talv ja oligi aeg tegutsemiseks. Analüüsisime kõiki aspekte ja püüdsime seda visuaalselt kujutada. Mõtete kaardistamine ja juhtmekujundus olid lõpule viidud ja kasutajaliides oli käes. Meil olid kõik vajalikud asjad olemas ja see tuli täita.

Rakenduse struktuur

Tulemuseks oli disain, millel oli värvikirevate bänneritega mänguline maitse. Esitasime liidese, milles oli positiivseid tagasisideid. Testisime seda ka Android TV-s ja sellel olid tulemused, mida me ootasime.

Lõplik kasutajaliides

Teekond oli seiklusterohke ja sellel oli palju õppetunde. Android TV oli midagi, mida me tahaksime uuesti kujundada. See disain õpetas meile seadmete mitmekesisust ja erinevaid kogemusi selle kasutamiseks.

Aitäh, et lugesite!