Testování uživatelského rozhraní Testování webu mojenoty.cz Semestrální práce A Jaroslav Skala 22.3.2015
Obsah 1. Úvod... 3 1.1. Web mojenoty.cz... 3 1.2. Cílová skupina... 3 2. Testování... 3 2.1. Případy užití... 3 2.2. Testovaní kognitivním průchodem... 4 2.2.1. Vyhledat konkrétní noty rovnou ke stažení... 4 2.2.2. Vyhledat konkrétní noty e-mailem... 6 2.2.3. Přidat nové noty ke stažení... 9 2.2.4. Přidat nové noty e-mailem... 11 2.2.5. Kontaktovat jiné uživatele... 13 2.3. Heuristická evaluace... 15 2.3.1. Nálezy heuristické evaluace... 15 2.4. Vyhodnocení testu... 15 2.4.1. Priorita nálezů... 15 2.4.2. Kognitivní průchod a heuristická evaluace... 16 3. Závěr... 16 2
1. Úvod 1.1. Web mojenoty.cz MojeNoty.cz je webový portál, který nabízí registrovaným uživatelům sdílet své noty a navzájem si je vyměňovat. Lze si vyměňovat noty na klavír, piano, flétnu, kytaru, bicí, klávesy, housle či jiné nástroje. Noty lze poskytovat či získávat dvěma způsoby. První způsob je přes volbu Noty ke stažení. Touto volbou lze hledané noty přímo stáhnout ve formátu PDF. Druhý způsob je přes volbu Noty e-mailem. Touto volbou musí uživatel získávající noty napsat poskytovateli e-mail a ten odešle noty e-mailem zpět uživateli. Web lze nalézt na adrese http://www.mojenoty.cz/. 1.2. Cílová skupina Obrázek 1 Cílovou skupinu tvoří především lidé, kteří shánějí noty ke konkrétní skladbě. Do této skupiny zapadají lidé s velkým věkovým rozsahem stejně tak s různou úrovní znalosti používání počítače a webových stránek. 2. Testování 2.1. Případy užití 1) Vyhledat konkrétní noty rovnou ke stažení 2) Vyhledat konkrétní noty e-mailem 3) Přidat nové noty na web ke stažení 4) Přidat nové noty na web e-mailem 5) Kontaktovat jiné uživatele 3
2.2. Testovaní kognitivním průchodem Kognitivní průchod zjišťuje použitelnost pro nové uživatele. Posuzuje se, jak je obtížné pro nové uživatele orientovat se na webových stránkách, v aplikaci nebo jakémkoli systému. Je zadán úkol neboli use case, který má nový uživatel splnit a hodnotí se, jestli je v každém kroku směřujícím ke splnění úkolu jasné kudy postupovat. Jeli postup v každém kroku jasný, je úkol označen jako splněný. Pokud se v nějakém kroku vyskytne nejasnost, je nutné identifikovat problémy a nedostatky. V každém kroku se zeptáme na následující otázky: Q1: Je uživateli jasné, co má udělat? Q2: Je uživatel schopen spojit si popisek s daným cílem? Q3: Dostane uživatel dostatečnou zpětnou vazbu? Výsledkem testu je tabulka s odpověďmi na otázky Q1 až Q3 v jednotlivých krocích. 2.2.1. Vyhledat konkrétní noty rovnou ke stažení Výchozí stav uživatel je přihlášen do systému pod svým uživatelským jménem a heslem a je na hlavní stránce webu. 1) Uživatel nastaví, jakým způsobem chce vyhledat noty. V tomto případě užití chceme hledat noty ke stažení zvolíme tedy noty ke stažení. Obrázek 2 4
2) Zadáme noty, které chceme vyhledat. Vyhledávané noty jsou ke skladbě Moonlight sonata od L. van Beethovena. Při psaní dané skladby se otevře nabídka not k dispozici s napsaným názvem. Klikneme tedy na první nabízené noty od Beethovena. Obrázek 3 3) Klikneme na ikonu stažení ve sloupci Stáhnout u prvních nalezených not. Obrázek 4 5
4) Na zobrazeném okně se všemi informacemi o notách klikneme na tlačítko Stáhnout noty a uložíme noty na požadované místo na disku. Výsledek testu Obrázek 5 Krok Q1 Je akce zřejmá? Q2 Odpovídá popisek? Q3 Dostatečná zpětná vazba? 1 Ano Ano Ano 2 Ano Ano Ano 3 Ne Ano Ano 4 Ano Ano Ano Nálezy Krok 3 Akce, kterou má uživatel udělat není zřejmá. Uživatel může očekávat, že stahování začne po kliknutí na název not. Až po vyzkoušení ostatních variant si může všimnout stahovací ikony v pravé části. 2.2.2. Vyhledat konkrétní noty e-mailem Výchozí stav uživatel je přihlášen do systému pod svým uživatelským jménem a heslem a je na hlavní stránce webu. 6
1) Uživatel nastaví, jakým způsobem chce vyhledat noty. V tomto případě užití chceme hledat noty e-mailem zvolíme tedy Noty e-mailem. Obrázek 6 2) Zadáme noty, které chceme vyhledat. Vyhledávané noty jsou ke skladbě Moonlight sonata od L. van Beethovena. Při psaní dané skladby se otevře nabídka not k dispozici s napsaným názvem. Klikneme tedy na první nabízené noty od Beethovena. Obrázek 7 7
3) U prvních not klikneme na jméno uživatele, který noty na web vložil. 4) Klikneme na volbu Napsat uživateli. Obrázek 8 Obrázek 9 8
5) Napíšeme zprávu uživateli, ve které sdělíme, o jaké noty máme zájem a stiskneme tlačítko Odeslat zprávu. Uživatel, kterému píšeme, nám odepíše a pošle nám hledané noty na e- mail. Výsledek testu Obrázek 10 Krok Q1 Je akce zřejmá? Q2 Odpovídá popisek? Q3 Dostatečná zpětná vazba? 1 Ano Ano Ano 2 Ano Ano Ano 3 Ne Ano Ano 4 Ano Ano Ano 5 Ne Ano Ano Nálezy Krok 3 Akce, kterou má uživatel udělat není zřejmá. Uživatel může očekávat jednoduché kliknutí na název not a tím požádat poskytovatele o dané noty. Místo toho je nutné kliknout na jméno poskytovatele a otevřít si jeho profil. Krok 5 Akce, kterou má uživatel udělat není zřejmá. Ve zprávě pro uživatele musí uvést svůj e-mail. Poskytovateli se v e-mailu zobrazí pouze uživatelské jméno dotyčného, ale jeho e-mail ne. 2.2.3. Přidat nové noty ke stažení Výchozí stav uživatel je přihlášen do systému pod svým uživatelským jménem a heslem a je na hlavní stránce webu. 9
1) Kliknout u výpisu svého profilu na volbu Můj profil. 2) Kliknout na tlačítko Uložené noty. Obrázek 11 3) Kliknout na tlačítko Přidat nové noty. Obrázek 12 Obrázek 13 10
4) Vyplnit formulář a vybrat soubor s notami podle popisků a kliknout na tlačítko uložit. Výsledek testu Krok Q1 Je akce zřejmá? Q2 Odpovídá popisek? Q3 Dostatečná zpětná vazba? 1 Ne Ano Ano 2 Ne Ano Ano 3 Ano Ano Ano 4 Ano Ano Ano Nálezy Krok 1 Akce, kterou má uživatel nemusí být zřejmá. Uživatel chce přidat nové noty, nikoli si prohlédnout svůj profil. Krok 2 Akce, kterou má uživatel udělat není zřejmá. Opět chce uživatel přidat nové noty, nikoli si prohlédnout již uložené. 2.2.4. Přidat nové noty e-mailem Výchozí stav uživatel je přihlášen do systému pod svým uživatelským jménem a heslem a je na hlavní stránce webu. 11
1) Kliknout u výpisu svého profilu na volbu Můj profil. 2) Kliknout na tlačítko Noty e-mailem. Obrázek 14 Obrázek 15 3) Kliknout na tlačítko Přidat nové noty. Obrázek 16 12
4) Vyplnit formulář podle popisků a kliknout na tlačítko uložit. Výsledek testu Obrázek 17 Krok Q1 Je akce zřejmá? Q2 Odpovídá popisek? Q3 Dostatečná zpětná vazba? 1 Ne Ano Ano 2 Ne Ano Ano 3 Ano Ano Ano 4 Ano Ano Ano Nálezy Krok 1 Akce, kterou má uživatel nemusí být zřejmá. Uživatel chce přidat nové noty, nikoli si prohlédnout svůj profil. Krok 2 Akce, kterou má uživatel udělat není zřejmá. Opět chce uživatel přidat nové noty, nikoli si prohlédnout již uložené. 2.2.5. Kontaktovat jiné uživatele Výchozí stav uživatel je přihlášen do systému pod svým uživatelským jménem a heslem a je na hlavní stránce webu. 13
1) Kliknout u výpisu svého profilu na volbu Zprávy. Obrázek 18 2) Kliknout na tlačítko Napsat novou zprávu. Obrázek 19 3) Vyplnit jméno příjemce, napsat text zprávy a kliknout na tlačítko Odeslat zprávu. Obrázek 20 14
Výsledek testu Krok Q1 Je akce zřejmá? Q2 Odpovídá popisek? Q3 Dostatečná zpětná vazba? 1 Ano Ano Ano 2 Ano Ano Ano 3 Ano Ano Ano 2.3. Heuristická evaluace Jedna ze základních metod testování použitelnosti spočívá v procházení a hodnocení stránek odborníky na použitelnost. Odborníci zkoumají jestli stránky splňují jednotlivá doporučení ohledně použitelnosti. Na konci je vytvořen seznam problémů a nedostatků řazený podle důležitosti. Při analýze se lze řídit deseti pravidly napsané Jacobem Neilsenem. H1: Viditelnost stavu systému H2: Spojení mezi systémem a reálným světem H3: Uživatelská kontrola a svoboda H4: Konzistence a standardizace H5: Prevence chyb H6: Rozpoznání místo vzpomínáni H7: Flexibilní a efektivní použití H8: Estetický a minimalistický design H9: Pomoc uživatelů poznat, pochopit a vzpamatovat se z chyb H10: Nápověda a návody 2.3.1. Nálezy heuristické evaluace H7 - Vyhledat konkrétní noty rovnou ke stažení Obrázek 4 Při stažení vyhledaných not může uživatel očekávat, že stačí kliknout na celý řádek kdekoliv je to možné. Je ale nutné kliknout pouze na malou a špatně viditelnou ikonu pro stažení ve sloupci Stáhnout. H10 - Vyhledat konkrétní noty e-mailem Obrázek 10 Při psaní zprávy poskytovateli not a odeslání žádosti o ně není nikde napsáno, že mu mám sdělit nějaký kontaktní údaj např. emailovou adresu. 2.4. Vyhodnocení testu 2.4.1. Priorita nálezů Nálezy rozdělím do třech priorit podle toho, o jak velkou chybu se jedná. 1 Malý problém designu 2 Malá chyba použitelnosti 3 Velká chyba použitelnosti, je nutné ji opravit 15
2.4.2. Kognitivní průchod a heuristická evaluace Problém Popis problému Návrh řešení Priorita 2.2.1. Vyhledat konkrétní noty rovnou ke stažení krok 3 2.2.2. Vyhledat konkrétní noty emailem krok 3 2.2.2. Vyhledat konkrétní noty emailem krok 5 2.2.3. Přidat nové noty ke stažení krok 1 2.2.3. Přidat nové noty ke stažení krok 2 2.2.4. Přidat nové noty e-mailem krok 1 2.2.4. Přidat nové noty e-mailem krok 2 Heuristická evaluace - Vyhledat konkrétní noty rovnou ke stažení Obrázek 4 Heuristická evaluace - Vyhledat konkrétní noty e-mailem Obrázek 10 Nevýrazně označený způsob stahování not. Špatně označený způsob kontaktování uživatele. Bez popisku, aby ve zprávě zazněl kontaktní email, nelze odeslat požadované noty. Pro přidání not musím otevřít můj profil, i když to není úplně jasné. Není přesně jasné, kde najít tlačítko přidat nové noty. Pro přidání not musím otevřít můj profil, i když to není úplně jasné. Není přesně jasné, kde najít tlačítko přidat nové noty. Nevýrazně označený způsob stahování not. Bez popisku, aby ve zprávě zazněl kontaktní email, nelze odeslat požadované noty. Místo ikony využít slovní variantu nebo změnit, aby začalo stahování po kliknutí na jakékoli místo řádku. Lépe popsat nadpis sloupce nebo přidat další tlačítko Přidat popisek co má ve zprávě být, nebo automaticky připojit email svázaný s daným uživatelským účtem. Přidat tlačítko přidat nové noty hned na titulní stranu. Přidat tlačítko přidat nové noty přímo do profilu uživatele. Přidat tlačítko přidat nové noty hned na titulní stranu. Přidat tlačítko přidat nové noty přímo do profilu uživatele. Místo ikony využít slovní variantu nebo změnit, aby začalo stahování po kliknutí na jakékoli místo řádku. Přidat popisek co má ve zprávě být, nebo automaticky připojit email svázaný s daným uživatelským účtem. 2 2 3 2 2 2 2 2 3 3. Závěr Web obsahuje poměrně dost chyb použitelnosti. Místy může být pro nové a nezkušené uživatele nepřehledný. Většina chyb jsou ale snadno odstranitelné, nebo zásadně nenarušují případy užití webu. Tento web má výhodu, že má velikou databázi not. Navíc jiný takto velký, český web s notami zadarmo není. Proto může mít web drobné chyby v použitelnosti. Uživatelé se raději naučí nepřehledný web používat, než vyhledávat noty na jiných hůře dostupných místech. 16