Semestrální projekt do NUR

Semestrální projekt do NUR

Řešitel: Email:

Jan Plešek [email protected]

Název práce: Videotéka na televizi Zkratka: [NA-VIDEOTEKA] Zadavatel: Varianta:

Jan Suchý, [email protected] C (smartphone/tablet)

Úvod Dokument se zabývá popisem implementace high-fidelity prototypu a představuje funkčnost aplikace. Následně je provedeno uživatelské testování se dvěma participanty, kteří patří do cílové skupiny mladých, technicky nevzdělaných každodenních uživatelů smartphonů. Cílem prototypu je ověřit správné použití mobilního telefonu jako ovladače videotéky na televizi.

Implementace prototypu High-fidelity prototyp přímo vychází z Low-fidelity prototypu. Je zde ovšem několik změn, které rozšiřují funkčnost. Všechny jsou zdokumentovány níže. Prototyp má velice omezenou funkčnost. Plné profily filmů jsou zde pouze tři. Ostatní filmy jsou uvedeny pouze pro ilustraci.

Platformy Pro účely testování bylo potřeba vyrobit dvě funkční aplikace, které budou spolu interagovat. Jako komunikační kanál mezi těmito dvěma zařízeními byl zvolen BlueTooth 3.0, který lze jednoduše ovládat pomocí knihovny GameKit. První aplikace reprezentuje ovladač a je určena pro mobilní přístroj iPhone. Je implementována v jazyce Objective C spolu s frameworkem Cocoa. Druhá představuje televizní přístroj. Běží v operačním systému iOS na zařízení iPad. Jediná přímá interakce na displeji iPadu je nutná po spuštění aplikace, kdy je potřeba obě zařízení spárovat. Následně je aplikace ovládána přes aplikaci v mobilním přístroji.

Popis aplikace Párování Po zapnutí obou aplikací se objeví dialogové okno, které vyhledává zapnuté BT přístroje v dosahu (obrázek 01). Jakmile nějaký najde, přidá jej do seznamu nalezených (obrázek 02). Následně je potřeba na libovolném zařízení vybrat přístroj a na druhém potvrdit zahájení relace. Dále není možné ovládat televizi přímo, pouze přes ovladač.

Obrázek 01: Ovladač: Hledání zařízení se zapnutým BlueTooth, pod dialogovým oknem jde vidět tlačítko pro “offline režim”.

Obrázek 02: Televize: Vybrání správného ovladače k spárování. Z důvodů ladění implementačních detailů je možné vypnout dialog párování a pracovat s mobilním přístrojem pouze v “offline režimu”, který s televizí neinteraguje.

Obrázek 03: Televize: Výzva k zalogování se přes mobilní telefon.

Přihlášení Testování s uživateli začíná od tohoto okamžiku. Obrazovka televize vyzývá k přihlášení se přes mobilní telefon (viz. obrázek 03). Na mobilním telefonu je řádek pro vyplnění uživatelského jména a pod ním obdélník pro zadání přístupového gesta (viz. obrázek 04). Při špatném zadání přístroj zavibruje. V opačném případě je uživatel puštěn do systému. Pro účely testování není nutné vyplňovat uživatelské jméno a je možné zadat pouze jedno napevno nastavené heslo. (Gesto je ve tvaru písmene ‘L’.)

Obrázek 04: Ovladač: Přihlašování pomocí uživatelského jména a gesta.

Seznamy Uživatelé, kteří jsou zalogováni v aplikaci, mohou vybírat filmy ze tří seznamů nebo je vyhledávat podle názvu. Přepínat mezi seznamy lze pomocí horních tří tlačítek. Poslední slouží pro vyhledávání. Seznamy (viz. obrázek 05 ) obsahují následující skupiny filmů: koupené filmy, označené filmy a doporučené filmy. Obsah prvních dvou seznamů může uživatel měnit, jak je uvedeno níže. Třetí seznam je tvořen poskytovalem a neměly by se v něm objevit filmy, které již uživatel má v předchozích dvou seznamech. Zde je prostor také pro reklamu. Obrázek 06 znázorňuje, jak se zrcadlí obsah seznamů na televizní obrazovku.

Obrázek 05: Ovladač: Seznam koupených filmů.

Obrázek 06: Televize: Seznam doporučených filmů.

Vyhledávání filmů je uvedeno na obrázcích 07 a 08. Na ovladači lze začít psát název filmu a seznam dole ukazuje možné kandidáty. Vybrání filmu lze provést jen kliknutím na daný film, čímž se uživatel dostane do jeho detailu. Vyhledávání není CaseSensitive, což zvětšuje pravděpodobnost nalezení požadovaného výsledku. Na obrázku 06 můžeme vidět, že se vyhledávání zrcadlí i na televizi. Tlačítkem “Back” se lze dostat zpět na seznamy. Při spuštění vyhledávání je vyhledávací pole vždy prázdné a aktivní pro zadání textu.

Obrázek 07: Ovladač: Vyhledávání filmů.

Obrázek 08: Televize: Vyhledávání filmů.

Detail filmu Po vybrání některého filmu ze seznamu nebo po jeho vyhledání se dole zobrazí detail filmu a dole čtyři tlačítka, která umožňují se na film dívat různými pohledy. Prvním z nich je obrazovka s detailním popisem filmu. Popis byl převzat ze serveru www.csfd.cz a je možné jej vidět na obrazovce televize i na ovladači. Popis by měl být krátký, ať jej není nutné scrolovat níže. Pokud by zde však byla tato potřeba, je možné zvolit stejné řešení jako v galerii. V detailním popisu filmu jsou zobrazeny v pravém horním rohu dvě ikony. Pokud je vyplněna první z nich (ikona srdce), je daný film obsažen v seznamu označených filmů. Druhá ikona (ikona hvězdy) znamená, že byl daný film zakoupen a je v seznamu zaplacených filmů. Ikony jsou zároveň tlačítky a kliknutím na ně lze měnit v jakých seznamech jsou obsaženy.

Obrázek 09: Ovladač: Detailní popis filmu. Po kliknutí na tlačítko “Trailer” se na ovladači nic nestane, ale televize začne na celé obrazovce přehrávat trailer. Zde není žádné ovládání k dispozici. Přerušení přehrávání traileru je možné libovolným jiným tlačítkem. Třetí pohled je galerie, která v prototypu obsahuje u každého filmu 3 obrázky. V galerii je možné scrolovat a televize odráží stejný pohled jako ovladač, jak je vidět na obrázcích 10 a 11.

Obrázek 10: Ovladač: Galerie filmu.

Obrázek 11: Televize: Galerie filmu.

Poslední položka spouští film. Ovladač je zobrazen na obrázku 12. Po kliknutí na přehrávání se film ihned spustí. Dominantní část mobilního displeje zabírá název přehrávaného filmu. Pod ním je aktuální čas a ukazatel, ve které části se film zrovna nachází. Většina tlačítek je umístěna dole. Středové tlačítko umožňuje pozastavit či spustit film. Tlačítka “forward” a “rewind” slouží pro přetáčení. Pokud je uživatel přidrží, změní se framerate přehrávaného filmu na 1.5 a objeví se pod nimi posuvník (viz. obrázek 13). Tlačítko je pak možné posunout a přehrávání v daném směru zrychlit až na maximální hodnotu 4.0. Při přetáčení nebo pauze se v pravém horním rohu televizní obrazovky objeví informační popisek (viz. obrázek 14). Při přetáčení se na televizi objeví dvě až čtyři šipky v daném směru, podle přetáčecí rychlosti. Nahoře je umístěno tlačítko, které umožňuje vyjet z přehrávání filmu a vrátit se zpět na popis filmu.

Obrázek 12: Ovladač: Ovládání přehrávání filmu.

Obrázek 13: Ovladač: Přetáčení zpět rychlostí -2.2.

Obrázek 14: Televize: Různé popisky při ovládání přehrávání filmu (pauza, přetáčení dopředu s framerate 1.5, přetáčení dopředu s framerate 4.0).

Testování Testování proběhlo se dvěma participanty, kteří patří do cílové skupiny mladých, netechnicky vzdělaných lidí, kteří vlastní smartphone. První z participant byla žena ve věku 21 let, druhý pak muž ve věku 24 let. Jedná o studenty netechnických vysokých škol, kteří kromě telefonování příliš nevyužívají možnosti smartphonu.

Obrázek 15: Průběh testování.

Testovací úkoly Participanti byli před začátkem seznámeni s průběhem testů a následně jim byly řečeny úkoly, které mají zpracovat. Jednalo se o zalogování do systému, prohlížení jednotlivých seznamů, vyhledání zadaného filmu a přidání a odebrání ze seznamu. Následovala práce se zadaným filmem: prohlížení detailního popisu, prohlížení traileru, galerie a jeho spuštění. Po spuštění měla být provedena základní navigace dopředu a zpět, pozastavení a zrušení přehrávání. Po testu následovala krátká diskuze, kdy mohli participanti vyjádřit své názory a dojmy z aplikace.

Obrázek 16:Testování participantů.

Průběh testování Televize i ovladač byly participantům předány až po spárování, takže je nebylo potřeba zatěžovat režijními věcmi, které ve výsledné aplikaci budou řešeny na pozadí. Během logování nenastaly žádné výrazné problémy. Jeden z participantů pouze udělal nepřesné gesto, ale po zavibrování okamžitě pochopil, že jej musí zadat znovu. Orientace v seznamech byla pro oba participanty trochu nepříjemná, protože se úplně neorientovali v tom, kde se zrovna nacházejí. Na televizi to sice bylo napsáno, ale oba využívali především obrazovku ovladače. Bylo by vhodné zvýraznit změnou barvy aktivní položku. Vyhledání filmů bylo velice rychlé a přehledné. Oběma participantům se líbil našeptávač, který jim nabídl hledanou možnost a ušetřil čas. Otázkou je jak by se uživatelé vypořádali s desítkami, stovkami nebo tisíci výsledků. Detailní popis filmu byl na uživatele příliš dlouhý a ani jeden jej nečetl celý. Jako závažný problém se ukázaly tlačítka v pravém horním rohu, které označují, zda je film v některém seznamu, či nikoliv. Nešlo příliš poznat, že se jedná o tlačítka a uživatelé je vnímali jen jako ikony. Výstižnost ikon se ukázala jako zcela neintuitivní a ikony musí být bezpodmínečně změněny na vhodnější. Ikona srdce by měla být nahrazena ikonou s vlaječkou a ikona hvězdy ikonou peněz, nebo ještě lépe písemným nápisem, když se jedná o nakupování (jak poznamenal jeden z participantů). Obě tlačítka jsou zde poněkud stísněny a při testování nastala situace, kdy participant vybral špatné tlačítko, jelikož nebyla dodržena zásada Fitz’s Law. Jeden z participantů nevěděl, co se děje, když spustil trailer a obrazovka ovladače se nezměnila. Z tohoto důvodu by mělo být na obrazovce zmíněno, že se trailer začal přehrávat, ať uživatel zvedne zrak k televizi. Prohlížení galerie proběhlo bez komplikací, ovládání přehrávání filmu rovněž. Oceněny byly zejména informační nápisy na televizní obrazovce během přehrávání filmu.

Během diskuze jeden participant poznamenal, že filmy v seznamech neobsahují informaci, zda jsou již “zakoupeny” nebo “označeny”. Zároveň navrhl, že by všechna tlačítka měla být zvětšena, protože musel často vícekrát opakovat jejich stisknutí, jelikož se netrefil napoprvé.

Doporučení k finální aplikaci Během testování se objevilo v prototypu několik problémů. Lze je rozdělit do tří kategorií: kritické, podstatné a nepodstatné. Mezi kritické problémy patří velikost a poloha tlačítek a nevýstižné obrázky ikonek. Podstatnými problémy jsou neinformovanost uživatele o přehrávání traileru, zvýraznění vybrané položky či lepší znázornění tlačítek pro přidání do seznamů. Nejméně podstatnými problémy jsou opatření některých ikon textem, přidání informací o členství filmů v některých seznamech, nebo také to, že vyhledávací dialog by měl umět zobrazit film i na základě zadání druhého slova názvu. Seznam doporučených filmů by neměl obsahovat žádné filmy, které jsou obsaženy v některém z předchozích seznamů. Filmy v tomto seznamu by měly být vybírány citlivě s ohledem na divákův vkus. Nejvhodnějšími kandidáty jsou filmy stejného žánru jako filmy v seznamu zakoupených či označených filmů. Diagram pro vývojáře je shodný s diagramem HTA uvedeným v dokumentu D2.

Shrnutí Koncept zrcadlení informací na televizní obrazovce i obrazovce ovladače se osvědčil jako vhodný, pokud je u televize více než jeden divák. Prototypy jsou funkční a umožňují testování participantů. I přesto, že byly během testování nalezeny některé nedostatky prototypu, neměl by být problém je odstranit, jak je uvedeno v kapitole Doporučení k finální aplikaci. Následující fází může být implementace finální aplikace.