Zpravodajský web pro televizi Michal Hanzlík hanzlmi4@fel.cvut.cz Návrh a implementace uživatelského rozhraní (NUR)
Zadání Navrhněte webový výstup zpravodajského serveru pro televizní prostředí řešte zejména problematiku ovládání (klasický dálokový ovladač, speciální ovladače). Předpokládejte rozlišení HD ready a výše a použití prohlížeče Mozilla. Jako cílovou skupinu uvažujte seniory se zájmem o zprávy a IT gramotnost (U3V = Univerzita 3. věku). Screener Jméno: Kontakt (email): 1) Věk: 50-60 60-70 70-80 80-90 2) Jak sledujete zprávy? V televizi Na počítači Tisk Radio Nesleduju 3) Jak často sledujete zprávy? Několikrát denně Každý den Párkrát do týdne Výjimečně 4) Používáte televizor k jiným věcěm, než pro standardní TV vysílání? Ano Ne Neveřejná část: 1. 60-80 2. "V televizi", "Na počítači" 3. "Několikrát denně", "Každý den" 4. nejlépe "Ano" Pozn.: Tyto odpovědi nejsou striktní podmínkou pro přijetí do testování. Interview Příprava Okruhy otázek: A) Zprávy B) Zpravodajský portál C) Rubriky D) Televize E) Počítač F) Mobil
Otázky: A) Zprávy 1) Jakým způsobem sledujete zprávy? 2) Co vám vadí na zpravodajských webech? 3) Čeho si všímáte více u zpráv, obrázku nebo titulku? B) Zpravodajský portál 1) Kdy používáte zpravodajské portály (denné doba)? 2) Jak často používáte zpravodajské portály? 3) Proč používáte zpravodajské portály? C) Televize 1) Jak často máte zapnutý televizor? 2) Kdy máte zapnutý televizor (denní doba)? 3) Máte starší nebo novější televizor? Víte, co umí? 4) Jaký máte ovladač k televizoru? D) Rubriky 1) Které rubriky sledujete? 2) Co vás ve zprávách zajímá? E) Počítač 1) Jste začáteční nebo pokročilý s prací na PC? 2) Jaké programy používáte? F) Mobil 1) Jaký máte mobilní telefon? Tzv. Smartphone nebo klasický mobil? 2) Jak jste s ním spokojeni? Přepis interview Všichni uživatelé sledují TV zprávy denně vždy až večer. Vzhledem k jejich výuce s počítači na Univerzitě 3. věku se snaží využívat i zpravodajské portály na internetu. Z nedostatku času tyto portály nesledují pravidelně. Při dotazu, co jim vadí na zpravodajských portálech byla jednoznačná odpověď reklama. Další věcí byla špatná přehlednost (denního) archivu. Dva uživatelé stále kupují denní tisk a poslouchají rádio, kde jsou (dle slov uživatele) "kvalitnější informace". Televizor mají zapnutý valnou část dne. Jeden uživatel mívá zapnutý televizor jako kulisu, druhý ji zapne jen, když si v programu vyhlídně něco, co ho zajímá. Všichni dotázaní senioři mají moderní televozor s příslušným ("složitým") ovladačem. K přepínání používají také, na ovladači, dominantní "kříž" s šipkami a tlačítkem OK. Všichni vědí, že jejich televizor je schopen více služeb, než jen přijímat TV signál, ale oni sami ho jinak nepoužívají. Každou osobu zajímají jiné rubriky. U dotazovaných uživatelů je největší zájem o politiku, kulturu, domácí (lokální) zprávy a ekonomiku. Na počítači je nejpoužívanější program webový prohlížeč. Dále pak v minimální míře MS Word, případně MS Excel. Mobilní telefony mají všichni dotázaní uživatelé. Preferují jednoduchý klasický mobil. Jeden uživatel má smartphone. Na ovládání si zvykl, přičemž používá stylus. Pozn.: Interview probíhalo v tříčlenné skupině.
Analýza dat Televize je v životě seniora primární zařízení k příjmu informací. Jejich zájmy jsou rozdílné, ale o zprávy se zajímají všichni. Zprávy sledují ve všech formách mediích, každý preferuje jinou formu, která mu je bližší a příjemnější. Myslím, že se dá předpokládat, že alespoň 40% uživatelů z cílové skupiny mají moderní televizor. Pro přesnější data by byl zapotřebí větší počet dotázaných uživatelů. Jejich zkušenosti s jinými službami televize než s příjmem TV signálu jsou minimální až žádné. Počítačová gramotnost těchto seniorů je základní. Dokáží obsluhovat webový prohlížeč, emailovou službu i zpravodajské portály, které navštěvují. Problémy Problém bude především v převodu znalostí z počítačového prostředí na televizní zařízení s - o proti klávesnici a myši jednodušším - televizním ovladačem. Pohybovat se na webových stránkách bez myši bude značně obtížné, zvláště pro tuto cílovou skupinu.
Případy použití Předpokladem je zapnutý televizor s prohlížečem a zobrazena hlavní stránka zpravodajského portálu. Přečíst článek Uživatel by si rád přečetl článek. Nejprve si uživatel vybere ze zobrazeného seznamu příslušnou kategorii (rubriku), která ho zajímá (nebo všechny). Po potvrzení se na obrazovce televizoru zobrazí nejnovější články z dané oblasti zájmu. Posunem nahoru a dolu se může uživatel pohybovat v seznamu článků a vybrat si ten, který ho zaujme. Na zobrazeném článku je rovněž možnost se pohybovat nahoru a dolů, dle potřeby. V případě, že se uživatelovi zdá velikost textu malá, je zde možnost si text zvětšit nebo zmenčit dle potřeby. HTA = Hierarchical Task Analysis Čtení článku 2.1 Výběr rubriky 2.2 Výběr článku 2.3 Změna velikosti textu 2.4 Zpět 2.5 Zavřít 3.1 Číslem 3.2 Kurzorem a potvrzením 3.5 Zvětšení textu 3.6 Zmenšení textu 3.3 Kurzorem a potvrzením 3.4 Další strana Výběr kategorie/podkategorie Výběr článku další strana (seznamu) čtení článku zvětšení/zmenšení textu zpět zavřít
Prostředí použití Co je požadováno? Vlastnosti Jednoduché ovládání Dobrá viditelnost Funkce Pohyb "kurzoru" a potvrzování Rychlá volba (čísla) Posouvání textu Změna velikosti textu Možnost návratu - o úroveň výše Ilustrace 1: Prostředí použití Ilustrace 2: Dálkový ovladač s minimem tlačítek Storyboard Konečně doma... Tak co se dneska dělo? Koukneme se na internet.
Low-fidelity prototyp Scénář Scénářem je v tomto případě jednoduchá úloha přečíst si článek, který uživatele právě zajímá. Předpokladem je zapnutý televizor se spuštěným prohlížečem na našem novém uživatelském rozhraní. Úkol: Přečíst článek 1. Vyberat ze seznamu rubriku "Kultura". 2. Vybrat v seznamu článků "Pražský koncert Rammstein..." 3. Přečíst článek pomocí šipek nahoru a dolů. 4. Vrátit se na seznam článků/rubrik. Expertní analýza Cíl Cílem expertní analýzy je nalezení problémových oblastí při navrhování uživatelského prostředí. Analýza nám poskytuje užitečnou zpětnou vazbu pro rozhodování, kterou volbu zvolit, aby se uživateli co nejlépe pracovalo a nemusel se soustředit na samotné ovládání. Hodláme zjistit, jestli se aplikace chová tak, jak uživatel očekává. Problémy by mohly nastat především při ovládání a nedostatečného informování uživatele, kde se právě nachází a jaké má možnosti. Nastavení testu Jelikož se zatím jedná o Low-fidelity prototyp, byl test prováděn na počítači s připojením do internetu. Počítač byl ve vlastnictví expertních analytiků (kolegů z předmětu NUR) a tak se mohli více soustředit na testování než na samotné ovládání počítače. Prototyp byl sprovozněn na webovém serveru volně dostupným z internetu. Průbeh testu 1. Výběr rubriku ze seznamu. Pro výběr je možné použít klácesu TAB/SHIFT+TAB (středový kříž na ovládači) Pro potvrzení vybraného článku je potřeba stisknout tlačítko ENTER. Ilustrace 3: Seznam rubrik
2. Výběr článku ze seznamu. Postup je stejný jako se vybírá rubrika. Ilustrace 4: Seznam článků 3. Čtení článku. Pro čtení samotného článku jsou použity šipky nahoru a dolů (P+ a P- na ovládači) Ilustrace 5: Zobrazený článek 4. Vrátit se na seznam článků/rubrik. Pomocí klávesy BACKSPACE (ZPĚT na ovládačí).
Nálezy a doporučení Expert 1 Problem 1: Popis: Chybí zvýrazní jednotlivých tlačítek při aktivaci. Pravidlo: Visibility of system status Návrh: Zvýraznit tlačítko Priorita: 2 Problem 2: Popis: Při čtení článku a na seznamu není možnost vybrat následující, nebo předchozí článek nebo seznam článků Pravidlo: User control and freedom Návrh: Přidat základní tlačítka pro navigaci - další, zpět a případně domu Priorita: 3 Problem 3: Popis: Datum, případě zvýraznit, že článek je nový/nepřečtený Pravidlo: Visibility of system status Návrh: Přidat ke každému článku alespoň datum vydaní Priorita: 3 Expert 2 Problem 1: Popis: Hned po výběru první rubriky chybí informace, kde se vlastně nachází. Chybí zpěztná vazba. Jak ví, že se nespletl? Pravidlo: Visibility of system status Návrh: Doplnit globálně cestu / zpětnou navigaci: idnes > kultura Problem 2: Popis: Chybí členění na podrubriky (Sport > Fotbal, Sport > hokej, ) Pravidlo: Match between system and the real world Návrh: Rozdělit rubriky na podkategorie. (ne však moc) Problem 3: Popis: Na detailu článku nelze provézt přímo Vrátit se na seznam článků/rubrik. Pravidlo: User control and freedom Návrh: Přidat navigaci.