Sissejuhatus teleri kasutajaliidese põhikoostisosadesse
Suurem osa tarbijatest katkestab tänapäeval tasulise TV-ga kaabli, kuid see ei tähenda, et nad oleksid suurelt ekraanilt selle sisu tarbimiseks põgenenud.
Aastast pärineva andmeedastuse kohaselt Nielsen USA täiskasvanute vaatamisharjumused näitasid, et 92% kogu vaatamisest toimub endiselt teleekraanil. Need arvud on väga suured.
Üle 92% Ameerika täiskasvanute publikust on endiselt teleekraanil.
'Televiisori vaatamise' tähendus on viimastel aastakümnetel palju muutunud. Ekraanide täitmiseks ei piirdu me enam ainult juhtmega ja kaugkastiga; kasutame Smart TV-d või voogesitame selliseid plaate nagu Roku, Amazon Fire ja Apple TV või ühendame videomängukonsoole nagu Xbox ja Playstation. Ja kõik need seadmed võimaldavad kasutajaliidest, mis on palju võimsam kui teie vana ekraanijuhend.
Ülekande või VOD-programmide vaatamise eest tasumine liitumispõhiste võrguteenuste kaudu, nagu Hulu, Netflix või Amazon, moodustab 26% ülemaailmsetest veebivastajatest ( Nielsen ). See on märkimisväärne arv. Kuid 72% küsitletutest kinnitasid, et nad maksavad endiselt oma sisu vaatamise eest traditsioonilise teleühenduse kaudu.
Kas see tähendab, et traditsiooniline TV-ühendus on selleks, et jääda?
Tundub, et me kõik arvame, et sealsed trossilõikurid esindaksid suuremat arvu. Nielsen teatab, et hooajal 2015-16 peaks televiisorit vaatama 116,4 miljonit USA leibkonda. See on tohutu arv ja aruandes leiti ka, et umbes 9,5 miljonit neist kodudest on tasuta OTA TV-le üle läinud. Kõigist seal olevatest voogedastusteenustest näib olevat mängu ees Netflix (60,7%), millele järgnevad Amazon Prime Video (49,4%) ja Hulu (26%). Ma arvan, et üks suurimaid põhjuseid, miks inimesed nööri lõikavad, on see, et me tahame maksta ainult selle eest, mida kasutame.
Võrreldes arvutite ja isegi mobiiltelefonidega on televisiooni kasutajaliidese kujundus endiselt suhteliselt uus valdkond. See on ka põhimõtteliselt erinev platvorm ja meie sisu tarbimise viis on erinev. Teleriks kujundamine nõuab ainulaadseid kaalutlusi, sealhulgas ekraani suurust ja vaataja kaugust, tehnilisi piiranguid ja kasutuskonteksti. Kasutajad on 'lõdvestunud' kogemuses, istuvad keskmiselt 10 jala kaugusel ning kasutajaliides ja kogemused peavad seda kajastama. Vastupidiselt puuteekraaniga telefonidele ja tahvelarvutitele toimub telerites suhtlemine kaugjuhtimispuldi või videomänguseadme abil D-padi (suunajuhtimine) kaudu, mis muudab reklaamid keerukamaks.
Monitor
Telerid pole nagu tahvelarvutid ja telefonid.
Telerid on aja jooksul palju muutunud tohutult mööbliesemelt ühe seina küljes rippuva klanitud minimalistliku ekraaniga. Kui telerid hõivasid kogu elutoa, kasutasid nad tehnoloogiat, mis tekitas telerites ebaühtlaseid pilte, eriti servade lähedal. Nende probleemide kompenseerimiseks tehti kineskoopteleviisorite üleujutusi. See tähendab lihtsalt, et pilte suurendati veidi, nii et servad ei jäänud vaatamisala piiridest välja.
Traditsiooniliselt ennustasid ringhäälinguorganisatsioonid seda ja tahtsid vältida oma kriitilise teabe kuvamist liiga lähedal ekraani servadele. Selle probleemi lahendamiseks lõid nad pealkirja jaoks turvalise ala teksti moonutamata kuvamiseks ja turvalise tegevusala, kus pilti saaks ohutult kuvada.
Meist mitteolenevatel põhjustel on ülekaneerimine endiselt asi ... isegi teie uuemates HDTV-des. Üleülekande hulk pole telerites ühtlane. Kogu oma esmase teabe, näiteks oluliste pealkirjade ja varude turvalisuse tagamiseks hoidke seda ohututes piirides.
Praegu ei ole 'standardit' ohutute tegevusalade jaoks, kuna selle määratleb peamiselt platvorm ise. Google hoiab oma turvalist ala kitsas ja Apple on natuke heldem. Minu paljude veebiotsingute põhjal varieeruvad need piirkonnad 85–95% televiisori ekraanist keskelt. Kõigi teie kasutatavate erinevate platvormide nõuete täitmiseks soovitaksin kasutada 60px ülemise ja alumise veerise ja 90px külgpõhjaga ohutut tsooni. See tähendab, et kogu teie esmane teave peab mahtuma sellesse piirkonda, et mahutada kõiki teleriekraane ja täita kõiki platvormi nõudeid.
Uue teleri kasutajaliidese kujunduse loomiseks looge uus lõuend 1920 x 1080. Selle täitmine (ohutu tsoon) peaks olema 90 pikslit külgedel (vasakul ja paremal) ning 60 pikslit üleval ja all. Saad oma tasuta faili laadige see alla siit .
Navigeerimine
Kuidas 'ülevalt-alt-vasakult-paremalt' teleriliidesed moodustuvad.
Disainerina määratleb riistvara, millega me kujundame, mõned meie kujundusmustrid. Mobiilseadmes möödume, vajutame, pikalt vajutame, tõmbame jne toimingute sooritamiseks. Vahekaarte ja menüüsid kasutatakse meie seadmetes navigeerimismustritena. Televisioon pakub suurt lõuendit, mis võib õigesti tegemata muutuda liiga keeruliseks. Pikkade sisuridade vaatamine kasutajatele nähtava hulga maksimeerimiseks on muutunud televisiooni kasutajaliideste standardelemendiks.
Erinevalt mobiilseadmetest, mida me näpuga kontrollime, juhib enamikku teleri kasutajaliideseid D-padi ja kasutatakse ekraanist eemal. Kas kaugjuhtimispuldil või mängupuldil, piirab D-pad navigeerimist nelja suunaga: üles, alla, vasakule ja paremale.
Igal platvormil on ka oma kehtestatud konventsioonid. Näiteks Xboxis pakuvad päästikud juhtimist 'Lehekülg üles' ja 'Lehekülg alla', samal ajal kui kaitseraudu kasutatakse sisuvaadete vahel liikumiseks. Igal platvormil on ka arvukalt 'võimsuse kasutaja' nuppe, mida kogenumad mängijad tunneksid.
Teleri kasutajaliideste teine kriitiline element on fookuse olek. Ilma ekraani puudutamise või hiire kasutamiseta peavad kasutajad navigeerima üksuse juurde, mille nad soovivad valida. Kui kasutaja navigeerib rakenduses, tuleks kasutajaliidese erinevad elemendid esile tõsta, et näidata, et navigeerimiselement on fookuses.
Keskenduge ja tõstke esile televisiooni kujundamisel olekud, kuna need on väga olulised. See fookusolek on element, mis tõstab esile valitava komponendi ja tähistab kasutaja praegust asukohta ekraanil. Fookuse kuvamise viis võib varieeruda; olenevalt komponendist on alati põhiline järjepidevus. Selge ja hästi nähtav fookus aitab kasutajal kiiresti oma praeguse asukoha ekraanil ära tunda ja muudab navigeerimise lihtsamaks. Kui kasutaja pöördub telerist hetkeks kõrvale ja vaatab siis uuesti tagasi, peaks olema selge, milline valik navigeerimiseks on valitud. Kõik ekraanil olevad üksused peavad olema kursori kaudu ligipääsetavad ja alati peab olema selge, kuhu kursor edasi saab liikuda.
Näited paigutustest, mis võivad panna kasutajaid mõtlema, kus nad rakenduses asuvad. Need näited ei paku positsioneerimiseks piisavalt visuaalset näidet (fookuse olekut). Kasutajad peavad kogu aeg selgelt nägema oma asukohta, ilma et peaksid üles või alla liikuma. Peate suutma telerist kõrvale vaadata ja vastupidi ning teadma ikkagi selle positsiooni.
kuupäevadega töötamine javascriptis
Tüpograafia
Loe kümne jala kauguselt.
Telerakendusi nimetatakse sageli kümne jalaga kogemuseks - see termin viitab teie ja teie teleri ühisele kaugusele. Vastupidiselt teistele seadmetele, näiteks mobiilseadmetele ja lauaarvutitele, on televiisor seatud pigem 'lõõgastuma ja nautima' keskkonda. Arvestades seda vahemaad, peame käsitlema veidi erinevat kasutajaliidest kui veebis või mobiilis.
Teleriekraanid on üldiselt suuremad kui mobiilseadmetel ja lauaarvutimonitoridel, kuid neid vaadatakse kaugemalt. Loetavus muutub oluliseks tunnuseks, mis tähendab, et teksti ja muude elementide suurust tuleb vastavalt kohandada. Sõltuvalt teie vanusest oleks 18px tõenäoliselt kõige väiksem loetav suurus ja sobib ainult ebaoluliste siltide jaoks, näiteks kulmude ripsmete jaoks. Üldiselt ei tohiks valitud kirjasuurus kunagi olla väiksem kui 24 pt. See oleks minu arvates minimaalne fondisuurus igat tüüpi kasutajate jaoks.
Televisiooni hea tüpograafia võti on pidev testimine. Peen ja väike monitori tüüp näeb välja puhas ja terav, kuid teleris olles võib see tunduda välja puhutud või arusaamatu.
meediumiekraan ja minimaalne laius
Teleris hea tüpograafia võti on pidev testimine. Õhuke väike tüüp teie ekraanil näeb välja puhas ja karge, kuid teleris olles võib see tunduda väljapuhutud või arusaamatuks muutuda.
Uurimisliinid
Mis on skaneerimisjooned?
Erinevalt laua-, mobiili- ja tahvelarvutite ekraanidest koosneb teleriekraanil olev pilt paarituist ja võrdsetest skannimisjoontest. Televisioon muudab need jooned faasideks, vahetades kiiresti paarituid ja paarituid jooni. Kõik pikslid (või piksliread), mis langevad ühele skannimisjoonele, vilguvad. Et vältida ekraanil elementide värelemist, peaksite alati hoidma paarisarvulisi jooni ja mitte õhemat kui 2 pikslit. Sellega tuleb arvestada platvormidevaheliste projektide kallal töötades ja oma disainilahenduste ettevalmistamisel puutetundlikesse seadmetesse (mobiilseadmetesse ja tahvelarvutitesse), kust leiate sageli 1-piksliste piirinuppude loomise televiisori jaoks.
Teine võimalus nende uduste joonte või kujundite vältimiseks on veenduda, et teie kujundused oleksid alati pikslitega täiuslikud. Järgmine idee on hea näide joontest, mis luuakse ebaregulaarsete numbrite abil. Nagu näete, näeme selle mõju selgelt ja see muutub silmadele kummitavaks.
Värv
Telerimonitoridel on piirid.
Esimene asi, mida meeles pidada, on see, et teleritel on palju suurem gamma väärtus kui laua-, tahvel- ja telefoniseadmetel. Parim viis kirjeldada, kuidas gamma mõjutab pildikvaliteeti, on see, et gamma tähistab heleduse erinevuse taset iga halltooni sammu vahel või kui kiiresti 'mustad' heledamaks muutuvad. Me tajume valgust kaks korda kui murdosa heledamana. Erinevad telerite kaubamärgid ja mudelid on ereduse, kuva ja muude seadete osas väga erinevad. Sarnaselt tüübile tuleks värve testida varakult ja sageli telerites.
Mõned juhised, mida oma värvide valimisel järgida: Eredad värvid võivad öösel või pimedas toas telerit vaadates silmadele karmid olla. Vältige liigsete küllastunud värvide (eriti punaste) kasutamist ja intensiivse valge kasutamist suurtel elementidel või taustal. Puhas valge värv tekitab halosid ja muid visuaalseid segajaid. Toorikute valimisel on soovitatav valida kuueteistkümnendsüsteemi väärtus # f1f1f1 igasuguse virvendamise vältimiseks. Loetavuse suurendamiseks looge oma elementide vahel piisavalt kontrasti
Üldine rusikareegel on vältida teravate servade kasutamist väga kontrastsete värvide vahel (eriti erksad värvid kõrvuti tumedate värvidega) ning vältida „kuumi“ värve, näiteks üleküllastunud punaseid ja kollaseid. Need veritsevad kergemini kui vähem küllastunud värvid või jahedamad värvid, näiteks sinised ja rohelised.
Katsetage värve alati päris teleris, et mõista, kuidas teie värvivalikud suurele ekraanile jõuavad. Kui võimalik, eelvaadake oma rakendust mitmes teleris, kuna värvid võivad telerimudelites dramaatiliselt erineda. Ühendage lihtsalt telerist HDMI-kaabel ja proovige seda.
Põhitõed
Mõni väike asi, mida kaaluda.
Neid elemente tuleks kasutada teie kujunduse kui terviku suunamiseks. Teleri kasutajaliideste kujundamisel on kõige olulisemad kaalutlused lihtsus ja valguse vastastikune mõju.
Kuigi paljud neist suhtluse kujundamise alused ja parimad tavad endiselt kehtivad, kasutatakse televiisorit lõdvestunumalt, erinevalt arvutist või mobiilseadmest. Teleri kasutajaliides peaks olema selge, lihtne ja visuaalne. Kujundus nõuab lihtsust ja selgust madala infotihedusega. Esemed peaksid olema suured ja üksteisest piisavalt kaugel, et neid oleks võimalik eemalt lugeda. Esitab iga ekraani jaoks selge toimingute või valikute komplekti.
See disain on puhas ja lihtne, kasutades kaardil toredaid suuri protseduure. Fookusolekud saavutatakse skaala- ja langevarjudega, mis on joondatud ülejäänud puhta kujundusega.
See disain on puhas ja lihtne, kasutades toredaid suuri kaardiprotseduure. Fookusolekud saavutatakse skaala- ja langevarjudega, mis on joondatud ülejäänud puhta kujundusega. Metaandmed on nähtavad ka olekus _hover_, mis võimaldab kasutajatel keskenduda praegusele kaardile.
See disain on puhas ja lihtne, kasutades toredaid suuri kaardiprotseduure. Fookusolekud saavutatakse skaala- ja langevarjudega, mis on joondatud ülejäänud puhta kujundusega.
Traditsiooniliste telerikujunduste piiride ületamine. See pakub alternatiivset kinematograafilist lähenemist tavalisele 16 x 9 kaardi töötlusele, mida paljud teised kasutavad. Paljude teiste teenustega võrreldes keskenduti menüü viimisele ekraani alla
Traditsiooniliste telerikujunduste piiride ületamine. Tuues uudised esiplaanile, keskenduvad kasutajad ühele uudisele korraga vs. sisuread ja -read.
Laste kasutajaliidesed peaksid olema intuitiivsed, lõbusad ja hõlpsasti kasutatavad. See disain näitab, et ettevõtted suudavad oma kujunduse tavapärasest võrgusüsteemist kaugemale suunata, keskendudes 1x1, 2x3 või isegi 16x9 kaartidele.
Pange kõige olulisem sisu või valikud ekraanile esimesena, et kasutaja saaks neid hõlpsasti näha ja navigeerida. Tarbetud ekraanitasemed tuleks eemaldada. Erinevatele tasanditele sisenemine ja uuesti väljumine peaks olema lihtne ja ilmne.
Telerakenduse kujundamisel on kõige olulisem selge ja täpne navigeerimine kasutaja toiminguteks. Kui navigeerimine on mitmetähenduslik, tunnevad kasutajad end segaduses ja ebakindlalt.
Lühidalt öeldes peavad kasutajad alati rakenduses täpselt teadma, kus nad asuvad. Pidage meeles, et kasutaja kasutab navigeerimiseks ainult põhijuhtimisnuppe. Teisaldamise, tagasi, sisestamise ja muud põhilised navigeerimisfunktsioonid peaksid olema selged. Kasutajad peavad saama nende toimingutega soovitud toiminguid kasutada.
Keskenduti traditsioonilise teledisaini piiride ületamisele. Leiate loomingulisi viise, kuidas demonstreerida kasutajatele kättesaadava laia sisu valikut, muutes selle samal ajal intuitiivseks ja hõlpsasti kasutatavaks.
Disaineridena on meie ülesandeks luua ja kujundada kasutajaliidesed, mis võimaldavad kasutajatel sisule juurde pääseda selgel ja hõlpsasti navigeeritaval viisil. Me ei saa eeldada, et kasutajad võtavad omaks uued harjumused, et nad saaksid meie sisu vaadata. Pigem peame oma kasutajaliidesed kohandama nii, et neid saaks pimedas juhtida keegi, kes annab meile vähem kui nende täielik kavatsus, ja väga piiratud sisendseadmega. See on suur väljakutse, kuid potentsiaalne tasuvus on tohutu. Head disainimist!
