Jelenův televizní program pro tablet
Ondřej Jelínek PDA, 2011/2012
Obsah Popis ........................................................................................................................................................ 3 Cílová skupina .......................................................................................................................................... 3 Aktivity..................................................................................................................................................... 3 Podpora systému..................................................................................................................................... 3 Kontext .................................................................................................................................................... 3 Low-fidelity prototyp............................................................................................................................... 4 Design lo-fi prototypu ......................................................................................................................... 4 Heuristicka evaluace............................................................................................................................ 6 Setup evaluace ................................................................................................................................ 6 Doporuceni pro hi-fi prototyp: ............................................................................................................ 7 High fidelity prototyp .............................................................................................................................. 8 Prototyp............................................................................................................................................... 8 Popis prototypu ............................................................................................................................... 8 Design aplikace ................................................................................................................................ 8 Testovani aplikace ............................................................................................................................. 15 Screener......................................................................................................................................... 15 Setup testu .................................................................................................................................... 16 Participant 1 .................................................................................................................................. 17 Participant 2 .................................................................................................................................. 18 Shrnuti testovani ........................................................................................................................... 19 Doporuceni pro finalni aplikaci: ........................................................................................................ 19
Popis Tato aplikace by měla sloužit jako náhrada za klasický papírový televizní program a zároveň fungovat jako dálkový ovladač. Uživatel by měl mít možnost si prohlížet televizní program v rozmezí 14 dnů. Vizuálně by aplikace měla uživateli navodit dojem, že nedrží v ruce ovladač od televize, ale že televizi ovládá tak nějak intuitivně a přirozeně. Pozn.: Námi vytvořená aplikace by ve finální verzi neměla být propojena s televizí. O tuto službu ji ale bude moci snadno rozšířit.
Cílová skupina Uživatelé aplikace by měly být osoby v produktivním věku (cca 20 - 65 let) bez rozdílu pohlaví, které často sledují televizi. Počítá se s použitím aplikace na českém trhu, uživatelské rozhraní tedy bude v češtině.
Aktivity •
Prohlížení TV programu v rozmezí 14 dnů (7 dnů předchozích a 7 dnů budoucích)
•
Filtrování pořadů různých kategorií (hudba, sport, filmy, atd.)
•
Zobrazení detailních informací o pořadu, možno čerpat další informace z internetu (databáze IMDB či ČSFD)
•
Nastavení připomenutí nebo nahrání budoucího pořadu
•
Procházení a přehrávání dříve nahraných pořadů
•
Správa a prohlížení TV programu oblíbených stanic a oblíbených pořadů (typicky seriály)
•
Vyhledávání pořadů podle názvu
•
Spuštění právě běžícího pořadu
•
Nastavení programu (upomínky, vzhled, atd.)
Podpora systému • • • •
Program bude vyvíjen pro tablet s OS Android Pro většinu funkcí bude muset být tablet spojen s televizí (nejspíše přes internet) Pro čerpání dalších informací z IMDB či ČSFD je potřeba mít připojení k internetu Pro nastavení vlastního zvukového signálu upomínky bude aplikace potřebovat přístup na souborový systém
Kontext Aplikace je tvořena především pro použití v domácnosti jako televizní program a současně jako moderní ovladač televize. Prostředí kolem uživatele tedy bude klidné, předpokládá se, že uživatel by neměl být moc rušen od práce s aplikací. Uživatelské rozhraní tedy nebude muset být přehnaně jednoduché a s ohromnými ovládacími prvky, na druhou stranu by aplikace měla být použitelná např. v prostředcích MHD, pokud by se uživatel chtěl při cestě z práce podívat, co dávají večer v televizi. Nicméně hlavní výhoda naší aplikace spočívá v propojení s uživatelovou televizí.
Low-fidelity prototyp Lo-fi prototyp jsem vytvarel primo v Jave (Android) ve vyvojovem prostredi Eclipse s nainstalovanym pluginem pro vytvareni Android aplikaci. Design jsem se snazil mit co nejjednodussi, aby se v nem snadno orientovalo. Diky tomu, ze uzivatel bude aplikaci ovladat hlavne doma u televize, mohl jsem si dovolit i mensi graficke komponenty. A diky tomu, ze se jedna o aplikaci na tablet, po vetsinu casu, jsem nemusel resit problem, ze by se mi něco na obrazovku neveslo. Televizní program se da v podstate zobrazovat dvema zpusoby, bud se jednotlive porady jednoho kamalu umistuji do radku („horizontalni skladani“) nebo do sloupce („vertikalni skladani“). Zvolil jsem skladani poradu ze shora dolu, protože zaprve to tak chtel zadavatel a za druhé je to o něco atraktivnejsi na pohled.
Design lo-fi prototypu Prototyp se sklada z těchto peti obrazovek:
obrazovka 1 - hlavni menu
obrazovka 2 - nahrane porady
obrazovka 3 - detail jednoho konkretniho poradu
obrazovka 4 - filtrovani poradu
obrazovka 5 - tv program Zde budou misto jednotlivych textfieldu televizni porady. Jeden sloupec odpovida jednomu kanalu.
Heuristicka evaluace Rozhodl jsem se pro heuristickou evaluaci, protože mi prisla jednodussi a kratsi.
Setup evaluace Evaluace byla provedena na android emulatoru na notebooku. Na heuristickou evaluaci jsem pouzil standartnich 10 principu od Jakoba Nielsena (viz http://en.wikipedia.org/wiki/Heuristic_evaluation#Nielsen.27s_heuristics) Těchto 10 principu se hodnotilo na všech 5 obrazovkach meho prototypu. Expert c.1 - Ja (Ondrej Jelinek)
obrazovka 1 - vsech 10 bodu v poradku obrazovka 2 - vsech 10 bodu v poradku obrazovka 3 - vsech 10 bodu v poradku obrazovka 4 - vsech 10 bodu v poradku
obrazovka 5 - vsech 10 bodu v poradku
Expert c.2 - Ondrej Smrz
obrazovka 1 - vsech 10 bodu v poradku, az na bod nadpis obrazovky, viz poznamka obrazovka 2 - vsech 10 bodu v poradku, az na bod nadpis obrazovky, viz poznamka obrazovka 3 - vsech 10 bodu v poradku, az na bod nadpis obrazovky, viz poznamka obrazovka 4 - vsech 10 bodu v poradku, az na bod nadpis obrazovky, viz poznamka obrazovka 5 - vsech 10 bodu v poradku, az na bod nadpis obrazovky, viz poznamka
Pozn.: u vsech obrazovek doplnit odpovidajici nadpis obrazovky, aby uzivatel vedel, kde je (takto to porusuje bod Visibility of system status)
Doporuceni pro hi-fi prototyp: Netvorit to na posledni chvili.
High fidelity prototyp Prototyp Popis prototypu Kostru hi-fi prototypu jsem mel v podstate uz vypracovanou ve svém lo-fi prototypu a hlavne jsem si vzal ponauceni a vyhradil si na vytvoreni hi-fi prototypu vice casu. V hi-fi prototypu jsem uz implementoval vetsinu funkci, které budou ve finalni aplikaci (tj. prochazeni nahranych poradu, prochazeni televizniho programu pro ruzne kanaly a ruzne dny, zobrazeni podrobnejsiho popisu jednoho poradu s nabidkou akci, co muze s timto poradem udelat). Prototyp lze téměř bez problemu pouzivat v landscape i portrait poloze. Hi-fi prototyp jsem opet vytvarel pomoci Android SDK ve vyvojovem prostredi Eclipse s nainstalovanym pluginem pro vytvareni Android aplikaci. Vyvijel jsem aplikaci na tablet o rozliseni alespon 1024x600 s Android OS verzi 2.3.3 a vyssi. Data do TV programu (ve formatu XMLTV) jsem ziskal ze stranky http://xmltv.aye.cz/ (bohuzel v soucasne době uz není funkcni). Na zacatku aplikace tyto data parsuju a ukladam do vnitrni objektove reprezentace. Konkretne jsem pouzil program stanic CT1, CT2, Nova, Prima, HBO a Barrandov TV z obdobi od 6.11.2011 do12.11.2011. Pokud se uzivatel v aplikaci bude chtit dostat k programu před nebo po tomto obdobi, telefon kratce zavibruje, aby naznacil uzivateli, ze pozaduje něco, co aplikace nemuze splnit. Ve finalni aplikaci by se tyto data do TV programu mohly stahovat odnekud z internetu.
Co není v prototypu implementovano • Propojeni s televizi (s rekorderem) tj. nahravani, spousteni poradu • Aktualni program všech stanic (stacilo by ziskat data, ci si zaplatit nejakou sluzbu a stahovat aktualni data z internetu) • Smazani nahraneho poradu z televize/rekorderu • Filtrace (neimplementoval jsem, protoze nic by se nezmenilo z hlediska uzivatelskeho rozhrani (zadny novy prvek, vzhled)) • Pripomenuti poradu - nova upominka v kalendari (spatne by se testovalo) • Oblibene porady a oblibene kanaly (nestihl jsem implementovat, vyuzil bych jiz pouzite Rozhrani (listview, tv program rozhrani)) • Dlouhy popis poradu (obcas je oriznuty, nejspis je to vec XML)
Design aplikace Popis Opet jsem vychazel z designu lo-fi prototypu, nicmene jsem dodelal nektere obrazovky (hlavne tv program) a jiné jsem pouze lehce poupravil (hlavni menu).
U zobrazeni TV programu jsem zustal u skladani poradu do programu zeshora dolu místo zleva doprava. Kazdemu kanalu jsem navíc priradil jednu barvu pozadi. Snazil jsem se, aby tato barva co nejvic korespondovala s logem kanalu . Diky barvam se uzivatel v programu snaze orientuje (pokud vedle sebe nejsou kanaly s uplne stejnou barvou, coz se nestava, popr. tomu lze programove zabranit).
Obrazovky
Obr. 1 – Hlavni menu (landscape)
Obr. 2 – TV program (landscape)
Obr. 3 – Detail poradu (landscape)
Obr. 4 – Filtrovani poradu (landscape)
Obr. 5 – Nahrane porady(landscape)
Obr. 6 – Dialog nahraneho poradu (landscape)
Obr. 7 – Potvrzovaci dialog na vymazani nahraneho poradu(landscape)
Obr. 8 –Hlavni menu (portrait)
Obr. 9 –TV program (portrait)
Testovani aplikace Jako zpusob testovani jsem zvolil testovani s uzivateli, protože podle meho nazoru z neho dostaneme daleko vice dat, které jsou relevantnejsi, lepe simuluje pouzivani finalni aplikace nez expertni evaluace.
Screener Na zaklade těchto otazek jsem vybiral adepty na testovani. Hodnoty vpravo udavaji kolik bych chtel idelane mit testujicich uzivatelu splnujici danou vlastnost.
1. Kolik vam je let? a) b) c) d)
15-25 25-35 35-50 50-65
(1) (2) (2) (0)
2. Používáte smartphone nebo tablet s OS Android? a) ano b) ne
(3) (2)
3. Jak casto sledujete televizi? a) b) c) d)
Denne Nekolikrat za tyden (3-5x za tyden) Temer vubec (1-2x za tyden) Vůbec
(2) (2) (1) (0)
4. Pouzivate televizni program (ziskany z libovolneho media)? a) ano b) ne
(3) (2)
Participanty jsem nakonec vybral dva, ve zprave je oznacuji jako participanta 1 a participanta 2.
Setup testu Popis Testovalo se v nedeli 11. 12. 2011 vecer v pokoji na Bubenecske koleji. Participanti nejdrive odpovidali na otazky v pre-dotazniku (odpovedi jsem zapisoval do pocitace), abych se dozvedel o participantech vic nez ze screeneru. Potom jsem participantum zapujcil zarizeni, na kterem měli moji aplikaci testovat a daval jim jednotlive ukoly. Po splneni všech uloh jsem se ucastniku ptal na jejich pohled na prubeh testovani, jejich hodnoceni, atd formou post-dotazniku. Testovaci zarizen •
tablet HTC Flyer P510E (verze OS Android: 2.3.3)
Forma sbirani dat z testovani • •
Pisemne poznamky (zapisovane do notebooku) Zvukovy zaznam (z mobilniho telefonu) o Data ulozena zde http://www.uloz.to/11704208/hi-fi-prototyp-testovani-zip
Pre-dotaznik 1. Jak vyhledavate televizni program? Jake medium pouzivate? 2. Chtel/a byste si poridit tablet? 3. Pokud mate tablet, kde ho prevazne pouzivate?
Use cases (ukoly) 1. Zjistete podrobne informace o filmu "Bratri jak se patri" (bezi 7.11. na HBO odpoledne) 2. Spuste (na televizi) nahrany film "Sestricky" 3. Zjistete, co davaji 12.11. v 21:20 na Barrandove 4. Smazte libovolny nahrany porad
Post - dotaznik 1. Jaky jste mel/a s aplikaci nejvetsi problem, co vam nejvice vadilo? 2. Co se vam na aplikaci nejvice libilo, co vam prislo na aplikaci zajimave? 3. Kdybyste mohli, pouzivali byste tuto aplikaci?
Participant 1
screener 1. 22 2. Ne 3. Téměř vůbec 4. Ano
Pre-dotaznik 1. Jak vyhledavate televizni program? Jake medium pouzivate? Program tisteny a internet. 2. Chtel/a byste si poridit tablet? Zatím ne. 3. Pokud mate tablet, kde ho prevazne pouzivate? -
Use cases (ukoly) 1. Zajimava udalost: 21:17 - Uzivatel: televizní program se neposouva do boku? Jinak úkol splnen. 2. Úkol splnen. 3. Úkol splnen. 4. Úkol splnen.
Post - dotaznik 1. Jaky jste mel/a s aplikaci nejvetsi problem, co vam nejvice vadilo? Mezi kanala se da presouvat jen po jednom (při vice kanalu muze trvat dlouho nez se dostanu na poslední), navrh: posouvat o vice kanalu naraz 2. Co se vam na aplikaci nejvice libilo, co vam prislo na aplikaci zajimave? Prehledne razeni podle hodin, prehledne zarovnani na 12h, 20h,…. Diky pouziti barev kanalu se snadno se od sebe odlisi a vypada to pekne 3. Kdybyste mohli, pouzivali byste tuto aplikaci? Asi ano.
Participant 2
screener 1. 21 2. Ano (smartphone) 3. Vůbec 4. Ne
Pre-dotaznik 1. Jak vyhledavate televizni program? Jake medium pouzivate? Tisteny a přes internet. 2. Chtel/a byste si poridit tablet? Ne. 3. Pokud mate tablet, kde ho prevazne pouzivate? -
Use cases (ukoly) 1. Zajimava udalost: 21:47 - Uzivatel: existuje vyhledavaci policko? Jinak úkol splnen. 2. Úkol splnen. 3. Úkol splnen. 4. Úkol splnen.
Post - dotaznik 1. Jaky jste mel/a s aplikaci nejvetsi problem, co vam nejvice vadilo? Zadny problem nebyl (jsem zvykly na Android OS). Chtelo by to vice stanic. 2. Co se vam na aplikaci nejvice libilo, co vam prislo na aplikaci zajimave? • aplikace bezela plynule bez "trhani" • nemusel jsem hledat informace na internetu • vse je prehledne, jednoduche 3. Kdybyste mohli, pouzivali byste tuto aplikaci? Asi ano.
Shrnuti testovani Testovani probehlo hladce, zadne problemy nenastaly, uzivatele se po chvili v aplikaci dobře orientovali. Při pocatecnim setkani s aplikaci a zapocteni prvniho ukolu uzivatele chteli pouzit funkce, které v aplikaci vůbec nebyli. Konkretne se jednalo o vertialni scrolovani/vertikalni otaceni stranek a vyhledavaci policko pro hledani v nazvech poradu. Nejspis by stalo za to, tyto funkce ve finalni aplikaci implementovat nebo nejak uzivatelum naznacit, ze tyto funkce tam nemaji ocekavat… Mozne vysvetleni toho, proc vysledky testovani dopadly tak dobře, je, ze jsem z nedostatku cas a lidi testoval pouze s mladymi uzivateli. Kdybych testoval i lidi ve vyssich vekovych skupinach, mozna bych objevil ze nektere graficke prvky jsou moc male na vybrani nebo precteni.
Doporuceni pro finalni aplikaci: • • • •
Do aplikace pridat vyhledavaci policko pro vyhledavani v nazvech poradu Posouvani mezi kanalama o vice nez jeden kanal (napr. posunout se o počet kanalu na obrazovce, tj jakoby o stranku) Testovat s takovymi uzivateli, abych naplnil kvoty stanovene ve screeneru (tj. starsi lide a lide, co vlastní tablet) Mozna pridat ikony na nektera tlacitka (napr. hlavni menu)
