Úloha C2 – Usability test
Vypracovali: Antonina Lebedeva,Peter Šourek,Vojtěch Suk,Nikita Silin
A7B39TUR ZS 2013/2014
Obsah
2
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
1. Úvod
3
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 testová nı́ jsme vybírali už ivatele, kteř ı́ majı́ alespoň zá kladnı́ znalost PC a kteř ı́ se nevě nujı́ profesioná lně fotografová nı́ ani ú pravě 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ı́ ú kol měl prověřit základní funkce programu. 5.2 Task 2
Tento ú kol se zamě řuje na pokroč ilejš ı́ funkce systé mu, konkré tně vytvá ř enı́ a sdı́lenı́ videı́. 5.3 Task 3
Tento ú kol prově řuje vlastnosti obrazového editoru, který je už ivatelů m k dispozici v programu Picasa. 5.4 Task 4
Poslednı́ ú kol je zamě řený opě t na zá 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)
Obrázek č. 5
8. Umístění koláže do alba viz. b. 4 a 4.1
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 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.
Úkol č.2
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í.
Úkol č.3
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.
Úkol č.4
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 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.
Úkol č.2
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.
Úkol č.3
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.
Úkol č.4
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 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.
Úkol č.2
Jediné s čím participant měl výrazný problém bylo nastavit správné umístění titulku.
Úkol č.3
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.
Úkol č.4
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.
Úloha č.2
14
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.
Úloha č.3
Uživatel se zamotal v efektech.
Úloha č.4
Uživatel měl problém nalézt př idá nı́ popisku k fotce. 7.5 Participant č.5 Úloha č.1 Participant měl opět velké problémy s tlačítkem Import a s př idá nı́m obrá zků do alba
Úloha č.2
Participant nebyl schopný umístit text do levého dolního rohu (nutný zásah moderátora)
Úloha č.3
Uživatel strávil dlouhou dobu hledaním tlačítka pro př epnutı́ zobrazenı́
Úloha č.4
Opě t byl problé m nalé zt tlač ıt́ ko pro př idá nı́ popisku k obrá zku.
8. Přehled nálezů
15
8.1 Definice závažnosti nálezů Vysoká (3) – znemož ňujı́ použ ıv́ á nı́ programu Střední (2) – př ekonatelný problé m, který uživatel po delší době dokáže vyřešit Nízká (1) – znepř ı́jemňuje použ ıv́ á 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.
8.2.5 Přidat popisek k foto Priorita: 2 Participanti: 2,3,4,5
16
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 naš eho testová nı́ ú č astnilo 5 participantů . Z výsledků testování mů ž eme usoudit, ž e i když je Picasa software od takové společ nosti jakou je Google, tak jeho už ivatelské rozhranı́ př ım ́ o př eté ká chybami použ 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
Očekávaní
Jste muž nebo žena
Vyžadovali jsme zastoupení obou pohlaví
Jak často používáte PC
Vyžadovali jsme alespoň základní znalost prací s PC
Jaký je Váš věk
Očekávali jsme věk 18-25
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
Výsledky
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
Fotografujete
Pohlaví
Vek
Používaní PC
Zvládáte program pro zpracovaní foto
Žena
21
Denně
Ne
Muž
21
Denně
Muž
22
Denně
Ano, Photoshop
21
Denně
Ne
Muž Muž
22
Denně
Ano, Gimp
Ne
Zvládáte Používáte prací online uložiště s Excel, fotek Word Ano, ale Ano, mám určité Facebook, mezery Rajče Ano, ale Ano, mám určité Facebook mezery Ano, ale Ano, mám určité Facebook mezery Ano, Okrajově Facebook Ano, ale Ano, mám určité Facebook mezery
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?
3
Používáte nebo jste používal(-a) nějaký software od společnosti Google? Pokud ano které?
2
Co očekáváte od testování použitelnosti?
Používáte nebo jste používal(-a) nějaký software pro správu a úpravu obrázků? Pokud ano které?
4
Výsledek
Participant č. 1
Otázka č. 1
Ne
Gimp
Emailový klient
Photoshop
Ne
Nic neočekávám, pouze chci vyzkoušet něco nového
Maximálně překladač
Očekávám, že budu testovat nějaký program
Asi ne
Ne
Rychlost, přehlednost programu
Gmail, translator, google chrome
3
Ne
5
4
photoshop
Ne
Nic
3
Google chrome
2
4
2
Budu provádět zadané úkoly na základě toho organizátoři zjistí jestli je software použitelný
dvakrát photoshop, jinak ne malovaní, photofilter,
20
10.3 Post-test dotazník. Otázka Jak se Vám líbil program Picasa?
1
Co vás nejvíce mátlo?
2 3
S jakým největším problémem jste se setkal při testování Picasa?
4
Výsledek
Doporučil(-a) byste aplikaci známým?
Participant č.
1
2
3
4
5
Otázka č. 1 nelíbil Jelikož nejsem zvyklý pracovat s podobnými nástroji, tak nemohu porovnávat. Ale zdá se mi nepřehledný Vypadá celkem dobře
Ano líbil, myslím že to vypadá jako dobrý program na jednoduché zpracování fotek viděl jsem ho poprvé, takže prostředí a ikony
2 složité pracování a ukládání fotek, hledání některých funkcí programu
3
4
umístění fotek
ne
Například názvy karet v nástrojích u úpravy fotek
Něco do něj naimportovat, abych to mohl upravovat
Spíš ne
Přidání popisu
Import a přehled složek
Ano
Jsem zvyklí na programy , kde největší vše hledám problém byl dát pomocí lišt , tak popisek do mě ze začátku levého dolního mátlo že vše už rohu ve filmu je přede mnou špatně a málo popsané úkoly co mám udělat
Task 2 -> bod č.3
Ano
zatím ne, musel bych ho více prozkoumat
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í
21
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
22
