Pilvipelialustan suunnittelu Android TV: lle - UI / UX -tapaustutkimus

Oli tavallinen maanantai, kunnes asiakas esitti uuden projektin, joka suunnitellaan Android TV: hen. Meillä oli valtava kokemus suunnitella erilaisia ​​käyttöliittymäasetteluita Web-, Mobile-, Tablet- ja POS-järjestelmiin, mutta tämä oli ensimmäinen kerta, kun jouduimme suunnittelemaan jotain älykäs televisio-ohjelmaan. Olimme utelias suunnittelemaan jotain uutta ja otimme tarjouksen.

”Aina on ensimmäinen kerta”

Meillä oli jännitys luoda jotain tällaista ensimmäistä kertaa. Meillä oli työkalumme valmiina. Samanaikaisesti aloimme myös kerätä inspiraatiota ja tietoja, joita tarvitaan ensimmäisen Android TV -sovelluksen suunnitteluun.

Tietoja projektista

Asiakas kertoi meille vaatimuksen; Sovellus koski Cloud Gaming Platformia. Jotain, joka kuulosti todella siistiltä ja sai meidät todella innostumaan työskentelemään. Tutkimme käyttäjiä ja sovelluksen ominaisuuksia ja miten voimme edustaa sitä Android TV: ssä. Tärkein huomioitava asia oli, että Android TV -asettelu on paljon erilainen kuin tavalliset verkko- ja mobiiliratkaisut.

Google-materiaaliohjeet auttoivat meitä aloittamaan suunnittelun.

Android TV -navigointi

Android TV: n asettelu ja kauko-ohjain

Ensimmäinen tehtävä oli ymmärtää laite, jolla käyttäjä käyttää sovellusta. Ymmärsimme, että käyttäjällä oli erilaisia ​​syöttölaitteita käytettäväksi. Mutta tässä tapauksessa käyttäjä käyttää navigointiin joko Android Remote- tai GamePad-sovelluksia. Siirtyminen oli asia, jonka otimme vakavasti, koska halusimme käyttäjän siirtyvän pienimmissä vaiheissa eikä meidän pitäisi tuntea käyttöliittymän käytön monimutkaisuutta.

Kuvalainat Google Design

Noudatamme vakiomateriaalia, koska se näyttää käyttäjälle tutulta ja se on helppo navigoida. Loimme osan vaakavierityksellä (X-akseli) ja käyttäjä voi muuttaa osiota pystysuunnassa vierittämällä (Y-akseli). Laatikko säilytettiin siinä tapauksessa, että käyttäjä päättää muuttaa asetuksia, tutkia luokkia ja muita toissijaisia ​​toimintoja.

Taidekartongin suunnittelurakenne Android TV: lle

tutkimus

Tutkimme Vortexin kaltaisia ​​nykyisiä pelialustoja ja otimme myös viitteitä pelikonsoleista, kuten Xbox ja Play Station. Nämä asettelut auttoivat meitä ymmärtämään peliliittymät ja kuinka tiedot esitetään televisiossa. Kävimme myös lyhyen katsauksen Android TV: n suosituista rajapinnoista, kuten Netflix ja Youtube, erilaisista asettelutavoista ja käytettävyysviitteistä.

Kuvahyvitykset Windows Central

Kaikissa näkemissämme referenssisovelluksissa oli painopisteinä bannereita ja ne oli suunniteltu siten, että käyttäjä voi helposti selata 4 suuntaisen navigointityökalun läpi. Päätimme pitää fontteja mahdollisimman vähän, jotta käyttäjälle saataisiin tuttu ja intuitiivinen elokuvamainen kokemus. Fonttikoko oli myös pidettävä näkyvänä ja suurena, koska käyttäjä istuu 5–10 metrin päässä televisiosta.

Värivalinta

värit

Olimme aina rakastaneet valkoisia tiloja ja minimaalista ulkonäköä sovelluksessa, mutta tässä tapauksessa valkoinen ei ollut sitä väriä, jota käyttäjät haluavat nähdä suurella näytöllä. Joten päätimme mennä tummien ja mattojen väreihin, jotka käyttäjän olisi vähemmän havaittavissa. Lisäksi tumma tausta korosti pelin bannerit ja antoi sille intuitiivisen ilmeen.

Koska sovellus oli pelaamista varten, tarkoituksena oli pitää monikulmiovektori taustalla antaaksemme käyttäjälle parallaksikokemuksen. Värit olivat tummat, mikä auttoi käyttäjää keskittymään sovelluksen sisältöön.

Käyttäjätutkimus

Olemme suorittaneet käyttäjätutkimuksia ja luokitelleet 2 luokkaa käyttäjille.

Käyttäjien luokittelu

John rakastaa uusien pelien etsintää, kun taas Smith haluaa jatkaa samaa peliä pitkään. Joten näillä tuloksilla keksimme ominaisuuksia, kuten Suositukset Johnille ja Äskettäin pelatut pelit Smithille. Myös asettelu pidettiin yksinkertaisena, jotta molemmat voivat navigoida helposti ja pelata pelejä ilman mitään ponnisteluja.

Kortin asettelu

Kortin asettelu oli täydellinen tarjoamaan elokuvallinen kokemus käyttäjille. Valittu kortti korostaa ja kohottaa materiaalisuunnitelman mukaan. Pidimme ääretöntä vieritystä päällä, joka sisältää vain pelien bannerit ilman mitään tekstitietoja. Tämän alapuolella pidettiin äskettäin pelattuja pelejä materiaalin asettelulla ja vaakasuuntaisella vierityksellä.

Kortin suunnittelu

Oli tärkeää antaa käyttäjälle sama elokuvamainen kokemus, jonka Netflix, Youtube ja muut sovellukset tarjosivat. Lisäksi halusimme käyttäjän saumattoman selaamisen näyttöjen ja osioiden läpi.

Lopputulokset

Vihdoin talvi tuli ja oli aika toimia. Analysoimme kaikki näkökohdat ja yritimme edustaa sitä visuaalisesti. Mielen kartoitus ja lankakehys valmistuivat ja käyttöliittymä oli puolestaan. Meillä oli kaikki tarvitsemamme asiat ja se piti suorittaa.

Sovelluksen rakenne

Meillä oli tulos suunnittelulle, jolla oli pelimaku yhdessä värikkäiden bannerien kanssa. Esitimme käyttöliittymän, jossa oli positiivisia palautteita. Testasimme sitä myös Android TV: llä ja sillä oli odotettuja tuloksia.

Lopullinen käyttöliittymä

Matka oli seikkailunhaluinen, ja hänellä oli paljon opittavaa. Android TV oli jotain, jonka me mielellämme suunnittelemme uudelleen. Tämä suunnittelu opetti meille laitteiden monimuotoisuuden ja erilaiset kokemukset sen käytöstä.

Kiitos, että luit!