Úloha C2 Usability test

Úloha C2 Usability test Vypracovali: Antonina Lebedeva,Peter Šourek,Vojtěch Suk,Nikita Silin A7B39TUR ZS 2013/2014

2 Obsah 1. Úvod... 3 2. Cíl testování... 3 3. Cílová skupina participantů... 3 4. Popis testovaní... 3 4.1 Laboratoř... 3 4.2 Použitý software... 4 4.3 Počáteční stav... 4 5. Popis úkolů... 5 5.1 Task 1... 5 5.2 Task 2... 5 5.3 Task 3... 5 5.4 Task 4... 5 6. Ideální průchod úkoly.... 5 6.1 Task 1.... 5 6.2 Task 2.... 7 6.3 Task 3.... 8 6.4 Task 4.... 10 7. Průběh testu s jednotlivými participanty... 11 7.1 Participant č.1... 11 7.2 Participant č.2... 12 7.3 Participant č.3... 13 7.4 Participant č.4... 13 7.5 Participant č.5... 14 8. Přehled nálezů... 15 8.1 Definice závažnosti nálezů... 15 8.2 Nalezené problémy... 15 8.2.1 Import foto...15 8.2.2 Oříznutí foto...15 8.2.3 Umístěni titulku na foto v levém dolním rohu...15 8.2.4 Zobrazit stejný obrázek dvakrát...15 8.2.5 Prodat popisek k foto...16 8.2.6 Zvláštně pojmenovaní...16 9. Závěr... 16 10. Přílohy.... 17 10.1 Screener.... 17 10.2 Pre-test dotazník.... 19 10.3 Post-test dotazník.... 20 10.4 Seznam úkolů.... 21

3 1. Úvod Sdílení a správa fotografií je jedním z každodenních úkolů mnoha uživatelů PC. Za tímto účelem vzniklo v posledních letech mnoho programů, které přímo přetékají funkcemi nejen pro správu a sdílení, ale i pro úpravu fotografií a dokonce umožňují vytvářet a sdílet videa. Jedním z takových programů je software od společnosti Google Picasa. I přesto, že se google snaží funkcionalitu tohoto softwaru přesunout na svůj portál Google+, stále mnoho uživatelů využívá desktopovou verzi a jak už to tak u společnosti Google bývá, přetéká tento software funkcemi a možnostmi, které by měly umožnit uživatelům co nejširší paletu úkonů, které mohou se svými fotografiemi a videi provádět. 2. Cíl testování Cílem tohoto testování je zjistit hlavní nedostatky uživatelského rozhraní programu Picasa se zaměřením na funkcionalitu, kterou využívají uživatelé nejčastěji, ale i na funkce programu, které jsou mírně pokročilejší a týkají se například označování místa pořízení fotografie apod. 3. Cílová skupina participantů Pro testova nı jsme vybírali uz ivatele, kter ı majı alespon za kladnı znalost PC a kter ı se neve nujı profesiona lne fotografova nı ani u prave fotogra iı. Očekávaná skupina podle screeneru [Příloha 10.1]. 4. Popis testovaní 4.1 Laboratoř Testování proběhlo v laboratoři Usabalitiy lab na Karlově náměstí. Testovalo se ve dvou dnech a to tak, že první den jsme využili hodinu k seznámení se s laboratoří, instalaci softwaru a přípravě prostředí pro testování ( nahrávání fotek, vytvoření účtu Google a zprovoznění programu Morae pro záznam videa a logů). Průběh samotného testování je zachycen na obrázku níže. Během testu byl v místnosti s participantem stále přítomen moderátor, který měl za úkol seznámit participanta s průběhem testu a předložit mu k vyplnění dotazníky Pre-test a Post-test [Příloha 10.2 a Příloha 10.3].

4 Usability lab 4.2 Použitý software K nahrávání průběhu testu jsme využili software Morae, kokrátně jehou součást Morae Recorder. Na počítačích logerů byl pak spuštěn program Morae Observer. Tento software umožňuje paralelní práci více logerů, což bylo pro účely testování nezbytné. Testovaným programem byl Google Picasa v nejnovější verzi 3.9, která byla v té době nejnovější. 4.3 Počáteční stav V zadání každého z úkolů jsou uvedeny pomocné informace pro participanty, jako je například umístění souborů s kterými mají v daném úkolu pracovat, přihlašovací údaje k uživatelskému účtu Google a podobně. Uvedení těchto informací považujeme za výhodné zejména proto, že participant netráví čas hledáním potřebných informací a může se tak soustředit na plnění jednotlivých úkolů, což přispívá nejen k rychlosti práce, ale i k dobrému pocitu účastníka. Každé testování začínalo na úvodní obrazovce programu Picasa, tedy ve stavu těsně po spuštění programu.

5 5. Popis úkolů Seznam úkolů je v [Příloze 10.4]. 5.1 Task 1 Prvnı u kol měl prověřit základní funkce programu. 5.2 Task 2 Tento u kol se zame r uje na pokroc ilejs ı funkce syste mu, konkre tne vytva r enı a sdıĺenı videı. 5.3 Task 3 Tento u kol prove r uje vlastnosti obrazového editoru, který je uz ivatelu m k dispozici v programu Picasa. 5.4 Task 4 Poslednı u kol je zame r eny ope t na za kladnı funkcionalitu. 6. Ideální průchod úkoly. 6.1 Task 1. 1. Kliknout na ikonku v levém horním rohu Vytvořit nové album (Obrázek č.1) Obrázek č. 1 2. Objeví se okno Vlastnosti alba, ve kterém je potřeba žádat název Album1 3. Najít potřebnou složku v Picasa rozkliknutím položky Složky (Obrázek č. 2) Obrázek č. 2 4. Vybrat že složky fotky pomoci klávesy ctrl a přidat do alba Drag-anddrop

6 Alternativní způsob 4.1 U vybrané fotky kliknout pravým tlačítkem myši a vybrat Přidat do alba a pak název alba. (Obrázek č. 3) Obrázek č. 3 5. Kliknout na ikonku Vytvořit fotokoláž (Obrázek č. 4) Obrázek č. 4 6. Změnit pozadí kliknutím na ikonku s kapátkem (Obrázek č. 5) 7. Pak uložit koláž tlačítkem Vytvořit koláž (Obrázek č. 5) 8. Umístění koláže do alba viz. b. 4 a 4.1 Obrázek č. 5

7 6.2 Task 2. 1. Vytvořit film ikonkou Vytvořit filmovou prezentaci (Obrázek č. 6) Obrázek č. 6 2. Přejit na záložku Film a změnit Rozměry (Obrázek č. 7) Obrázek č. 7 3. Změnit přechod mezi slidy přes Styl přechodu v záložce Film (Obrázek č.8) Obrázek č. 8 4. Umístit text v levém dolním rohu - vyberme šablonu Hudební video - vlevo v záložce Snímek (Obrázek č. 9)

8 Obrázek č. 9 5. Stisknout tlačítko Vytvořit film (Obrázek č. 7) 6. Kliknout na tlačítko Nahrát na YouTube (Obrázek č. 10) Obrázek č. 10 6.3 Task 3. 1. Kliknout dvakrát po fotce - otevři se editor. 2. Vybrat ikonku A A nad foto (Obrázek č. 11) Obrázek č. 11 3. Přejit do záložky Ještě zábavnější a užitečnější zpracováno fotek a vybrat efekt Kresba tužkou (Obrázek č. 12)

9 Obrázek č. 12 4. V záložce Běžně potřebné opravy kliknout na ikonku Oříznout 5. Vybrat ruční oříznutí 6. Kliknout tlačítko Použít 7. Vrátit se do knihovny a potvrdit změny. 8. Kliknout ikonku Zobrazit/skryt panel míst (Obrázek č. 13)

10 Obrázek č. 13 9. Zadat adresu, kliknout OK 6.4 Task 4. 1. [viz.task 1, b. 1-4] 2. Přejit do editace fotky [viz. Task 3, b. 1] 3. Pod fotkou kliknout na popis Vytvořte popisek a napsat svůj popisek (Obrázek č. 14) 4. Kliknout na ikonku Zobrazit/skryt panel tagu a zadat svůj tag (Obrázek č. 14) Obrázek č. 14

11 7. Průběh testu s jednotlivými participanty 7.1 Participant č.1 Úkol č.1 Úkol č.2 Úkol č.3 Úkol č.4 Hlavním problémem bylo přidat fotky do alby. Uživatel našel tlačítko Import docela rychle ale hned se ztratil kvůli složitému a nejasnému uživatelskému rozhraní importu. Když uživatel odskočil z menu úpravy koláže, hned se ztratil protože nebylo jasné jak se tam vrátit. Když uživatel skončil úpravu koláže, nebylo mu jasné že musí přejit do knihovny, aby novou koláže přidal do alba. Největším problémem bylo nastavit správné umístění titulku. Uživatel byl ztracen v různých položkách z divnými názvy. Nebylo jasné jaký způsob odpovídá jakému umístění. Participant ztratil několik minut vyhledávaním tlačítka pro zobrazeni dvou fotek side-by- side. Nejhorší problém ale bylo oříznutí fotky: Na začátku nebylo participantovi jasné, že může vybrat čtverec na fotce jako tvar řezu. Když uživatel potvrdil oříznutí fotky, nedostal správný feedback, a fotka zůstala stejná. Když ale uživatel odskočil do knihovny a zpět do úpravy fotky, dostal již oříznutou fotku. Participant měl problémy s přidáním lokace. Trvalo mu několik minut najit správné tlačítko. Pak participantovi trvalo několik minut najit tlačítko pro přidáni tagu do fotky a popisku pro albu.

12 7.2 Participant č.2 Úkol č.1 Úkol č.2 Úkol č.3 Úkol č.4 Participant nenašel tlačítko import ale místo toho použil Soubor/Import a hned se ztratil. Pak uživatele napadlo využít Složky v levém menu. Další potíže uživatelovi působilo přidání koláže do alba a změna pozadí koláže. Uživatel našel tlačítko pro založení nového filmu dost rychle, ale před tím, než udělal nějaké úpravy, stisknul tlačítko Vytvořit film. Tím zahájil renderovaní filmu, což není to co očekávál. Pak byl uživatel ztracen v různých bodech menu pro umístěni titulku. Uživatel měl potíže při otevíraní fotky pro úpravu. Není zcela jasné jestli je to chyba v úloze anebo špatným rozhraním. Otevřel se mu prohlížeč Picasa. V něm participant dokázal najít tlačítko pro úpravu docela rychle. Participant se ztratil v různých efektech. Názvy různých sekcí nebyly dost přehledné. Při oříznutí fotky participanta od začátku nenapadlo (opět), že může vybrat vlastní velikost výřezu přímo ve fotce. Po aplikovaní efektu nedostal žádný feedback, obrázek se nezměnil. Tím byl participant zmatený a potřeboval nápovědu. Participantovi trvalo dost dlouho, nejen najít jak přidat tag a popisky, ale i znovu importovat fotku. Zřejmě je uživatelské rozhraní natolik složíte, že participant není schopen opakovat operaci kterou provedl před půlkou hodiny.

13 7.3 Participant č.3 Úkol č.1 Úkol č.2 Úkol č.3 Úkol č.4 Participant našel tlačítko Import dost rychle, ale hned se tam zamotal. Dokonce ho napadlo že přes import to nepůjde a nakonec to vyřešil přes složky v levém menu. Jediné s čím participant měl výrazný problém bylo nastavit správné umístění titulku. Participant ztratil mnoho času při hledaní tlačítka změny pohledu na side-by-side. Opět participantovi nebylo od začátku jasné že může vybrat čtvercový výběr pro ořez fotky. Objevil to pokusem. Po aplikace efektu nedostal žádný feedback a ztratil se. Fotku pak hledal v knihovně fotek. Participanta napadlo zkusit možnost drag-and-drop, měl ale problémy s nalezením příslušných tlačítek pro tagy a popisky. 7.4 Participant č.4 Úloha č.1 Participant začal hledat Vytvořit Album ve složce Vytvořit horního menu. Tam ale tlačítko nenašel. Toto zřejmě je chyba uživatelského rozhraní. Jen chviličku zabralo participantovi najít tlačítko Import, ale hned se ztratil a pokusy o využití importu zamítnul. Zkusil využít drag-anddrop ale otevřela se mu fotka pro úpravu. Nakonec dodal fotky do alba přes Složky v levém menu.

14 Úloha č.2 Úloha č.3 Úloha č.4 Participant měl velké problémy s nastavením umístění titulku. Kromě toho se po nastavení, nezměnily žádné slidy v náhledovém panelu. Uživatel se zamotal v efektech. Uživatel měl problém nalézt pr ida nı popisku k fotce. 7.5 Participant č.5 Úloha č.1 Úloha č.2 Úloha č.3 Úloha č.4 Participant měl opět velké problémy s tlačítkem Import a s pr ida nıḿ obra zku do alba Participant nebyl schopny umístit text do levého dolního rohu (nutný zásah moderátora) Uživatel strávil dlouhou dobu hledaním tlačítka pro pr epnutı zobrazenı Ope t byl proble m nale zt tlac ı tko pro pr ida nı popisku k obra zku.

15 8. Přehled nálezů 8.1 Definice závažnosti nálezů Vysoká (3) znemoz n ujı pouz ı va nı programu Střední (2) pr ekonatelny proble m, ktery uživatel po delší době dokáže vyřešit Nízká (1) znepr ı jemňuje pouz ı va nı programu, kosmetický problém 8.2 Nalezené problémy 8.2.1 Import foto Priorita: 3 Participanti: 1,2,3,4,5 Kazdý z participantu měl problém s importem fotek do alba. Není jasný význam popisku Import. (Obrázek č. 1) Doporučujeme přidat tlačítko pro přímý výběr obrázku pod název alba (viz.: Obrázek č. 6). 8.2.2 Oříznutí foto Priorita: 3 Participanti: 1,2,3 Není jasné, že je možné vybrat vlastní oblast pro oříznutí. Nefunguje podle logické představy uživatele. Po kliknutí na tlačítko Použít se fotografie nezmění a uživatel nedostane žádnou očekávanou odezvu. 8.2.3 Umístění titulku na fotce v levém dolním rohu Priorita: 3 Participanti: 1,2,3,4,5 Uživatel nedokáže uhádnout, že název Hudební video-vlevo znamená zobrazení levý dolní roh. Problém je spojen s opravdu nestandartním pojmenováním šablony pro umístění titulku. (Obrázek č. 9) 8.2.4 Zobrazit stejný obrázek dvakrát Priorita: 2 Participanti: 1,3,5 Tlačítko se nachází nad fotografií (Obrázek č. 11). Ale chybí popisek, že toto je způsob pohledu pro fotografie a proto uživatelé měli problém toto tlačítko najít.

16 8.2.5 Přidat popisek k foto Priorita: 2 Participanti: 2,3,4,5 Hodně participantů dlouho hledalo místo pro přidávání popisku, přestože se nachází hned pod fotografií (Obrázek č. 14). Problémem je barva textu Vytvořte popisek. Šedý na šedém pozadí, je proto špatně čitelný. 8.2.6 Zvláštní pojmenovaní záložek Priorita: 1 Participanti: 1,2,4 Záložky v levém menu při editaci fotek mají jen málo informativní názvy. Např. (Obrázek č. 12 a 9). 9. Závěr Celkem se nas eho testova nı u c astnilo 5 participantu. Z výsledků testování mu z eme usoudit, z e i kdyz je Picasa software od takove spolec nosti jakou je Google, tak jeho uz ivatelske rozhranı pr ıḿo pr ete ka chybami pouz itelnosti. Tyto nedostatky velice vhodné odstranit, protože tyto závady odrazují potencionální uživatele od používání programu. Testování proběhlo, až na absenci audia u záznamu, bez větších problémů.

17 10. Přílohy. 10.1 Screener. Otázka Jste muž nebo žena Očekávaní Vyžadovali jsme zastoupení obou pohlaví Jaký je Váš věk Očekávali jsme věk 18-25 Jak často používáte PC Používáte program na zpracování fotek Zvládáte práci s programy jako jsou Excel, Word Používáte online úložiště fotek Fotografujete Vyžadovali jsme alespoň základní znalost prací s PC Vyžadovali jsme polovinu participantů se znalostí grafických editorů a polovinu bez znalostí těchto programů Vyžadovali jsme základní znalost běžných programů, používaných na PC Vyžadovali jsme základní znalosti online úložišť vyžadovali jsme participanty, kteří nejsou profesionálními fotografy Výsledky Pohlaví Vek Používaní PC Zvládáte program pro zpracovaní foto Žena 21 Denně Ne Muž 21 Denně Muž 22 Denně Ano, Gimp Ano, Photoshop Zvládáte prací s Excel, Word Ano, ale mám určité mezery Ano, ale mám určité mezery Ano, ale mám určité mezery Muž 22 Denně Ne Okrajově Muž 21 Denně Ne Ano, ale mám určité mezery Používáte online uložiště fotek Ano, Facebook, Rajče Ano, Facebook Ano, Facebook Ano, Facebook Ano, Facebook Fotografujete Ano, ale jen rekreačně Ano, ale jen rekreačně Ne Ano, ale jen rekreačně Ano, ale jen rekreačně

18

19 10.2 Pre-test dotazník. Otázka 1 Účastnil(-a) jste se někdy testování použitelnosti? 2 Co očekáváte od testování použitelnosti? 3 4 Používáte nebo jste používal(-a) nějaký software od společnosti Google? Pokud ano které? Používáte nebo jste používal(-a) nějaký software pro správu a úpravu obrázků? Pokud ano které? Výsledek Participant č. Otázka č. 1 2 3 4 1 Ne Nic Google chrome photoshop 2 Ne Budu provádět zadané úkoly na základě toho organizátoři zjistí jestli je software použitelný Maximálně překladač Gimp 3 Ne Nic neočekávám, pouze chci vyzkoušet něco nového Emailový klient Photoshop 4 Ne Očekávám, že budu testovat nějaký program Asi ne dvakrát photoshop, jinak ne 5 Ne Rychlost, přehlednost programu Gmail, translator, google chrome malovaní, photofilter,

20 10.3 Post-test dotazník. Otázka 1 2 Jak se Vám líbil program Picasa? Co vás nejvíce mátlo? 3 S jakým největším problémem jste se setkal při testování Picasa? 4 Doporučil(-a) byste aplikaci známým? Výsledek Participant č. Otázka č. 1 2 3 4 1 nelíbil složité pracování a ukládání fotek, hledání některých funkcí programu umístění fotek ne 2 3 Jelikož nejsem zvyklý pracovat s podobnými nástroji, tak nemohu porovnávat. Ale zdá se mi nepřehledný Vypadá celkem dobře Například názvy karet v nástrojích u úpravy fotek Přidání popisu Něco do něj naimportovat, abych to mohl upravovat Import a přehled složek Spíš ne Ano 4 Ano líbil, myslím že to vypadá jako dobrý program na jednoduché zpracování fotek Jsem zvyklí na programy, kde vše hledám pomocí lišt, tak mě ze začátku mátlo že vše už je přede mnou největší problém byl dát popisek do levého dolního rohu ve filmu Ano 5 viděl jsem ho poprvé, takže prostředí a ikony špatně a málo popsané úkoly co mám udělat Task 2 -> bod č.3 zatím ne, musel bych ho více prozkoumat

21 10.4 Seznam úkolů. Task 1 Požadavky (informace/podklady potřebné k splnění úkolu): Folder1A/img1 Folder1B/img2 Postup (na základě těchto bodů postupujte v plnění úkolu): 1. Vytvořit nový Album s názvem Album1. 2. Dodat obrázky z Folder1A a Folder2B. 3. Vytvořit nový Koláž, s názvem Callage1. 4. Změnit barvu pozadí. 4. Umístit nový Koláž do Album1. Task 2 Požadavky (informace/podklady potřebné k splnění úkolu): Testovací Google učet: Username: turtest2 Password: TUR123tur Postup (na základě těchto bodů postupujte v plnění úkolu): 1. Vytvořit nový Film z foto z předchozí úlohy 2. Změnit rozlišeni 3. Nastavit přechod mezí slídy přes zvětšení 4. Umístit text na prvním slídu v levém dolním rohu. 5. Video filé nahrát na YouTube Task 3 Požadavky (informace/podklady potřebné k splnění úkolu): Folder3/img1 Postup (na základě těchto bodů postupujte v plnění úkolu): 1. Otevřít img v Picasa 2. Nastavit pohled Zobrazit stejný obrázek dvakrát 3. Aplikovat efekt Kresba tužkou 4. Oříznout dolní část fotky (rozměr záleží na uživateli) 5. Zaznamenat místo vzniku fotky jako Prague, Karlovo Náměstí

22 Task 4 Požadavky (informace/podklady potřebné k splnění úkolu): Folder4/img1 Folder4.img2 Postup (na základě těchto bodů postupujte v plnění úkolu): 1.Vytvořit nový album Album4 2.Přidat do něj fotky z Folder4 3.Přidat popis k jedné fotce 4.Přidat tág k foto