Semestrá lní projekt ná pr edme t A7B36PDA. Jméno: Štěpán Škorpil Email: skorpste@fel.cvut.cz Zadání: [NA-SMART_TV] Televize na smartphone

Podobné dokumenty
Aplikace GoGEN Smart Center

Návod k využívání interaktivních funkcí

Uživatelské prostřední v nové Kuki 2:0 beta

Interaktivní funkce Selfnet TV

Obsah. Moje menu 4. Ovladač 6. Ovládání sledovaného pořadu 8. Zpětné zhlédnutí 10. Nahrávání 12. Můj seznam kanálů 13.

O 2 TV. jediná televize, která se vám přizpůsobí

A7B39PDA. D3 Design I. Tomáš Poledný

Užívání funkcí Interaktivní televize prostřednictvím Motorola VIP1003

UŽIJTE SI TELEVIZI. Uživatelský manuál HD Mediaboxu

O 2 TV. jediná televize, která se vám přizpůsobí

Užijte si televizi Horizon od UPC

NÁVOD PRO IPTV PORTÁL (STB Motorola 19xx)

SMS Jízdenka Semestrální úloha pro předmět Y39PDA Jan Peca

Mobilní aplikace Jízdní řády Y39PDA Marek Temnyak

NÁVOD KE SLUŽBĚ IPTV

Televize. Uživatelská příručka

TESTOVÁNÍ UŽIVATELSKÉHO ROZHRANÍ VIDEO PŘEHRÁVAČE VLC

Televize. Uživatelská příručka

Jak na TV vysílání se set-top boxem Di-Way AND1?

Nej.cz. Uživatelská příručka k interaktivní televizi

Ovládání TV platformy a funkce Chytrá TV

Testování aplikace Facebook Messenger pro Windows Phone 8.1

WOLFNET.CZ kabelová televize více než televize

[BAL-MLP] Multiplayer

Návod na použití portálu 802

Ovládání TV platformy a funkce Chytrá TV. RETE tv

jediná televize s multidimenzí Ovládání a funkce

Kapitola 1: Úvod. 1.1 Obsah balení. 1.2 Požadavky na systém. Česky

X39NUR report D3 NA PŘEHRÁVAČ MÉDIÍ LOW-FIDELITY prototyp

gdmss Lite Android DVR Mobile Client Návod k obsluze aplikace

Mobilní zpravodajská aplikace idnes. A7B39PDA - Principy tvorby mobilních aplikací

Testová ní už ivátelske ho rožhrání Fácebook.com

Návod ke službě IPTV HD internet.tv

Návod k použití. O 2 TV Nahrávání

Nej.cz Uživatelská příručka k interaktivní televizi NetTV

Manuál k programu KaraokeEditor

Nej.cz Uživatelská příručka k interaktivní televizi NetTV

NÁVOD KE SLUŽBĚ IPTV M.NET TV

NÁVOD KE SLUŽBĚ IPTV

A7B39PDA - Naspoř si svůj sen. Jan Hovorka (hovorja4@fel.cvut.cz)

[IM-WMC] Městská cyklonavigace Deliverable D4

TESTOVÁNÍ UŽIVATELSKÉHO ROZHRANÍ

Návod ke službě IPTV

Návod k použití. O 2 TV Nahrávání

Set Top Box Motorola VIP 1003

Návod ke službě IPTV

GPS Logger. Semestrální projekt předmětu Y36PDA. Jiří Zamazal, ČVUT FEL

Manuál pro mobilní aplikaci Patron-Pro. verze pro operační systém Symbian

Ovládání TV platformy a funkce Chytrá TV

D2 - GUI design. Radek Mečiar

D1: D2: KINO - Mobilní aplikace. Semestrální práce do předmětu A7B39PDA Ondřej Kulatý. Název: KINO

Návod ke službě IPTV

Mobilní aplikace pro ARVAL ON BOARD. Podrobný manuál

Windows Live Movie Maker

Mobilní aplikace Jízdní řády Y39PDA Marek Temnyak

Semestrální práce A2 z předmětu A7B36TUR. Testování uživatelského rozhrání internetového serveru YouTube.com

Webová verze ITV. Uživatelská příručka

Svolávací systém Uživatelský manuál

Bisnode Mobilní aplikace k prověření firmy

Návod k použití aplikace Reliview

Nastavení a ovládání aplikace ifoxtrot

Testování uživatelského rozhraní mobilního telefonu HTC Hero (Semestrální projekt pro předmět A7B36TUR)

Uživatelský manuál k set-top boxu ARRIS VIP4302

Testování set-top-boxu

NÁVOD NA OVLÁDÁNÍ. Set Top Box Motorola VIP 1003 Portálu IPTV

2017 CARAT "New design"

Zapojení boxu. Diagram zapojení boxu

Vývoj aplikace Readily (RSS čtečka pro Android) Semestrální projekt předmětu Y39PDA Autor: Michal Cerman

NÁVOD KE SLUŽBĚ IPTV

Inteligentní řešení kamerového systému

Webová verze Selfnet TV

Nielsen Admosphere, a.s. Vážená domácnosti,

Návod ke službě IPTV

Testování uživatelského rozhraní aplikace Duolingo (

Začínáme NSZ-GS7. Síťový multimediální přehrávač. Obsah obrazovek, způsob ovládání a technické parametry se mohou změnit bez předchozího upozornění.

Principy tvorby mobilních aplikaci. Martin Egermajer

Registrace Vyhledávání Výsledky vyhledávání

Návod na používání aplikace TV DIGITAL OnGuide(EPG)

Testování aplikace ghost commander

Copyright 2013 Martin Kaňka;

Uživatelský manuál aplikace. Dental MAXweb

Návrh zpravodajské aplikace idnes po Android

PowerPoint 2010 Kurz 5, 6

Testování mobilní navigace NACESTY

Testování operačního systému Windows Phone 8

Nástrojová lišta v editačním poli

NAS 232 Aplikace AiFoto pro mobilní zařízení. Správa fotografií na vašem NAS z mobilního zařízení

Instalace a od-instalace aplikace Google / Android

Testování zařízení Emtec D850h Movie Cube. České vysoké učení technické v Praze Fakulta elektrotechnická

Migrace na aplikaci Outlook 2010

Rychlý průvodce uživatelskou nabídkou. Určeno pro koncové uživatele služby kabelové televize viatv s dálkovým ovladačem ARRIS

Návod na základní používání Helpdesku AGEL

Šablona KRYPTON. Slidery na úvodní straně. kompletní návod pro obsluhu všech nově přidaných funkcí

REMARK. Perfektně popsaný záznam. Uživatelský manuál

DOSTUPNÝ. SNADNÝ. ONLINE NÁVOD JE TO JEDNODUCHÉ, ZAČNĚTE UŽ DNES!

Návrh uživatelského rozhraní televize [NA-TELEVIZE] Marek Nedvěd

ipodatelna Uživatelská příručka

JRm verze Aplikace. Instalace. Ovládání

X10 Uživatelský manuál na webové rozhraní (ver0.9)

Návod k použití Verze

Transkript:

Semestrá lní projekt ná pr edme t A7B36PDA Jméno: Štěpán Škorpil Email: skorpste@fel.cvut.cz Zadání: [NA-SMART_TV] Televize na smartphone

Obsah 1. Popis (úkol D1)... 2 2. Popis problému (úkol D2)... 3 2.1. Uživatelé... 3 2.2. Aktivity... 3 2.3. Podpora systému... 3 2.4. Kontext... 3 3. Prototyp (úkol D3)... 4 3.1. Rozhraní... 4 3.2. Testování... 6 3.2.1. Způsob testování... 6 3.2.2. Výsledek testování... 7 3.3. Doporučení pro úkol D4... 7 4. Vylepšený prototyp (úkol D4)... 8 4.1. Rozhraní... 8 4.1.1. Přehrávací obrazovka... 8 4.1.2. Televizní program... 9 4.1.3. Informace o pořadu... 10 4.2. Testování... 11 4.2.1. Způsob testování... 11 4.2.2. Výsledek testu... 11 4.2.3. Závěry... 12 4.3. Finální úpravy... 12 4.4. Nápady na další vylepšení... 13 1

1. Popis (úkol D1) Chtěl bych navrhnout uživatelské rozhraní aplikace pro smartphone s dotykovým displayem, které bude umožňovat pohodlné sledování televize, přehledné listování a přecházení mezi jednotlivými kanály. Dále bude umožňovat prohlížení televizního programu. Aplikace bude počítat s funkčním internetovým připojením. Cílovou skupinu této aplikace tvoří člověk s nízkou počítačovou gramotností prostředí proto musí být intuitivní. 2

2. Popis problému (úkol D2) 2.1. Uživatelé Aplikace bude určená pro lidi, kteří vlastní chytrý telefon a mají již nějakou uživatelskou zkušenost se s těmito zařízeními a mobilními aplikacemi využívající k ovládání dotykovou obrazovku. Dále jsou tito lidé pravidelnými televizními diváky, či milovníci filmů. Mohou být uživateli internetových databází filmů jako csfd.cz či imdb.com. Uživatel nemusí mít velké dovednosti v práci s počítačem. V zásadě stačí uživatel, který si umí otevřít email na internetu, pustit video na youtube.com či prohlížet internetové stránky. 2.2. Aktivity Po dohodě se zadavateli se objevili dvě možnosti zadání. Jedním je televize běžící přímo na mobilním zařízení. Druhým pak možnost propojení mobilního zařízení s chytrou televizní obrazovkou a využití tohoto spojení k ovládání a zobrazování dodatečných informací. Já si zvolil možnost druhou. Uživatel bude využívat zařízení k ovládání televize. Tím je míněno především přepínání televizního/rozhlasového kanálu. Uživateli tak odpadne nutnost mít u sebe další ovladač. Zároveň se tím ovládání televize zjednoduší, jelikož samo zařízení bude poskytovat informace o aktuálním pořadu či televizním programu. Uživatel tak nebude muset luštit drobná písmenka na televizní obrazovce, tyto informace pohodlně přečte z displaye zařízení, jež má u sebe. Další výhodou je, že má člověk toto zařízení běžně po ruce odpadne tedy problém s hledáním ovladače. Ve spojení s jinou aplikací, která by umožňovala vzdálené ovládání počítače, se rázem může mobilní telefon proměnit v univerzální multimediální ovladač. Další funkčností aplikace bude listování, procházení a plánování v televizním programu. To vše co nejintuitivněji, nejpřehledněji a tak, aby se využilo možností dvou obrazovek. Aplikace by navíc umožnila zobrazit vedle běžných informací o pořadu, které jsou vysílané v rámci služby EPG, i informace o filmu či seriálu z internetové databáze (např.: imdb.com). K tomu navíc uvažuji o propojení s uživatelským účtem této internetové databáze. Aplikace by pak mohla zvýraznit pořady, které jsem kladně označil na internetu. Naopak neuvažuji o přidávání komentářů či hodnocení zpět do internetové databáze, jelikož textový vstup je na mobilním zařízení značně nepohodlný a uživatel by jej pravděpodobně stejně raději zadával přes počítač 2.3. Podpora systému Cílové zařízení uvažuji smartphone s dotykovým displayem a operačním systémem Google Android. Aplikace bude pro svůj běh potřebovat přístup k internetu ať už skrze mobilního operátora, nebo připojení WiFi. 2.4. Kontext Aplikace bude primárně určena pro použití doma při sledování televize z pohodlí křesla (i houpacího ), gauče, pohovky nebo postele. 3

3. Prototyp (úkol D3) Prototyp jsem nejdříve tvořil hrubým náčrtem na papír, kde jsem zkoušel různé možnosti zásadních částí aplikace. Později jsem přešel na elektronickou formu a výsledný prototyp zpracoval v aplikaci PowerPoint s využitím předvytvořených grafických prvků z šablony Keynotopia for Android a hyperlinků vedoucích na různé stránky prezentace. Hotový prototyp jsem následně exportoval do souboru PDF, jež jsem pak předložil uživatelům k testu. 3.1. Rozhraní Snažil jsem se, aby byla aplikace co nejjednodušší a nejpřehlednější. Aplikace má v zásadě dva důležité funkční požadavky. Prvním je možnost přepínání programů a listování televizním programem (myšleno časovým plánem vysílaných pořadů). Druhým důležitým požadavkem je možnost zobrazit dodatečné informace (hodnocení či anotace) o pořadu s využitím služby EPG a internetové databáze (v prototypu používám csfd.cz). Po spuštění aplikace a připojení k televizoru by se měla zobrazit obrazovka na Obr. 3-2. V horní části je popis získaný ze služby EPG. V dolní části je pak sada ovládacích tlačítek. Návrh počítá s funkcí TimeShift, která umožňuje dočasné pozastavení pořadu. Dále ale tuto funkčnost netestuji a nepopisuji, jelikož to je spíše předmětem jiného zadání. Na obrazovce je k vidění od kdy do kdy právě sledovaný pořad běží a v které části pořadu se právě nacházím. Jsou zde tedy snad všechny základní informace, které uživatele mohou během sledování televize zajímat. Layout obrazovky jsem se snažil přizpůsobit zvyklostem uživatelů androidu, je proto velmi podobný layoutu výchozího hudebního přehrávače v tomto systému. Obr. 3-2 Obr. 3-1 Běžnou potřebou při sledování televize je přepnout na jiný program. K tomu slouží tlačítko program na výchozí obrazovce. Po jeho stisknutí se objeví obrazovka na Obr. 3-1. Aplikace nabízí dva pohledy na televizní program. Tento ukáže právě vysílaný pořad všech televizí. Zároveň lze vyčíst časový údaj, od kdy už pořad běží, a do kdy ještě bude. To je znázorněno také graficky. Uživatel se tedy může rozhodnout, zda má ještě cenu rozkoukávat pořad, který se například chýlí ke svému závěru. Samotné přepnutí pak provede uživatel kliknutím na název kanálu v levé části. Aplikace v tomto případě přepne kanál a zobrazí opět výchozí obrazovku. Pro úplnost ještě dodám: seznam kanálů by mělo jít posouvat v ypsilonové ose. Tento pohled slouží spíše k rychlému přepnutí na jiný kanál, nebo pro rychlý výběr programu. Uživatel ale může plánovat více dopředu. K tomu slouží právě druhý pohled na televizní program. Přepnout na něj lze v horní části obrazovky. Tento pohled je znázorněn na Obr. 3-5. Zde se objeví 4

jakási časová osa v X dimenzi a seznam programů v Y. Posouvat ji lze v obou směrech s tím, že seznam programů zůstává stále viditelný při posouvání v horizontálním směru, a časová osa v posouvání směrem vertikálním. Na časové ose je navíc naznačen aktuální čas. Uživatel tedy může plánovat více dopředu, nebo se může kouknout zpět na informace o již odvysílaném pořadu. Uživatel samozřejmě nezná všechny pořady podle jména. Proto po kliknutí na jméno pořadu v kterémkoli pohledu na televizní program se zobrazí podrobnější informace o daném pořadu. Lze se sem dostat i stisknutím tlačítka info na úvodní obrazovce. Tento stav je na zbývajících obrázcích. Aplikace umožňuje přepnutím v horní části obrazovky přepnout mezi informacemi z EPG a různými informacemi z CSFD. Z internetové databáze si lze přečíst základní popis pořadu, mé vlastní hodnocení pořadu a hodnocení mých přátel na csfd. Přes hardwarové tlačítko telefonu menu lze z těchto popisů rovnou přepnout kanál (a zároveň se vrátit na výchozí obrazovku) to je vidět na Obr. 3-8, nebo hardwarovým tlačítkem zpět se vrátit do předchozí nabídky. Důležitá je na těchto zobrazeních informační lišta zobrazená nahoře, hned pod tou systémovou. Ta by měla pomáhat uživateli se zorientovat v případě, kdy se k telefonu vrátí po nějaké době. Zobrazuje totiž kontext zobrazených informací. Obr. 3-5 Obr. 3-4 Jak je vidět na obrázcích, celé rozhraní je orientováno na šířku. Je to z důvodu lepší čitelnosti textu v informacích o pořadu a k větší přehlednosti televizního programu (zvláště toho úplného). U Obr. 3-3 této aplikace bych taky zakázal automatické otáčení obrazu. Je to z toho důvodu, že na televizi se často kouká vleže a není nic otravnějšího, než když se vám obraz pořád otáčí tak jak nepotřebujete. Na závěr bych ještě dodal, že v obrázcích jsou často vidět v systémové liště oranžová tlačítka zpět a menu. Ty jsou zde pouze pro účely testování aplikace a nahrazují hardwarová tlačítka telefonu. 5

Obr. 3-8 Obr. 3-9 Obr. 3-7 Obr. 3-6 3.2. Testování 3.2.1. Způsob testování Zvolil jsem heuristickou metodu testování prototypu. V podmínkách tohoto úkolu je, že musím k testování přizvat ještě jednoho specialistu. Přizval jsem tedy kolegu Davida Vančuru, studenta ČVUT, dlouholetého uživatele telefonu iphone a telefonu se systémem android. Testovali jsme tyto vlastnosti prototypu: Viditelnost stavu aplikace o Pozná uživatel stav aplikace? o Pozná a pochopí kam má/může pokračovat? Ovládání o Je ovládání přizpůsobeno podmínkám, ve kterých se bude aplikace používat? o Je ovládání uzpůsobeno zvyklostem a možnostem zařízení? Míra svobody o Není uživatel zbytečně tlačen do řešení úlohy jediným možným způsobem? Prevence proti chybám o Je jasné chování tlačítek zpět, menu, cancel a pod.? o Jsou zásadní systémové změny dostatečně jasně vysvětleny? o Nemůže uživatel provést některou zásadní či nevratnou akci omylem? Estetický a minimalistický design o Není některý prvek zbytečný? 6

3.2.2. Výsledek testování Zjistili jsme, že je prototyp špatně udělaný. Měl by totiž obsahovat i hardwarová tlačítka tak jak bývají na skutečném zařízení. Zvolený způsob (umístění do obrazu dodatečně) není vhodný. Při následném testování prototypu uživateli by pravděpodobně tímto vznikalo hodně zmatků. Dále je funkčnost prototypu příliš omezená na konkrétní cestu. Konkrétně v obou pohledech na televizní program je klikatelný pouze pořad Četnické humoresky. Je sice naznačeno, že podobně fungují i cesty ostatní, ale při testu s uživateli by se pak muselo hodně zasahovat do testu a vysvětlovat proč se po kliknutí nic nestalo. Přidaná funkčnost TimeShift, jež není dál propracovaná, může při testování aplikace uživatele mást. Proto by bylo lepší buď odebrat ji z návrhu, nebo ji naopak dokončit. Nenašli jsme žádné místo v aplikaci, kde by si uživatel mohl připadat ztracený, ve smyslu, že by nevěděl, v jakém kontextu se nachází. Je ale možné, že nebude vědět jak dál pokračovat z části s informacemi o pořadu, protože zde musí najednou využít hardwarových tlačítek zpět či menu. Na druhou stranu jsou ale, dle mých zkušeností, tlačítka takto používaná v celém systému, takže by to uživatele mohlo napadnout. 3.3. Doporučení pro úkol D4 Je potřeba přidat do prototypu hardwarová tlačítka, odstranit či rozšířit funkci TimeShift z výchozí obrazovky a lépe propracovat větvení cest. 7

4. Vylepšený prototyp (úkol D4) V předchozím prototypu jsem zjistil několik nedostatků, které jsem chtěl v této finální verzi opravit. Vyučující mě upozornil na chybu v kontextovém menu informací o pořadu. Zde bylo tlačítko Přepnout na tento program a u něj ikona, která tomuto úkonu příliš neodpovídala. Po konzultaci se zadavateli jsem zjistil, že je nutné do aplikace přidat možnost nahrávání pořadů a přidání pořadu do archivu. Zadavatelé by také rádi implementovali aplikaci pro zařízení iphone, na což nebyla aplikace přizpůsobená. Dále jsem zjistil, že v předchozí dokumentaci jsem úplně vypustil možnost ovládání hlasitosti. Prototyp měl také několik nedostatků, které by ztěžovali provedení testu s uživateli. V této verzi bych tedy chtěl opravit všechny výše zmíněné nedostatky. 4.1. Rozhraní 4.1.1. Přehrávací obrazovka Při spuštění aplikace se zobrazí úvodní obrazovka. Zde jsou již první změny oproti původnímu návrhu. Zaprvé jsem zjednodušil podobu zobrazených informací. Nyní se ukazuje pouze jméno kanálu, na který momentálně koukáme a jméno pořadu tak jak je vysíláno v EPG. Zbytek informací z EPG se zobrazí pouze na obrazovce s informacemi. Tím jsem chtěl zjednodušit a zpřehlednit aplikaci, protože všechny informace jsou nyní na jednom místě. Navíc přibylo logo kanálu v levé části. Do pravé horní části jsem přidal ikonku, která má znázorňovat, že je pořad nahráván. Pokud Obr. 4-1 nahráván není, ikonka není na obrazovce vůbec. Stejně lze do této části přidat i jiné indikace stavu. Například, že je pořad v archivu by se znázornilo ikonou vedle oné ikony nahrávání. Pod informační částí je sada tlačítek. Levé tlačítko divákovi začne přehrávat předchozí pořad (jde tedy o ovládání funkce TimeShift), druhé tlačítko pozastaví přehrávání. Po opětovném stisknutí druhého tlačítka přehrávání naváže tam, kde přestalo. Pravé tlačítko začne přehrávat pořad následující. Jelikož ale sledujeme pořad, který právě vysílají je toto tlačítko neaktivní (nemůžeme si pustit něco, co ještě nebylo odvysíláno). Posledním prvkem, který slouží pro ovládání funkce TimeShift je lišta průběhu pod těmito tlačítky. Ta znázorňuje oranžovou barvou kolik pořadu je již odvysíláno, a tedy k dispozici pro přehrávání. Dále je posuvníkem znázorněno kterou část pořadu sledujeme. Posuvníkem lze samozřejmě hýbat a přeskakovat tak mezi částmi pořadu. Ovládání TimeShiftu je tedy navženo tak, aby co nejvíce odpovídalo ovládání přehrávání běžných streamovaných videí na internetu, či přehrávání jiných medií. Drobnou úpravou prošlo tlačítko programu. Popisek program jsem nahradil ikonou televize. Nepřišel jsem na lepší ikonu, která by vystihla možnost přepnutí na jiný program, či prohlížení časového plánu. Pro úplnost dodám, že vedle sady tlačítek je zobrazen vlevo čas začátku vysílání aktuálního pořadu a vpravo čas konce. 8

U právě sledovaného pořadu lze měnit i hlasitost. To je realizováno hardwarovými tlačítky zařízení. Při jejich použití se zobrazí dialog hlasitost (Obr. 4-2), který zobrazuje aktuální nastavení hlasitosti. Dalším stiskem tlačítek hlasitosti nebo posunutím posuvníku v dialogu se nastavení mění. Po několika sekundách tento dialog zase zmizí. Velkou změnou je i přidání tlačítek v dolní části obrazovky. Tato tlačítka jsou tam pro účely testování Obr. 4-2 prototypu místo původních oranžových v horní systémové liště a simulují funkci hardwarových tlačítek androidích telefonů. Zároveň ale naznačují způsob nasazení aplikace na zařízeních typu iphone, která nemají hardwarová tlačítka kontextového menu a zpět. Levé z těchto tlačítek je krok zpět, pravé vyvolává kontextovou nabídku. Tato tlačítka se nacházejí v celé aplikaci se stále stejnou funkcí. Pro nasazení na telefonech se systémem android stačí tlačítka prostě odstranit a na úvodní obrazovce poposunout přehrávací lištu v dolní části o něco níž. Po kliknutí na tlačítko kontextového menu se zobrazí nabídka, viz Obr. 4-3. Zde je možnost nechat si zobrazit informace o právě vysílaném pořadu (zobrazí EPG detail aktuálního programu viz Obr. 4-6 či kapitolu 4.1.3), přidat aktuální pořad do archivu či začít nahrávání pořadu. Je-li pořad právě nahráván, lze jeho nahrávání v tomto místě zrušit. Do informací o aktuálním pořadu se lze dostat i kliknutím na název pořadu na úvodní obrazovce. Z kontextové nabídky lze odejít kliknutím kdekoliv mimo tlačítka kontextové nabídky. Nebo hardwarovým tlačítkem zpět jak je zvykem na telefonech Android. Obr. 4-3 Tlačítko zpět na této obrazovce ukončuje aplikaci. 4.1.2. Televizní program Na obrazovku televizního programu se dostaneme z úvodní obrazovky kliknutím na tlačítko program (s ikonkou ve tvaru televizní obrazovky). Tato obrazovka se příliš od původního návrhu nezměnila. Obr. 4-5 Obr. 4-4 9

Přibylo tu již dříve zmíněné tlačítko zpět, které vrací o jeden krok zpět, tedy na úvodní obrazovku (obrazovku přehrávání). Chybí zde kontextové tlačítko, jelikož zde není nic, co bych uživateli v kontextové nabídce nabídl a jeho přítomnost by pouze mátla. Druhou a poslední změnou jsou malé ikonky u jednotlivých pořadů. Na Obr. 4-4 a na Obr. 4-5 jsou zobrazeny u pořadu Inception. Tyto ikony znázorňují, že daný pořad je naplánován na nahrávání (kolečko s červeným puntíkem) a že je pořad archivován (stříbrné válečky). 4.1.3. Informace o pořadu Na obrazovku informací o pořadu se uživatel dostane kliknutím na pořad v televizním programu, kliknutím na tlačítko O pořadu na úvodní obrazovce, nebo kliknutím na název televizního programu na úvodní obrazovce. Na této obrazovce opět přibylo tlačítko zpět, které vrací o krok zpět, tedy na úvodní obrazovku, pokud sem uživatel přišel z úvodní obrazovky, nebo do televizního programu, pokud sem přišel z něj. Dále přibylo tlačítko vyvolávající kontextovou nabídku. Kontextová nabídka samotná je nyní rozšířena o tlačítko Nahrát pořad, které naplánuje nahrání pořadu, a tlačítko přidat do archivu, které vybraný pořad přidá do archivu. Pokud je již pořad naplánován k nahrávání, bude v kontextové nabídce možnost toto nahrávání zrušit (Obr. 4-9). Před zrušením nahrávání vyskočí ještě dialogové okno (Obr. 4-8), které je nutné potvrdit. Je to opatření, aby si uživatel nechtěně nezrušil nahrávání pořadu. Tlačítko Přidat do archivu funguje obdobně. Obr. 4-6 Obr. 4-7 Poslední změnou provedenou na této obrazovce je informování uživatele o naplánovaném nahrávání a o tom, že je pořad zařazen v archivu. To se děje opět již známými ikonkami, které jsem umístil do horní lišty vpravo. Obr. 4-8 Obr. 4-9 10

4.2. Testování 4.2.1. Způsob testování Dalším úkolem bylo provést test prototypu se dvěma uživateli z cílové skupiny. Vybral jsem tyto dva uživatele: Uživatel Pavel o věk 50 o majitel telefonu iphone 3G o průměrný uživatel počítače o běžný uživatel ČSFD, facebook, youtube o průměrné zkušenosti s multimediálními přehrávači (DVD, settopbox,video) Uživatelka Petra o věk 38 o majitelka telefonu Sony Ericsson Xperia Mini (os Android 2.3.3) o méně zkušená uživatelka počítače (pouze web, email) o běžný uživatel facebook, youtube o méně zkušený uživatel multimediálních přehrávačů (settopbox,video) Oběma uživatelům jsem předložil mobilní telefon s již běžícím prototypem. Nejprve jsem jim vysvětlil, že jde o aplikaci, která slouží k ovládání chytré televize srze mobilní telefon. Načrtl jsem co všechno aplikace umí ovládat. Dále jsem jim ukázal a popsal funkci tlačítek zpět a kontextová nabídka. To z toho důvodu aby nedošlo problémům, které by komplikovali test, protože především uživatelka Petra je zvyklá využívat k tomuto účelu tlačítka hardwarová. Samotné testování pak probíhalo tak, že jsem vyzval uživatele k provedení úkolu a pak jen sledoval a poznamenával si jeho počínání. Zároveň jsem doplňoval dění na obrazovce telefonu tam, kde formát pdf prototypu narazil na své možnosti. Prováděné úkoly byly následující: 1. Přepněte na TV Nova 2. Začněte nahrávat právě běžící pořad 3. Zjistěte více informací o právě běžícím pořadu (např.: O čem pořad je? Kdo v něm hraje?) 4. Naplánujte nahrávání pořadu Simpsonovi 5. Zkuste ztlumit zvuk 4.2.2. Výsledek testu Uživatel Pavel 1. Nejprve zkoušel tlačítka pro následující a předchozí pořad. Potom hledal v kontextové nabídce. Nakonec zkusil tlačítko s ikonou televize. V televizním programu klikl nejprve na jméno pořadu, potom se vrátil tlačítkem zpět a klikl správně na jméno televizního kanálu. 2. Po předchozím hledání věděl, a šel na jisto do kontextové nabídky. Byl ale překvapen že se nic nestalo. Nevšiml si ikony nahrávání. 3. Opět hned věděl, přes kontextové menu vlezl rovnou do informací. Neznal pojmenování EPG. 11

4. Nevěděl vůbec kde hledat. Zkoušel to přes tlačítko nahrávání v kontextové nabídce úvodní obrazovky. Bez úspěchu. 5. Nebyl problém, ihned tipnul hardwarová tlačítka. Uživatelka Petra 1. Nejprve klikla na jméno pořadu na úvodní obrazovce, vrátila se, nahlédla do kontextové nabídky, poté zkusila tlačítko programu. Zde nejprve klikla na jméno pořadu, následně se vrátila a klikla na jméno televizní stanice. 2. Bezpečně našla v kontextové nabídce úvodní obrazovky. 3. Kliknutím na jméno pořadu na úvodní obrazovce se dostala na obrazovku s informacemi. Nevěděla, co znamená zkratka EPG. 4. Otevřela televizní program. Všimla si ikonek u pořadu Inception. Klikla na Simpsonovi a v kontextové nabídce klikla na nahrát pořad. 5. Bez problému se pokusila využít hardwarových kláves. 4.2.3. Závěry Pravděpodobně bude nutné nahradit stávající ikonu televizního programu ikonou jinou, či textem program, protože dostatečně neevokuje možnost přepnutí televizního kanálu ani prohlédnutí televizního programu. Oba uživatelé se nejprve při pokusu o přepnutí dostali do informací o pořadu, nepovažuji to ale za chybu. Oba následně pochopili, že mají kliknout na jméno kanállu. Bylo by dobré po zapnutí nahrávání zobrazit dialog s informací Začínám nahrávat pořad, protože uživatel si nevšiml nově zobrazené ikony. Na úvodní obrazovce bych změnil funkci tlačítka nahrávání v kontextové nabídce tak, aby se zobrazil dialog, kde by byla možnost nahrát aktuálně běžící pořad a naplánovat nahrávání pořadu. Tím by se usnadnilo plánování nahrávání. Ani jeden uživatel nevěděl co zkratka EPG znamená, věděl ale že se pod tím skrývají informace o pořadu. Nevím jestli je nutné měnit název. 4.3. Finální úpravy Na základě výsledku testu jsem provedl několik posledních změn prototypu. Všechny se týkaly nahrávání pořadu. Jelikož je plánování nahrávání pořadů jednou z klíčových funkcí aplikace, rozhodl jsem se vylepšit právě tuto část. V kontextové nabídce jsem přejmenoval volbu z nahrát pořad na nahrávání. Nyní se pod touto volbou nachází roletové menu (Obr. 4-10), které nechá vybrat, zda chci Obr. 4-10 nahrávat (či přerušit nahrávání) aktuální pořad, nebo chci naplánovat nahrávání jiného pořadu. První volba rovnou začne (přeruší) nahrávat, druhá zobrazí televizní program, kde kliknutím na pořad se naplánuje jeho nahrávání (Obr. 4-11). Tím by měl odpadnout problém, kdy uživatel nemůže najít jak nahrát pořad. Zároveň ale zůstává původní 12

možnost, a tak má uživatel více možností jak dosáhnout stejného výsledku. Netlačíme jej tedy do nějaké námi dané logiky. Po naplánování nahrávání, či při samotném spuštění nahrávání se zobrazí na pár sekund informační dialog (Obr. 4-12). Tím jsem vyřešil problém, kdy uživatel neví, jestli se vše podařilo. Zároveň jsem zvětšil notifikační ikonu nahrávání na úvodní obrazovce. Stejně tak, jak bylo upraveno nahrávání, by mělo být upraveno i přidávání do archivu. Obr. 4-11 Obr. 4-12 4.4. Nápady na další vylepšení Ještě jsem dostal pár nápadů, co by se dalo na tomto GUI vylepšit. Notifikační ikona nahrávání na úvodní obrazovce by mohla být aktivní. Jejím stisknutím by mohlo jít nahrávání zrušit. Ikona programu by se pravděpodobně měla nahradit textem, nebo výstižnější ikonou. Při delším podržení pořadu v televizním programu by mohla vyskočit podobná nabídka jako se zobrazuje v kontextové nabídce v detailech pořadu. 13