Digi-TV:n käytettöliittymät
Helppokäyttöisyys Tehokkuus Luotettavuus Virheettömyys Käyttäjän tyytyväisyys Käytettävyys Käyttäjäkeskeinen suunnittelu 19.11.2001 Sofia Digital Oy sivu 3
Käyttäjä, katsoja Yleensä heterogeeninen joukko: nintendo-nuori, insinööri, mökin mummo Kieli, kulttuuri sanasto, symbolit Osaaminen PC, kännykkä Osallistuminen kiinnostus, pelot, asenteet 19.11.2001 Sofia Digital Oy sivu 4
Tarve viihtyä Passiivinen käyttö Sivusta seuraaminen Käyttö ryhmässä Vireystila Valaistus Käyttötilanne 19.11.2001 Sofia Digital Oy sivu 5
Vuorovaikutus Kaukosäädin Vain muutama näppäin Näppäimistö Helpottaa tiedon syöttöä ratkaisevasti (lomakkeet, sähköposti...) Ei välttämättä käytössä Vertailukohta käyttöliittymissä ennemmin kännykkä kuin web 19.11.2001 Sofia Digital Oy sivu 6
Helppokäyttöisyys Luonnollinen, ymmärrettävä rakenne Lyhyet, yksiselitteiset ilmaisut Intuitiivinen käyttö Ohje aina saatavilla Ulkoasun tulee kertoa toiminnoista Yksinkertaiset ja usein käytetyt toiminnot helposti Tärkeämpää kuin viihteellisyys 19.11.2001 Sofia Digital Oy sivu 7
Viihteellisyys Elämyksellisyys Yllätyksellisyys Miellyttävä ulkoasu Televisiomainen sisältö Ei sivun vieritystä Ei monia valintoja yhdellä näytöllä 19.11.2001 Sofia Digital Oy sivu 8
Sovellustyypit
19.11.2001 Sofia Digital Oy sivu 10
19.11.2001 Sofia Digital Oy sivu 11
19.11.2001 Sofia Digital Oy sivu 12
19.11.2001 Sofia Digital Oy sivu 13
19.11.2001 Sofia Digital Oy sivu 14
19.11.2001 Sofia Digital Oy sivu 15
19.11.2001 Sofia Digital Oy sivu 16
19.11.2001 Sofia Digital Oy sivu 17
19.11.2001 Sofia Digital Oy sivu 18
19.11.2001 Sofia Digital Oy sivu 19
19.11.2001 Sofia Digital Oy sivu 20
19.11.2001 Sofia Digital Oy sivu 21
Ominaisuudet
Resoluutio 720 x 576 Kuvasuhteet 4/3, 16/9 Pikselit eivät ole neliön muotoisia! Eri vastaanottimissa näkyvä kuva-ala vaihtelee Jätä sivun laidoille turvamarginaalit (n. 10%). 19.11.2001 Sofia Digital Oy sivu 23
Värit Käytössä periaatteessa 32-bittinen väriavaruus Boksit saattavat toteuttaa rajoittein Myös MHP-safe paletti, 188 väriä Vältä kirkkaita värejä, ne leviävät ruudulla Kirkkauskontrasti auttaa luettavuutta Vaalea teksti tummalla taustalla parempi kuin tumma vaalealla 19.11.2001 Sofia Digital Oy sivu 24
TV-kuva Skaalattavissa (1/4), liikuteltavissa Sovelluksen grafiikka piirretään TV-kuvan päälle. Ei videoleikkeiden toistoa, video TVlähetyksestä Liikkuva kuva vie huomion, vaikeuttaa lukemista 19.11.2001 Sofia Digital Oy sivu 25
19.11.2001 Sofia Digital Oy sivu 26
Kuvat Formaatit JPEG, PNG, MPEG I-Frame Läpikuultavuuteen PNG Täysvärisyyteen MPEG I-Frame (taustalle) Tiedostokoko kriittistä 19.11.2001 Sofia Digital Oy sivu 27
Vektorigrafiikka Java 1.1.8 Ei antialiasointia Ei animaatiota Älä käytä ohuita viivoja, ne välkkyvät Vähintään 3:n pikselin leveys 19.11.2001 Sofia Digital Oy sivu 28
Kirjasimet Vastaanottimissa yksi kirjasin, Tiresias Suunniteltu TV-käyttöön Selviytyy kuvasuhteen muutoksista Käytössä ainakin koot 24, 26, 31, 36 pt Tekstiä ei yhdelle näytölle mahdu kovin paljon Kirjasinten lataus mahdollista Päätteetön, tasapaksulla viivalla piirretty kirjasin Tiedostokoon minimointi mahdollista 19.11.2001 Sofia Digital Oy sivu 29
19.11.2001 Sofia Digital Oy sivu 30
Valmiit käyttöliittymäkomponentit HAVi UI Home Audio Video Interoperability User Interface HAVi kodin viihde-elektroniikan yhteinen kieli HAVi UI kuten Javan Swing Toiminnallisuus joka vastaanottimessa sama Ulkoasu saattaa vaihdella 19.11.2001 Sofia Digital Oy sivu 31
Kohdistin Järjestelmä ei tarjoa oletuskohdistinta (paitsi HAVi) Erota fokus selkeästi sivun sisällöstä! Esim. keltainen reunus Ei samanlaisia elementtejä sivun sisältöön Pelkkä värin tai taustan vaihto ei aina riitä Kumpi kahdesta vaihtoehdosta on valittu? 19.11.2001 Sofia Digital Oy sivu 32
Ääni Äänen käsittely riippuu vastaanottimesta Sovelluksen ääni saattaa korvata TV-ohjelman äänen Sovelluksen ja TV-ohjelman äänet saatetaan sekoittaa Anna TV-lähetyksen äänen kuulua taustalla! 19.11.2001 Sofia Digital Oy sivu 33
Kaukosäätimet Näppäimet nuolinäppäimet OK numeronäppäimet TXT värinäppäimet (back, app, txt, guide jne) Näppäimistö mahdollinen Tue näppäimistön käyttöä, älä edellytä sitä! 19.11.2001 Sofia Digital Oy sivu 34
19.11.2001 Sofia Digital Oy sivu 35
19.11.2001 Sofia Digital Oy sivu 36
Käyttöliittymät
Sovelluksen tyyppi Ohjelmaan sidottu sovellus: Minimoi sovelluksen ruudulta viemä tila tai ajasta vuorovaikutus Suunnittele ilme ohjelman ilmeen mukaan Itsenäinen sovellus: Toimi yhteistyössä TV-ohjelman kanssa Anna äänen kuulua taustalla Salli nopea poistuminen sovelluksesta 19.11.2001 Sofia Digital Oy sivu 38
Navigointi Suunnittele luonnollinen etenemisjärjestys Vuorovaikutus ihmisen, ei sovelluksen mukaan Älä edellytä muistamista Vältä dialogeja Valikoiden käyttö? 19.11.2001 Sofia Digital Oy sivu 39
Näppäimet Nuolinäppäimet fokuksen liikuttamiseen, oikean vaihtoehdon valitsemiseen Aktivointiin OK-näppäin Pikavalinnat mahdollisia värinäppäimillä (back, app, txt, guide) Jokainen näppäimen painallus liikaa? 19.11.2001 Sofia Digital Oy sivu 40
19.11.2001 Sofia Digital Oy sivu 41
19.11.2001 Sofia Digital Oy sivu 42
19.11.2001 Sofia Digital Oy sivu 43
Värinäppäimet Aina kaikki näkyvillä, samassa järjestyksessä Värisokeus, mustavalko-tv Näppäimillä omat roolinsa Punainen: sisältö, alku (EI) Vihreä: pikavalinnat (KYLLÄ) Keltainen: personointi, suosikit Sininen: yleiset asetukset 19.11.2001 Sofia Digital Oy sivu 44
Vasteaika Palaute 0,1 s Yksinkertainen toiminto 0,5 s Toiminto korkeintaan 2,0 s Jos kestää kauemmin, kerro siitä! (mieluiten etukäteen) 19.11.2001 Sofia Digital Oy sivu 45
Ohje Aina saatavilla, saman toiminnon kautta Ajattele käyttäjän tilannetta Tilannekohtainen ohje Lähtökohtana käyttäjän tarve, ei sovelluksen malli Päästäksesi alkuun, paina punaista näppäintä. 19.11.2001 Sofia Digital Oy sivu 46
Yhdenmukaisuus, jatkuvuus Navigoinnin periaatteet aina samat Näppäimillä aina sama toiminto Näytöt aina saman näköisiä Peruslinjat Kansallisesta käyttöliittymästä 19.11.2001 Sofia Digital Oy sivu 47
Testaus
Toiminnallisuus eri vastaanottimilla Kaukosäätimen mallit Käytössä olevat näppäimet Ruudun koko Näkyvä kuva-ala vaihtelee Säädöt Kuvasuhde Värit, kirkkaus, kontrasti 19.11.2001 Sofia Digital Oy sivu 49
Käytettävyyden testaus Monia eri tapoja Heuristinen arviointi Käytettävyyslaboratorio Haastattelut Loppukäyttäjien palaute Monia eri mittareita Tehokkuus Virheettömyys Subjektiivinen tyytyväisyys 19.11.2001 Sofia Digital Oy sivu 50
Superteksti-TV Helpompi tapa luoda sisältöjä Helppo käyttää olemassa olevia sisältöjä Ei internet televisiossa! Vain kaikkia kiinnostava sisältö Huomioi eri selaustapa Linkit omaan listaansa Korkeintaan seitsemän valintaa sivulle 19.11.2001 Sofia Digital Oy sivu 51
Yhteystiedot Mikael Rinnetmäki mikael.rinnetmaki@sofiadigital.fi www.sofiadigital.fi Helsinki: Sofia Digital Oy Kaisaniemenkatu 13 a, 4. krs. 00100 Helsinki Tampere: Sofia Digital Oy Sumeliuksenkatu18a PL 460 33101 Tampere 19.11.2001 Sofia Digital Oy sivu 52