Ui-Suunnittelu
TV-alustan käyttöliittymän uudelleentarkastelu
Johdatus TV-käyttöliittymän perusaineisiin
Suurin osa kuluttajista katkaisee nykyään kaapelin maksu-TV: llä, mutta se ei tarkoita, että he ovat paenneet suurelta näytöltä kuluttamaan sen sisältöä.
Tiedotteen mukaan Nielsen , Yhdysvaltain aikuisten katselutottumukset havaitsivat, että 92% kaikesta katselusta tapahtuu edelleen televisioruudulla. Nämä luvut ovat hyvin suuria.
Yli 92% amerikkalaisten aikuisten yleisöstä on edelleen televisioruudulla.
Television katselun merkitys on muuttunut paljon viime vuosikymmeninä. Emme ole enää rajoitettu langalliseen ja etälaatikkoon näytön täyttämiseksi; käytämme Smart TV: tä tai suoratoistamme levyillä, kuten Roku, Amazon Fire ja Apple TV, tai yhdistämme videopelikonsoleita, kuten Xbox ja Playstation. Ja jokainen näistä laitteista mahdollistaa käyttöliittymän, joka on paljon tehokkaampi kuin vanha näytön opas.
Lähetysten tai VOD-ohjelmien katselun maksaminen liittymäkohtaisten verkkopalvelujen, kuten Hulu, Netflix tai Amazon, kautta on 26% maailmanlaajuisista verkkovastauksista ( Nielsen ). Tämä on merkittävä määrä. Kuitenkin 72% kyselyyn osallistuneista vahvisti maksavansa edelleen katsellessaan sisältöään perinteisen TV-yhteyden kautta.
Tarkoittaako tämä, että perinteinen TV-yhteys on täällä pysyäksesi?
Me kaikki näyttävät ajattelevan, että köyden leikkurit edustaisivat suurempaa määrää. Nielsen raportoi, että 116,4 miljoonan kotitalouden Yhdysvalloissa odotetaan katsovan televisiota kaudella 2015-16. Tämä on valtava määrä, ja raportissa todettiin myös, että noin 9,5 miljoonaa näistä kodeista on siirtynyt ilmaiseen OTA-televisioon. Kaikista siellä olevista suoratoistopalveluista Netflix (60,7%) näyttää olevan edellä peliä, jota seuraavat Amazon Prime Video (49,4%) ja Hulu (26%). Mielestäni yksi suurimmista syistä, miksi ihmiset katkaisevat johdon, on se, että haluamme maksaa vain siitä, mitä käytämme.
Tietokoneisiin ja jopa matkapuhelimiin verrattuna television käyttöliittymäsuunnittelu on edelleen suhteellisen uusi alue. Se on myös pohjimmiltaan erilainen alusta, ja tapa, jolla kulutamme sisältöämme, on erilainen. Suunnittelu televisiolle edellyttää ainutlaatuisia näkökohtia, mukaan lukien näytön koko ja katsojan etäisyys, tekniset rajoitukset ja käyttökonteksti. Käyttäjät ovat 'rennossa' kokemuksessa, istuvat keskimäärin 10 metrin päässä toisistaan, ja käyttöliittymän ja kokemuksen on heijastettava tätä. Toisin kuin kosketusnäytön tabletit ja puhelimet, vuorovaikutus televisioissa tapahtuu D-padin (suuntasäätö) kautta kaukosäätimellä tai videopeliohjaimella, mikä tekee mainoksista monimutkaisempia.
Näyttö
Televisiot eivät ole kuin tabletit ja puhelimet.
Televisiot ovat muuttuneet paljon ajan myötä valtavasta huonekalusta tyylikkääseen minimalistiseen näyttöön, joka roikkuu yhdestä seinästä. Kun televisiot ottivat koko olohuoneen, he käyttivät tekniikkaa, joka tuotti televisiossa epäjohdonmukaisia kuvia, etenkin reunojen lähellä. Näiden ongelmien kompensoimiseksi CRT-televisioihin tehtiin yliskannaus. Tämä tarkoittaa vain sitä, että kuvia suurennettiin hieman, joten reunat eivät olleet katselualueen rajojen ulkopuolella.
Perinteisesti lähetystoiminnan harjoittajat ennakoivat tämän ja halusivat estää kriittisten tietojensa näyttämisen liian lähellä näytön reunoja. Tämän ongelman ratkaisemiseksi he loivat otsikolle turvallisen alueen tekstin näyttämiseksi ilman vääristymiä ja turvallisen toiminta-alueen, jossa kuva voidaan näyttää turvallisesti.
Hallitsemattomista syistä yliskannaus on silti asia ... jopa uudemmissa HDTV-televisioissasi. Yliskannauksen määrä ei ole sama televisioissa. Varmista, että kaikki ensisijaiset tietosi, kuten tärkeät otsikot ja varastot, ovat turvallisia, pidä ne turvallisissa rajoissa.
Tällä hetkellä ei ole 'standardia' turvallisille toiminta-alueille, koska alustan itse määrittelee se ensisijaisesti. Google pitää turvallisen alueensa kapeana ja Apple on hieman antelias. Verkossa tekemieni monien hakujen perusteella nämä vyöhykkeet vaihtelevat 85-95%: n keskellä olevasta televisioruudusta. Kaikkien käyttämiesi alustojen vaatimusten täyttämiseksi suosittelen käyttämään turvallista vyöhykettä, jossa on 60 kuvapisteen ylä- ja alamarginaalit ja 90 kuvapisteen sivumarginaalit. Tämä tarkoittaa, että kaikkien ensisijaisten tietojesi on oltava tällä alueella, jotta ne sopivat kaikkiin televisioruutuihin ja täyttävät kaikki alustan vaatimukset.
Aloita uuden TV-käyttöliittymäsuunnittelusi luomalla uusi 1920 x 1080 -kankaalle. Sen täytön (turva-alueen) tulee olla 90 pikseliä sivuilla (vasemmalla ja oikealla) sekä 60 pikseliä ylhäällä ja alhaalla. Voit saada ilmaisen tiedoston lataamalla sen täältä .
Navigointi
Kuinka 'ylhäältä alhaalta vasemmalta oikealta' muodostavat TV-liitännät.
Suunnittelijana suunnittelema laitteisto määrittelee joitain suunnittelumalleja. Matkapuhelimessa ohitamme, painamme, painamme pitkään, vedämme jne. Toimintojen suorittamiseksi. Välilehtiä ja valikoita käytetään laitteidemme navigointikuvioina. Televisio tarjoaa suuren kankaan, josta voi tulla liian monimutkainen, ellei sitä tehdä oikein. Pitkien sisältörivien katselemisesta käyttäjille näkyvän määrän maksimoimiseksi on tullut televisio-käyttöliittymien vakioelementti.
Toisin kuin mobiililaitteet, joita hallitsemme sormillamme, useimpia TV-käyttöliittymiä ohjataan D-alustalla ja niitä käytetään etäisyydellä näytöstä. Olipa kaukosäädin tai peliohjain, D-pad rajoittaa navigoinnin neljään suuntaan: ylös, alas, vasemmalle ja oikealle.
Jokaisella alustalla on myös omat vakiintuneet käytäntönsä. Esimerkiksi Xboxissa laukaisimet tarjoavat 'Sivu ylös' - ja 'Sivu alas' -hallinnan, kun puskureita käytetään siirtymään sisällön näkymien välillä. Kullakin alustalla on myös useita 'tehokäyttäjä' -painikkeita, jotka kokeneemmat pelaajat tuntevat.
TV-käyttöliittymien toinen kriittinen elementti on kohdennustila. Käyttäjillä ei ole mahdollisuutta koskettaa näyttöä tai käyttää hiirtä, heidän on navigoitava haluamasi kohteen kohdalle. Kun käyttäjä liikkuu sovelluksessa, käyttöliittymän eri elementit on korostettava osoittamaan, että navigointielementti on fokusoitu.
Keskity ja korosta tilat, kun suunnittelet televisiota, koska ne ovat erittäin tärkeitä. Tämä kohdetila on kohde, joka korostaa valittavan komponentin ja osoittaa käyttäjän nykyisen sijainnin näytöllä. Tarkennuksen esitystapa voi vaihdella; komponentista riippuen johdonmukaisuus on kuitenkin aina avainasemassa. Selkeä ja hyvin näkyvä tarkennus auttaa käyttäjää tunnistamaan nopeasti nykyisen sijaintinsa näytöllä ja helpottaa navigointia. Kun käyttäjä kääntyy hetkeksi pois televisiosta ja katsoo sitä sitten takaisin, on oltava selvää, mikä vaihtoehto on valittu navigointia varten. Jokaisen ruudun kohteen on oltava kohdistimen käytettävissä, ja aina on oltava selvää, missä kohdistin voi siirtyä seuraavaksi.
Esimerkkejä asetteluista, jotka saattavat antaa käyttäjien miettiä missä he ovat sovelluksessa. Nämä esimerkit eivät tarjoa riittävää visuaalista osoittamista (kohdennustilaa) paikannuksesta. Käyttäjien on pystyttävä näkemään selvästi missä tahansa, ilman että heidän täytyy liikkua ylös tai alas. Sinun on voitava katsoa poispäin televisiosta ja päinvastoin ja silti tietää sen sijainti.
Typografia
Lue kymmenen metrin päästä.
TV-sovelluksia kutsutaan usein kymmenen jalan kokemukseksi, termi, joka viittaa yhteiseen etäisyyteen sinun ja television välillä. Toisin kuin muut laitteet, kuten mobiili ja työpöytä, televisio on asetettu enemmän 'rentoutumaan ja nauttimaan' ympäristöön. Tämän etäisyyden vuoksi meidän on kohdeltava hieman erilainen käyttöliittymä kuin mitä tekisimme verkossa tai mobiililaitteessa.
TV-näytöt ovat yleensä suurempia kuin mobiililaitteet ja pöytätietokoneen näytöt, mutta katsottuna suuremmalta etäisyydeltä. Luettavuudesta tulee tärkeä ominaisuus, mikä tarkoittaa, että tekstin ja muiden elementtien kokoa on muutettava vastaavasti. Iästäsi riippuen 18 kuvapistettä olisi todennäköisesti pienin luettavissa oleva koko ja sopisi vain ei-välttämättömille tunnisteille, kuten kulmakarvojen ripsiin. Nyrkkisääntönä valitun kirjasinkoon ei kuitenkaan tulisi koskaan olla pienempi kuin 24 pt. Tätä pidän fonttikoon pienimpänä kullekin käyttäjälle.
Avain hyvään typografiaan televisiossa on testata jatkuvasti. Näytön pieni, hieno tyyppi näyttää puhtaalta ja terävältä, mutta kerran televisiossa se saattaa tuntua räjähtävältä tai käsittämättömältä.
Avain hyvään typografiaan televisiossa on testata jatkuvasti. Näytön ohut, pieni tyyppi näyttää siistiltä ja terävältä, mutta kerran televisiossa se saattaa tuntua puhalletulta tai käsittämättömältä.
Tutkimuslinjat
Mitä ovat skannausviivat?
Toisin kuin pöytä-, mobiili- ja tablet-näytöt, televisioruudun kuva koostuu parittomista ja yhtäläisistä skannauslinjoista. Televisio muuntaa nämä linjat vaiheiksi vaihtamalla nopeasti parittomia ja parillisia skannauslinjoja. Pikseli (tai pikselirivi), joka putoaa yhdelle skannauslinjalle, vilkkuu. Jotta vältät elementtien välkkymisen näytöllä, sinun on aina pidettävä parillisten numeroiden viivoja ja oltava ohuimpia kuin 2 pikseliä. Tämä on otettava huomioon työskenneltäessä alustojen välisissä projekteissa ja valmistauduttaessasi siirtämään mallejasi kosketuslaitteille (mobiililaitteille ja tableteille), joista löytyy usein 1 kuvapisteen reunuspainikkeita, televisiota varten.
Toinen tapa välttää näitä epäselviä viivoja tai muotoja on varmistaa, että suunnittelusi ovat aina pikselinsä täydellisiä. Seuraava idea on hyvä esimerkki riveistä, jotka luodaan epäsäännöllisten numeroiden avulla. Kuten näette, voimme selvästi nähdä tämän vaikutukset, ja se tulee ahdistamaan silmiä.
Väri
TV-näytöillä on rajoituksia.
Ensimmäinen mielessä pidettävä asia on, että televisioilla on paljon suurempi gamma-arvo kuin pöytätietokoneilla, tableteilla ja puhelimilla. Paras tapa kuvata, kuinka gamma vaikuttaa kuvan laatuun, on se, että gamma edustaa harmaasävyjen jokaisen vaiheen kirkkauseron tasoa tai kuinka 'nopeat' mustat kirkastuvat. Havaitsemme valon kahdesti vain murto-osan kirkkaammaksi. Televisioiden eri merkit ja mallit vaihtelevat suuresti kirkkauden, näytön ja muiden asetusten suhteen. Tyypin tavoin värit tulisi testata aikaisin ja usein televisioissa.
Joitakin ohjeita värien valinnassa: Kirkkaat värit voivat olla kovia silmille katsellessasi televisiota yöllä tai pimeässä huoneessa. Vältä tyydyttyneiden värien (erityisesti punaisen) liiallista käyttöä ja valkoisen voimakasta käyttöä suurissa elementeissä tai taustoissa. Puhdas valkoinen luo haloja ja muita visuaalisia häiriötekijöitä. Aihioita valittaessa on suositeltavaa valita heksadesimaaliarvo # f1f1f1 välkkymisen välttämiseksi. Luettavuuden lisäämiseksi muista luoda riittävä kontrasti elementtien välille
Nyrkkisääntönä on välttää teräviä reunoja erittäin kontrastisten värien välillä (erityisesti kirkkaat värit tummien värien rinnalla) ja välttää 'kuumia' värejä, kuten erittäin tyydyttyneitä punaisia ja keltaisia. Nämä vuotavat helpommin kuin vähemmän tyydyttyneet värit tai viileämmät värit, kuten blues ja vihreät.
Testaa värejä aina todellisessa televisiossa ymmärtääksesi, kuinka värivalinnat kääntyvät suurelle näytölle. Jos mahdollista, esikatsele sovellustasi useissa televisioissa, koska värit voivat vaihdella dramaattisesti televisiomalleissa. Liitä vain HDMI-kaapeli televisiosta ja kokeile sitä.
Perusteet
Muutama pieni asia harkittavaa.
Näitä elementtejä tulisi käyttää suunnittelun ohjaamiseen kokonaisuutena. TV-käyttöliittymää suunniteltaessa tärkeimmät näkökohdat ovat yksinkertaisuus ja kevyt vuorovaikutus.
Vaikka monet vuorovaikutussuunnittelun perusteet ja parhaat käytännöt televisiota käytetään edelleen rennommalla tavalla toisin kuin tietokone tai mobiililaite. Television käyttöliittymän tulee olla selkeä, yksinkertainen ja visuaalinen. Suunnittelu vaatii yksinkertaisuutta ja selkeyttä pienellä informaatiotiheydellä. Kohteiden on oltava suuria ja sijoitettu riittävän kauas toisistaan, jotta ne voidaan lukea etäisyydeltä. Esittää selkeän joukon toimintoja tai vaihtoehtoja kullekin näytölle.
Tämä muotoilu on puhdas ja yksinkertainen, ja siinä käytetään hienoja isoja hoitoja kortilla. Tarkennustilat saavutetaan skaala- ja pudotusvarjoilla, jotka ovat linjassa muun puhtaan muotoilun kanssa.
Tämä muotoilu on puhdas ja yksinkertainen, käyttäen hyviä suuria korttihoitoja. Tarkennustilat saavutetaan skaala- ja pudotusvarjoilla, jotka ovat linjassa muun puhtaan muotoilun kanssa. Metatiedot näkyvät myös vain _hover_-tilassa, jolloin käyttäjät voivat keskittyä nykyiseen korttiin.
Tämä muotoilu on puhdas ja yksinkertainen, käyttäen hyviä suuria korttihoitoja. Tarkennustilat saavutetaan skaala- ja pudotusvarjoilla, jotka ovat linjassa muun puhtaan muotoilun kanssa.
Perinteisten TV-mallien rajojen ylittäminen. Tämä tarjoaa vaihtoehtoisen elokuvamaisen lähestymistavan tavalliseen 16 x 9 -korttihoitoon, jota monet muut käyttävät. Verrattuna moniin muihin palveluihin painopiste oli tuoda valikko näytön alareunaan
Perinteisten TV-mallien rajojen ylittäminen. Tuo uutiset esiin, käyttäjät keskittyvät yhteen uutiseen kerrallaan vs. rivit ja sisältörivit.
Lasten käyttöliittymien tulisi olla intuitiivisia, hauskoja ja helppokäyttöisiä. Tämä malli osoittaa, että yritykset pystyvät työntämään suunnitelmansa perinteisen ruudukkojärjestelmän ulkopuolelle keskittymällä 1x1, 2x3 tai jopa 16x9 kortteihin.
Aseta tärkein sisältö tai vaihtoehdot ensin näytölle, jotta ne ovat helposti näkyvissä ja käyttäjän navigoitavissa. Tarpeettomat näytön tasot tulisi poistaa. Eri tasoille siirtymisen ja uudestaan poistumisen pitäisi olla helppoa ja ilmeistä.
Tärkeintä TV-sovellusta suunniteltaessa on sisällyttää selkeä ja tarkka navigointi käyttäjän toimintoja varten. Jos navigointi on epäselvä, käyttäjät tuntevat hämmennystä ja epävarmuutta.
Lyhyesti sanottuna käyttäjien on aina tiedettävä tarkalleen missä he ovat sovelluksessa. Muista, että käyttäjä käyttää vain perusohjaimia navigointiin. Siirrä, Takaisin, Enter ja muiden navigointitoimintojen tulisi olla tyhjät. Käyttäjien on voitava käyttää haluamiaan toimintoja näissä toiminnoissa.
Tavoitteena oli ylittää perinteisen televisio-suunnittelun rajat. Löydät luovia tapoja osoittaa käyttäjien käytettävissä olevan monipuolisen sisällön ja tehdä siitä intuitiivinen ja helppokäyttöinen.
Suunnittelijoina tehtävämme on luoda ja suunnitella käyttöliittymiä, joiden avulla käyttäjät voivat käyttää sisältöä selkeällä ja helposti navigoitavalla tavalla. Emme voi odottaa käyttäjien omaksuvan uusia tapoja voidakseen tarkastella sisältöämme. Meidän on pikemminkin mukautettava käyttöliittymiämme siten, että joku, joka antaa meille täyttä tarkoitustaan vähemmän, ja hyvin rajoitetulla syöttölaitteella, voi käyttää niitä pimeässä. Se on iso haaste, mutta mahdollinen hyöty on valtava. Pidä hauskaa suunnittelussa!
