„Cloud TV“ platformos projektavimas „Android TV“ - UI / UX dizaino pavyzdžių analizė

Tai buvo įprastas pirmadienis, kol klientas sugalvojo naują projektą, kuris bus sukurtas „Android TV“. Turėjome didelę patirtį kurdami įvairius UI išdėstymus žiniatinklio, mobiliesiems, planšetiniams kompiuteriams ir POS sistemoms, tačiau tai buvo pirmas kartas, kai reikėjo ką nors suprojektuoti išmaniajai televizijai. Mums buvo įdomu suprojektuoti ką nors naujo ir priėmėme pasiūlymą.

„Visada būna pirmą kartą“

Tarp mūsų buvo jaudulys pirmą kartą sukurti kažką panašaus. Turėjome paruoštus įrankius, tuo pat metu pradėjome rinkti įkvėpimus ir duomenis, reikalingus kuriant pirmąją „Android TV“ programą.

Apie projektą

Klientas mums pasakė reikalavimą; programa buvo apie „Cloud Gaming“ platformą. Kažkas, kas skambėjo išties šauniai ir privertė mus tikrai džiaugtis darbu. Mes atlikome tyrimus apie vartotojus ir Programos funkcijas bei kaip mes galėtume ją reprezentuoti „Android TV“. Svarbiausias dalykas, į kurį reikėjo atsižvelgti, buvo tas, kad „Android TV“ išdėstymas yra daug kitoks nei įprastas žiniatinklio ir mobiliųjų įrenginių išdėstymas.

„Google“ medžiagų gairės padėjo mums pradėti kurti.

„Android TV“ naršymas

„Android TV“ išdėstymas ir nuotolinis valdymas

Pirmiausia reikėjo suprasti įrenginį, kuriame vartotojas naudos programą. Supratome, kad vartotojas turėjo skirtingus įvesties įrenginius. Bet tokiu atveju vartotojas naršydamas dažniausiai naudosis „Android Remote“ arba „GamePad“. Į naršymą mes žiūrėjome rimtai, nes norėjome, kad vartotojas naršytų minimalius žingsnius ir neturėtų jausti sąsajos naudojimo sudėtingumo.

Vaizdo kreditai „Google Design“

Mes laikėmės standartinio medžiagos išdėstymo, nes vartotojui ji atrodo pažįstama ir ją lengva naršyti. Mes sukūrėme skyrių su horizontalia slinkties juosta (X ašis), o vartotojas gali pakeisti skyrių vertikalia slinkties juosta (Y ašis). Stalčius buvo laikomas tuo atveju, jei vartotojas nuspręs pakeisti nustatymus, tyrinėti kategorijas ir kitas antrines funkcijas.

„Android TV“ „Artboard“ dizaino struktūra

Tyrimai

Mes tyrėme dabartines žaidimų platformas, tokias kaip „Vortex“, taip pat pasinaudojome žaidimų konsolių, tokių kaip „Xbox“ ir „Play Station“, pavyzdžiais. Šie išdėstymai padėjo mums suprasti žaidimų sąsajas ir tai, kaip duomenys pateikiami televizijoje. Taip pat trumpai apžvelgėme populiarias „Android TV“ sąsajas, pvz., „Netflix“ ir „Youtube“, skirtingas išdėstymo schemas ir naudojimo galimybes.

Vaizdo kreditai „Windows Central“

Visos pagrindinės programos, kurias mes matėme, buvo pagrindiniai reklaminiai skydeliai ir buvo suprojektuotos taip, kad vartotojas galėtų lengvai naršyti po 4 krypčių naršymo juostą. Mes padarėme išvadą, kad šriftų turi būti kuo mažiau, kad vartotojui būtų lengviau pažįstama ir intuityvi kino patirtis. Be to, šrifto dydis turėjo būti matomas ir didelis, nes vartotojas nuo televizoriaus nutolęs 5–10 pėdų.

Spalvos pasirinkimas

Spalvos

Mes visada mylėjome baltas erdves ir minimalų programos vaizdą, tačiau šiuo atveju balta spalva nebuvo ta spalva, kurią vartotojai nori matyti dideliame ekrane. Taigi mes nusprendėme pasirinkti tamsias ir matines spalvas, kurios vartotojui bus mažiau pastebimos. Taip pat tamsus fonas išryškino žaidimų reklaminius skydelius ir suteikė jam intuityvų vaizdą.

Kadangi programa buvo skirta žaidimams, mes norėjome išlaikyti daugiakampį vektorių fone, kad vartotojui būtų suteikta paralakso patirtis. Spalvos buvo tamsios, o tai padėjo vartotojui sutelkti dėmesį į programos turinį.

Vartotojo tyrimai

Mes atlikome vartotojų tyrimus ir suklasifikavome 2 kategorijas vartotojams.

Vartotojų klasifikacija

Johnas mėgsta tyrinėti naujus žaidimus, tuo tarpu Smithas nori tą patį žaidimą tęsti ilgą laiką. Taigi, gavę šiuos rezultatus, mes sugalvojome tokias savybes kaip „Rekomendacijos Jonui“ ir „Neseniai žaisti žaidimai“, skirti „Smith“. Taip pat išdėstymas buvo paprastas, kad abu galėtų lengvai naršyti ir žaisti žaidimus be jokių pastangų.

Kortelės išdėstymas

Kortelės išdėstymas buvo tobulas, kad vartotojams būtų suteikta galimybė naudotis kine. Pasirinkta kortelė paryškins ir padidins pagal medžiagos dizainą. Mes laikėme „Infinite Scrolling“ viršuje, kuriame yra tik žaidimų antraštės be jokios tekstinės informacijos. Be to, mes saugojome neseniai žaidžiamus žaidimus su medžiagos išdėstymu ir horizontaliu slinkties klavišu.

Kortelių dizainas

Svarbu buvo suteikti vartotojui tokią pat kino patirtį, kokią teikė tokios programos kaip „Netflix“, „Youtube“ ir kitos programos. Be to, mes norėjome, kad vartotojas galėtų sklandžiai naršyti po ekranus ir skyrius.

Galutiniai rezultatai

Pagaliau atėjo žiema ir atėjo metas veiksmui. Mes išanalizavome visus aspektus ir bandėme juos vaizduoti vizualiai. Buvo baigtas minčių žemėlapių sudarymas ir laidų formavimas, o vartotojo sąsaja pasirodė. Turėjome visus reikalingus dalykus ir tai reikėjo įvykdyti.

Taikymo struktūra

Mes gavome rezultatą dėl to, kad dizainas turėjo žaidybinį skonį kartu su spalvingomis reklamjuostėmis. Mes pateikėme sąsają, kurioje buvo teigiamų atsiliepimų. Mes taip pat išbandėme ją „Android TV“ ir ji turėjo tokius rezultatus, kokių tikėjomės.

Galutinė vartotojo sąsaja

Kelionė buvo nuotykių kupina ir turėjo daug pamokų. „Android TV“ buvo kažkas, ką mes norėtume kurti dar kartą. Šis dizainas išmokė mus prietaisų įvairovės ir skirtingos patirties juo naudotis.

Ačiū, kad skaitėte!