Web hcisemestralky.felk.cvut.cz

TUR – A2 – cernyp17 – Pavel Černý – 2014/2015

Web hcisemestralky.felk.cvut.cz 1 Popis – co aplikace dělá: hcisemestralky je jednoduché webové rozhraní pro úložiště studentských prací v rámci předmětů oboru HCI vyučovaných na ČVUT. Studenti na tento web nahrávají své domácí práce. Vyučující pak mohou z tohoto webu tyto práce získat ke kontrole. Studenti se mohou podívat na práce svých spolužáků, případně na práce ze starších semestrů, aby získali inspiraci, jak mají zpracovat své aktuální zadání. Studenti, kteří se rozhodují, zda si mají zapsat do rozvrhu některý z předmětů, který hcisemestrálky používá, mohou web použít jako náhled do předmětu. Pomůže jim zjistit, jak je pro ně obsah předmětu zajímavý a také jaké úsilí je potřeba vynaložit pro jeho absolvování. Klíčovou funkcí hcisemestralky je tagování příspěvků a rychlé filtrování podle těchto tagů. Mohu si tak lehce vyhledat práce, které jsou označené mnou požadovanými tagy. Tyto tagy bývají: zkratka předmětu (NUR, TUR, PDA, …), ČVUT uživatelské jméno vyučujícího nebo studenta, zkratka označení zadání (D1, D2, A1, ...) a dalších které vkládající použije. Vyhledávání umožňuje kombinaci tagů pouze pomocí logické spojky AND.

Obrázek 1: Domovská stránka hcisemestralky

2 Cílová skupina: Systém je navržen pro uživatele z ČVUT FEL. C1 Studenti předmětů HCI, zejména NUR, TUR, PDA. Studenti obvykle absolvují více z těchto HCI předmětů a mají tak předchozí znalost tohoto odevzdávacího systému hcisemestralky. Studenti odevzdávají práce obvykle 4-5x za semestr a předtím se většinou koukají na práce kolegů. Práce odevzdávají většinou týden před až v den deadline zadané práce. Studenti mnohdy odevzdávají práce na poslední chvíli pod -1-

časovým stresem, kdy za nestihnutí deadline je čeká ztráta bodů, která vede až ke snížení výsledné známky za předmět. C2 Vyučující předmětů HCI, zejména NUR, TUR, PDA. Vyučující jsou stálí uživatelé systému. Systém používají většinou již několikátým rokem, kdy si z něj stahují vypracované práce studentů k ohodnocení a poskytnutí zpětné vazby. Práce si stahují po deadline zadané úlohy, kdy všichni studenti C1 mají již práci odevzdanou, tedy obvykle 4-5x za semestr. C3 Studenti se zájmem o studium předmětů HCI. Tito uživatelé jsou jednorázoví návštěvníci a pouze konzumenti obsahu. Většinou mají zájem jen jednorázově nahlédnout do prací odevzdávaných v rámci pouze jednoho konkrétního předmětu, který zvažují, že budou studovat v příštím semestru.

3 Seznam úkolů k testování: Pro testování byly namátkou vybrány následující úkony, ke kterým je systém běžně používán. T1 T2 T3 T4

Odevzdat vypracovanou úlohu se všemi požadovanými tagy Zaregistrovat se na portál Ujistit se, že mám úkol v pořádku odevzdaný (odevzdával jiný člen týmu) Opravit chybu v již odevzdaném úkolu

Úkoly T1, T2 testujeme kognitivním průchodem. Úkoly T3, T4 testujeme heuristickou analýzou. Metoda pro testování jednotlivých úkolů byla úkolům přiřazena namátkou, při zachování rovnoměrného zastoupení metod kognitivní průchod i heuristická analýza.

4 Testování a popis průchodu úkolem V této části dokumentu jsou popsané kroky pro dokončení testovaných úkolů a jejich testy. Dále se tu vyskytují nálezy a doporučení, vyznačeny žlutým pozadím spolu s kódem nálezu.

4.1 Kognitivní průchod Kognitivní průchod simuluje, všechny úkony, které se odehrávají v hlavě uživatele při návrháři doporučeném průchodu testovaného úkolu. Testování je prováděno expertem bez uživatele. Expert prochází úkol v krocích, tak jak to navrhli designéři produktu. V každém kroku odpovídá na čtyři základní otázky: cíl? zřejmé? popisek? odezva?

Čeho chce uživatel dosáhnout? Bude uživateli zřejmé, co udělat? Spojí si uživatel správně popisek akce se svým cílem? Dostane uživatel dostatečnou odezvu?

První otázka cíl? určuje, čeho má chtít v daném kroku uživatel docílit. Zbylé tři otázky zřejmé?, popisek? nebo odezva? jsou „ano/ne otázky“. Pokud není možné na některou z těchto tří otázek odpovědět „ano“, narazili jsme na problém použitelnosti (usability problem).

4.1.1 Test T1: odevzdat vypracovanou úlohu se všemi požadovanými tagy Popis: Uživatel C1 student potřebuje nahrát svou vypracovanou samostatnou práci ve formě pdf do systému hcisemestralky a označit ji tagy tak, aby si ji vyučující mohl dohledat a ohodnotit.

-2-

Motivace: Toto je nejdůležitější úkon pro uživatele student. Následkem tohoto úkonu studenti získávají body a zpětnou vazbu za své práce. Důležitost: Tento úkol T1 by navíc měl jít zvládnout v co nejplynuleji a nejrychleji, neboť je často prováděn pod časovým stresem těsně před deadline odevzdání práce. Co se ověří: V testu se ověří, zda je student schopen práci bezproblémově odevzdat a předejít případným komplikacím, při špatném označení své práce. Problémové asi bude zejména právě označení práce všemi potřebnými tagy. Metoda testu: kognitivní průchod

krok 1: Přihlásit se Uživatel začíná na domovské stránce hcisemestralky. Musí se nejprve přihlásit a poté se mu odemkne možnost přidat nový příspěvek. Přihlašování spustí kliknutím na odkaz „Login“ v pravém horním rohu.

Obrázek 2: Přihlásit v pravém horním rohu

cíl? zřejmé? popisek? odezva?

Přihlásit se Ne, uživatel chce nahrát práci a neví, že se kvůli tomu musí přihlásit ✓ ✓

Přidat nabídku přidat práci, a až poté požadovat přihlášení

N1

krok 2: Přihlašování Zobrazí se formulář, kde uživatel vyplní své přihlašovací údaje (email , heslo) a přihlásí se kliknutí na tlačítko [Login].

-3-

Obrázek 3: Přihlašovací formulář


Vyplnit přihlašovací údaje a zalogovat se ✓ ✓ ✓

krok 3: Přidat Mem Uživatel je nyní přihlášen a může konečně přidat svou práci. Funkce je „schovaná“ v levém horním rohu pod tlačítkem [Přidat mem]

Obrázek 4:Přidat mem v uživatelské liště nahoře


Přidat práci ✓ Ne, popisek „přidat mem“ není zcela srozumitelný s tím, že se snažím uploadovat svou práci ✓

Změnit text tlačítka, aby lépe odpovídal tomu, že nahrávám svou práci

N2

krok 4: Přidávání příspěvku Zobrazí se formulář pro vyplnění všech informací o vypracované práci studenta. Student nahraje přílohu se svou prací (obvykle pdf). Nahrávání přílohy se spustí kliknutím na odkaz „Nahrát přílohy“ v sekci „Přílohy“.

-4-

Obrázek 5:Nahrát přílohy


Nahrát přílohu ✓ ✓ ✓

krok 5: Výběr přílohy Na uživatele vyskočí systémový dialog pro výběr souboru. Uživatel musí vybrat soubor, který chce nahrát z disku počítače. Systémový dialog pro výběr souboru naprostá většina aplikací daného operačního systému a proto ho uživatel dobře zná a výběr souboru pro něj není žádný problém. Po výběru souboru se jeho název a ikonka objeví ve formuláři v políčku „Přílohy“.

Obrázek 6: výběr přílohy systémovým dialogem

-5-


Vybrat soubor přílohy ✓ ✓ ✓

krok 6: Klíčová slova Dále ve formuláři pro vyplnění všech informací o vypracované práci uživatel musí vyplnit klíčová slova. Povinné je vyplnit alespoň jedno klíčové slovo, jinak nepůjde formulář odeslat. Z klíčových slov se generuje název příspěvku, uživatel je o tom informován zprávou v horní části formuláře. Klíčová slova buďto uživatel může  naklikat z nabídky  začít psát hledaný výraz a nabídka začne napovídat a kliknutím opět vybere tag  může napsat úplně nový a napíše za něj čárku – čímž tag přestane být pouze hledáním, „zrůžoví“ a stane se skutečným tagem.

Obrázek 7: Vyplňování klíčových slov. Vložená klíčová slova mají růžovou barvu. Ze slov se pak poskládá nadpis příspěvku

cíl? zřejmé?

popisek?

odezva?

Vyplnit klíčová slova ✓ Částečně. Při psaní tagu, který systém ještě nezná a zároveň pokud je tag posledním zadávaným, může uživatel chvilku tápat, než ho napadne za tag napsat čárku, aby byl přidán (zrůžověl) ✓

N3 Změnit popisek „klíčová slova oddělujte čárkou“ na „za každý tag napište čárku“

krok 7: Všechna správná klíčová slova Klíčová slova jsou:  Zkratka názvu předmětu (NUR, TUR, PDA, …),  název úlohy, kterou řešil (A1, A2, B, ….),  svoje uživatelské jméno (cernyp17, … ) – uživatel své uživatelské jméno zná -6-

V testovaném případě student cernyp17 odevzdává práci A2 do předmětu TUR. Klíčová slova, která má uživatel vybrat, aby jeho samostatná práce byla správně odevzdána, se uživatel může dozvědět třemi způsoby  na úvodní stránce (homepage hcisemestralky), kde klikne na odkaz „Example of deliverble submission“ v pravé části obrazovky v nabídce „Menu“  může odhadovat z nabízených tagů  všechny požadované tagy pamatovat z hlavy. Toto je určitě nešťastné řešení a narušuje postup uživatele při tomto testovaném úkolu T1.

Obrázek 8: Uživatel neví, kterými všemi tagy má práci označit. Povinné jsou v červeném kroužku


Vybrat všechna správná klíčová slova Přidat vzor, podle kterého mám Ne, uživatel neví, jaké vyplnit. Případně rozdělit tagy do všechny tagy má vyplnit položek „předmět“ , „úloha“, „username“, „…“ ✓ ✓

N4

krok 8: Uložit mem Políčko „Obsah“ nemusí být vyplněno. Vyplněný formulář musí být uložen tlačítkem [Uložit mem]. Tím se objeví v seznamu odevzdaných prací a půjde dohledat.

Obrázek 9: Co vyplnit do obsah? předtím než Mem uložím

-7-


Uložit mem Částečně, uživatel neví, k čemu je políčko „Obsah“, respektive, že do něj nemusí vyplnit nic ✓ ✓

Zrušit políčko obsah, nebo nějak lépe specifikovat, že je volitelné a vlastně v něm nic nemusí být, resp. co v něm má být

N5

krok 9: Návrat na domovskou stránku Uživateli se na dobu cca 6s zobrazí hláška na žlutém pozadí „Mem byl úspěšně vložen“. Dále se zobrazí příspěvek, který uživatel vytvořil. Uživatel tak vidí, že práci v pořádku odeslal a může se vrátit na domovskou stránku kliknutím na velký nadpis HCI Semestrálky – po najetí ukazatelem myši se zobrazí, že je to URL odkaz.

Obrázek 10: Uživatel má zpětnou vazbu, že příspěvek byl vložen

cíl? zřejmé?

popisek?

odezva?

Vrátit se na domovskou stránku ✓ Částečně, uživatel by Přidat návrat i kliknutím na logo očekával, že se půjde v levém horním rohu – plus vrátit i kliknutím na opravit, aby bylo zobrazeno logo logo DCGI v levém odpovídající hcisemestralkam a ne horním rohu nadřazené organizaci DCGI ✓

N6

krok 10:Domovská stránka Na domovské stránce vidí uživatel seznam všech příspěvků od všech uživatelů. Tyto příspěvky jsou seřazeny sestupně podle data přidání, tudíž uživatelův nově nahraný příspěvek bude zobrazen mezi prvními někde nahoře.

Obrázek 11: Práce se objeví i na domovské stránce hcisemestralky

-8-


Úloha je odevzdána ✓ ✓ ✓

4.1.2 Test T2: zaregistrovat se na portál Popis: Uživatel student C1 (případně i učitel C2) se zaregistruje do systému, aby mohl vkládat příspěvky. Motivace: Tento úkol je nezbytný proto, aby se uživatel student C1 mohl vůbec přihlásit do systému a mohl tak odevzdat svou první samostatnou práci. Důležitost: Jedná se o jednorázovou operaci, kterou provede každý uživatel právě jednou. Musíme tedy počítat s nulovou předchozí zkušeností se systémem. Co se ověří: Zda je funkční registrace nového uživatele do hcisemestralky Metoda testu: kognitivní průchod

krok 1: Spustit registrování Uživatel je na domovské stránce hcisemestralky a v pravém horním rohu klikne na „Sign up“. Poté se uživateli zobrazí registrační formulář.

Obrázek 12: V pravém horním rohu domovské obrazovky můžeme zahájit proces registrace


Spustit proces přihlašování ✓ ✓ ✓

krok 1: Projít si očima registrační formulář Uživatel vidí formulář a vidí, že je krátký, v rychlosti ho tedy celý prolítne očima, všimne si 4 políček, z toho dvě jsou označena hvězdičkou. Zkusí dohledat vysvětlivku k hvězdičce a nalezne ji dole pod formulářem. Vidí také tlačítko [Sign up], ale ví, že musí nejdřív vyplnit formulář, aby mohl pokračovat dále.

-9-

Obrázek 13: Uživatel rychlím prolétnutím očima vidí, která pole jsou povinná


Zjistit, že některá políčka musím vyplnit a některá ne ✓ ✓ ✓

krok 2: Vyplnit jméno a příjmení Uživatel vyplní do políček „First name“ a „Last name“ své jméno a příjmení. Políčka, na rozdíl od email a heslo, nejsou označené hvězdičkou, protože tato políčka nemusí vyplňovat. Registrujeme uživatel Vomáčka František s emailem [email protected]

Obrázek 14: Políčka jméno a příjmení

cíl?

zřejmé?

popisek? odezva?

Vyplnit své jméno a příjmení, pokud uživatel chce Ne, uživatel neví k čemu Zobrazit uživateli důvody je dobré, pokud své jméno k čemu je dobré jméno a a příjmení uvede, příjmení uvést, např. „ostatní respektive neví, jaké uživatelé budou schopni lépe znevýhodnění plyne nalézt příspěvky vaší osoby“ z toho, pokud ho neuvede ✓ ✓

N7

krok 3: Vyplnit email Uživatel vyplní svůj email do políčka E-mail. Toto políčko musí být vyplněno a je proto označené hvězdičkou. Vysvětlivka k hvězdičce je dole pod formulářem.

-10-

Obrázek 15: položka email


Vyplnit svoji emailovou adresu ✓ ✓ ✓

krok 4: Vyplnit heslo Uživatel vyplní heslo, heslo musí být minimálně 4 znaky dlouhé.

Obrázek 16: zadání nově vymyšleného hesla pro uživatelský účet na hcisemestrálky

cíl?

zřejmé?

popisek? odezva?

Zadat heslo alespoň 4 znaky dlouhé Uživateli by mělo být oznámeno, jaké parametry má heslo Ne, uživatel neví jaké splňovat. Například textová parametry má heslo poznámka u názvu pole splňovat „Password“, nebo upozornění během psaní, kolik znaků ještě musí zadat Ne, uživatel neví, že heslo má být alespoň 4 znaky dlouhé ✓

N8

krok 5: Vybrat preferovaný jazyk Uživatel vybere z nabídky preferovaný jazyk. Na výběr má „češtinu“, „angličtinu“ a „Always use Memplex’s language“ – já jakožto testující osoba odhaduji, že se jedná o výchozí jazyk celého hcisemestrálky systému, ale nevím to jistě a žádnou dokumentaci se mi nepovedlo dohledat. Uživatel laik s tím bude mít jistě ještě větší problém.

-11-

Obrázek 17: Volba jazyka, která bude použita v systému pro přihlášeného uživatele

cíl? zřejmé?

popisek?

odezva?

Vybrat preferovaný jazyk ✓ Změnit volbu tak, aby i laik Ne, uživatel nemá šanci pochopil, o co se jedná. Například vědět, co znamená „doporučený/výchozí jazyk „Memplex“ odevzdávacího systému hcisemestralky“ ✓

N9

krok 6: Registrovat Uživatel klikne na [Sign up], provede se jeho registrace do systému, je přihlášen do systému a přesměrován na domovskou stránku

Obrázek 18: Odeslání registrace


Zaregistrovat mé údaje do systému ✓ ✓ ✓

krok 7: Domovská stránka Na domovské stránce se nahoře zobrazí šedá lišta se jménem uživatele náhodně vygenerovaným obrázkem a výrazným zeleným tlačítkem [Přidat mem]

Obrázek 19: Po registraci je uživatel přihlášen do systému a nahoře se objeví uživatelská lišta

-12-


Uživatel je zaregistrován a přihlášen ✓ ✓ ✓

4.2 Heuristická analýza Při heuristické analýze plníme testovaný úkol a kontrolujeme, zda se neobjeví nějaká chyba, kterou bychom mohli dopředu předpovědět. Testování je prováděno expertem bez uživatele. Expert plní úkol tak, že prochází kroky, které by asi udělal uživatel. Někdy existuje více posloupností, jak by se úkol dal řešit. Expert má sadu heuristik1, odvozených ze zkušeností s obecně známými problémy použitelnosti. Expert testuje tak, že v každém kroku úkolu provádí kontrolu, zda není porušena některá z heuristik. Sada heuristik: H1 H2 H3 H4 H5 H6 H7 H8 H9 H10

Viditelnost systémového stavu Spojitost mezi systémem a skutečným světem Kontrola a svoboda uživatele Konzistence a standarty Předcházení chyb Rozpoznání preferováno před vzpomínáním Flexibilita a Efektivnost použití Estetický a minimalistický design Pomoc uživateli poznat, diagnostikovat a zotavit se z chyb Pomoc a dokumentace

4.2.1 Test T3: Ujistit se, že mám úkol v pořádku odevzdaný (odevzdával jiný člen týmu) Popis: Uživatel potřebuje najít a zobrazit příspěvek označený tagy příslušící samostatné práci, u které si chce ověřit, že je již odevzdaná do hcisemestralky. Uživatelé znají své uživatelské jméno, ale nemusí již znát usernames svých kolegů v týmu. Například student testuser1 hledá práci A2 do předmětu TUR, kterou dělali s kolegou Pavel Černý (cernyp17). Motivace: Na některých předmětech se pracuje ve dvojici, nebo i ve větším počtu. Pak odevzdaná práce tohoto týmu nese tagy s usernames všech členů týmu plus zkratku názvu předmětu (NUR, TUR, PDA, …), názvu úlohy, kterou řešili (A1, A2, B, ….). Studenti se mnohdy v týmu příliš neznají a s blížícím se deadline potřebují někdy ověřit, zda jejich kolegové splnili svou část práce na projektu, nebo zda se musí ještě nějak zapojit, případně dotyčného kolegu popohnat, aby předešli ztrátě bodů za pozdní odevzdání. Důležitost: Tento úkol není klíčový pro funkčnost systému, ale přispívá uživatelům studenti C1 k přehledu o průběhu odevzdání jejich práce. Co se ověří: Úkol ověří, zda vyhledávání příspěvků je navržené správně. Metoda testu: heuristická analýza

krok 1: Začít psát do vyhledávacího políčka na domovské stránce Systém napovídá a já klikám na tagy.

1

Nielsen, J. (1995). 10 Usability Heuristics. http://www.nngroup.com/articles/ten-usability-heuristics

-13-

Obrázek 20: Systém napovídá tagy odpovídající hledání

krok 2: Klikám na tagy Po kliknutí tag zrůžoví a nápověda začne napovídat další relevantní tag.

Obrázek 21: Kliknutím na tag se tag vloží

krok 3: Zobrazují se mi úlohy vyhovující zadaným kritériím

Obrázek 22: Dole se pak ihned aktualizuje seznam prací vyhovujících zadání

H1 – systémový stav. Když napíši nějaký tag do vyhledávacího řádku a za něj napíši čárku, tag se bezdůvodně smaže a uživatel neví důvod proč zřejmě bug systému (nechápu co se děje ani já testující)

N10

-14-

H4 – konzistence. Pokud napíši nějaký tag a oddělím ho mezerou systém předpokládá, že pořád píši jeden tag, který obsahuje mezeru. Všeobecně platným zvykem na většině platforem, že tagy jsou jednoslovné.

N11

Obrázek 23: Systém uvažuje i tagy s mezerou, ve skutečnosti to však může způsobit omyl a následnou nedohledatelnost příspěvku

H7 – efektivnost. Nejsou akcelerátory, při vyhledávání musím vždy tag napsat, přendat ruku na myš a kliknout. Pokročilé uživatele to zdržuje

N12

H4 – nekonzistence. Když píši tag, který systém ještě nezná. Dostanu nejdříve správnou nápovědu, v momentě, kdy se však přestane hledaný tag shodovat s těmi, co nápověda zná, nápověda začne nabízet tagy, které již vůbec nesouvisí s tím, co uživatel napsal. H1 – není viditelný systémový stav. Systém nijak neoznámí, že se daný tag nepodařilo najít.

N13

N14

Obrázek 24: Nápověda napovídá přesně podle zadaného slova...

-15-

Obrázek 25: ... a pak se rozhodne napovídat nesouvisející výrazy

H4 nekonzistence. Je situace: systém zná jednotlivé tagy TUR, A1, testuser1. Dále v systému není ložena žádná práce odpovídající „TUR A1 testuser1“. Pokud zadáme pouze TUR, nebo pouze A1, nebo pouze testuser1 systém dovede správně napovědět. V momentě kdy však zadáme jejich kombinaci např. „TUR A1 testuser1“, kde žádná taková práce v systému této kombinaci neodpovídá, systém první tag, pro který již práci nezná nenapoví, přestože samotný tag zná zná.

Očekávatelné chování, je že tag napoví a po jeho přidání do pole vyhledávání zobrazí prázdný seznam odevzdaných úloh – neboť žádná úloha hledání neodpovídá. V seznamu výsledků případně zobrazit "pro daná hledání neexistuje žádná práce".

N15

Přitom testuser1 v systému je

Obrázek 26: Nápověda by měla tag testuser1 znát, ale nenapoví ho, protože neexistuje práce, která by odpovídala kombinaci tagů TUR-A1-testuser1

4.2.2 Test T4: Opravit chybu v již odevzdaném úkolu Popis: Student C1 najde svůj příspěvek, upraví ho a změnu uloží. Motivace: Někdy se může stát, že si student uvědomí, že ve své vypracované úloze udělal chybu a potřebuje ji opravit. Důležitost: Uživatel provádí opravu velmi zřídka. Na druhou stranu pro následné hodnocení samostatných prací učitelem je důležité, aby v systému nebyly pro jednoho studenta nebyly 2 různé verze práce. Učitel by pak musel pouze odhadovat, která verze je podle studenta správná. Co se ověří: Zda je správně navržené upravení již hotového příspěvku. Metoda testu: heuristická analýza

-16-

krok 1: domovská stránka krok 2: vyfiltruji si příspěvek viz. Test T3 (kapitola 4.2.1) krok 3: vyberu příspěvek kliknutím H4 nekonzistence. Pokud nejsem přihlášen a rozkliknu příspěvek, zmizí možnost přihlásit se/registrovat, která je na domovské stránce v pravém horním rohu. H7 díky předchozímu problému musím vždy pracovat v pořadí přihlásit  rozkliknout příspěvek  upravit. Což je pro posloupnost motivací uživatele nelogické. Uživatel chce postupovat rozkliknout  upravit  přihlásit, když to tedy systém po mě požaduje, aby mi dovolil upravovat

Přidat možnost přihlásit se při rozkliklém konkrétním příspěvku. (Stejně jako ta možnost je na domovské stránce) Přidat tlačítko upravit příspěvek, a po kliknutí na něj vyžadovat přihlášení

N16

N17

Obrázek 27: Rozkliklý příspěvek - chybí možnost přihlásit se

Obrázek 28: Úvodní stránka – možnost přihlásit se tu je

krok 4: upravit příspěvek Úpravy příspěvku aktivuji kliknutím na Upravit v horní liště

Obrázek 29: Upravit smazat jsou v horní liště a ne zobrazeny u příspěvku

H4 nekonzistentní – upravit smazat jsou v horní liště a ne zobrazeny u příspěvku

N18

-17-

krok 5: přidávám, mažu tagy Systém mi napovídá všechny tagy dostupné v systému, kliknutím tag vyberu, pokud chci přidat nový musím ho napsat a za něj napsat čárku. Tag potom „zrůžoví“ a stane se validním. H1 není vidět systémový stav. Pokud napíší tag, který v systému není, systém mi napovídá nesmyslné tagy a neoznámí, že můj tag nenašel.

napovídat pouze tagy, jejichž prefix odpovídá mému hledání, případně napsat žádný tag neodpovídá, napište za váš tag čárku a tím ho do systému přidáte jako nový

N19

Napovídané vůbec nesouvisí s tím, co hledám

Obrázek 30: Systém mi neřekne, že tag v databzi tagů ještě není a musím ho nevě přidat. Místo toho napovídá nesouvisející tagy

krok 6: smažu starou přílohu Na přílohu musím najet kurzorem, kurzor se mění na směrovou růžici přesunu, mohu soubor uchopit a v levém dolním rohu se objeví čtvereček koš, do kterého soubor přetáhnu.

Obrázek 31: (1) chytnu soubor přílohy a objeví se koš, (2) přetáhnu přílohu do koše

H6 – rozpoznání než vzpomenutí. Koš by mohl mít na sobě ikonku, aby člověk rychleji věděl, co to dělá.

N20

krok 7: nahraji novou přílohu kliknu na Nahrát přílohy a přes systémový dialog pro výběr souboru si vyberu soubor. Ten se následně zobrazí v okně s přílohami.

krok 8: uložím kliknutím na tlačítko Uložit mem -18-

krok 9: hotovo Zobrazí se mi již upravený příspěvek a v horní části obrazovky se objeví asi na 6s hláška, že Mem byl úspěšně upraven.

Obrázek 32: Potvrzení pro uživatele, že změny byly vpořádku provedeny

krok 10:návrat na domovskou stránku H4 nekonzistentní s jinými systémy – na domovskou stránku se nelze dostat kliknutím na logo v levém horním rohu. Musím kliknout na text HCI Semestálky

N21 Přidat přechod na domovskou stránku kliknutím na logo vlevo v uživatelské liště

Obrázek 33. Na domovskou stránku se nedá vrátit kliknutím na ikonku v levém horním rohu, jako je to u webových stránek dobrým zvykem

H4 nekonzistence. V uživatelské liště pro přihlášeného uživatele je přehled všech příspěvků a komentářů v celém systému.

Zobrazit jen příspěvky a komentáře související s uživatelem.

-19-

N22

Obrázek 34: V uživatelské liště je přehled všech příspěvků a komentářů v celém systému. Měly by tam být jen příspěvky a komentáře související s přihlášeným uživatelem

5 Nálezy Při testování byly zjištěny níže uvedené problémy. U každého je uveden popis, návrh řešení, kód odkazující do testů a priorita, jak moc je nutné problém odstranit. Priority jsou: I. II. III.

Kritické, nejde dál Půjde to, ale zdrží to uživatele Nevypadá to dobře

Seznam nálezů Kat. Kód I N4

I

N11

I

N16

Popis Při přidání nového Mem uživatel neví, jaké všechny tagy má ke své odevzdávané práci uvést Při vyhledávání na domovské stránce pokud napíši za tag mezeru. Systém předpokládá, že dál píši tag, co obsahuje mezeru, namísto toho aby tag ukončil a začal nový. Při rozkliknutém konkrétním příspěvku není možnost přihlásit se a musím se vrátit na homepage

-20-

Návrh řešení Říci uživateli, jaké všechny tagy má vybrat

Přidat chování po napsání mezery, ať je tag platný a začni vyhledávat další nový.

Přidat možnost přihlásit se i na tuto stránku

II

N1

Na domovské obrazovce uživatel nikde nevidí možnost přidat příspěvek/svojí práci, pokud není přihlášen

II

N2

Pro přihlášeného uživatele má popis tlačítka má Změnit popisek tlačítka "Přidat Mem" za nesrozumitelný popisek "Přidat Mem" v přidat práci, příspěvek, ... kontextu, kdy uživatel přidává práci. Uživatel nemůže vědět, co je to Mem

II

N6

II

N8

II

N10

Nelze se vrátit na domovskou stránku kliknutím na logo v levém horním rohu + Logo neodpovídá službě HCIsemestralky, ale katedře kybernetiky V registračním formuláři uživatel neví, jaké parametry má heslo splňovat (požadovaná délka hesla 4 znaky, není nikde uvedena. Až jako chybová hláška) Při vyhledávání na domovské stránce pokud napíši za tag čárku, tag se smaže.

II

N12

Při vyhledávání na domovské stránce nejsou k Opravit N10, N11 - tím se přidají dva dispozici akcelerátory, uživatel musí vždy použít akcelerátory kousek psaní na klávesnici a pak kliknout myší. Je otravné sundavat ruce z klávesnice.

II

N17

Při rozkliklém konkrétním příspěvku neví uživatel o možnosti, že příspěvek půjde editovat (ví o tom, jen pokud by byl přihlášen)

Přidat možnost editovat příspěvek a po kliknutí na něj požadovat případně přihlášení

II

N19

Při editaci příspěvku pokud napíší tag, který v systému není, systém mi napovídá nesmyslné tagy a neoznámí, že můj tag nenašel.

Napovídat pouze tagy, jejichž prefix odpovídá mému hledání, případně napsat žádný tag neodpovídá, napište za váš tag čárku a tím ho do systému přidáte jako nový

II

N21

Všude: na domovskou stránku se nelze dostat kliknutím na logo v levém horním rohu. Musím kliknout na text HCI Semestálky

Přidat přechod na domovskou stránku kliknutím na logo vlevo v uživatelské liště

III

N3

Při přidání nového Mem popisek "klíčová slova oddělujte čárkou" pro funkci, kde je vyžadováno "pište čárku za každý tag"

Změnit popisek

III

N5

Při přidání nového Mem uživatel neví, k čemu slouží a co má napsat do políčka obsah

Odstranit políčko obsah, nebo vysvětlit, k čemu se při odevzdávání úlohy používá

III

N7

Při registraci uživatel neví k čemu je dobré uvéstsvé jméno a příjmení

Oznámit uživateli důvody k čemu je dobré uvést jméno a příjmení

III

N9

V registračním formuláři při volbě jazyka uživatel neví, co si představit pod volbou Memplex's language

Změnit popisek aby porozuměl i uživatel začátečník

-21-

Přidat možnost přidat práci a po rozkliknutí teprve požadovat přihlášení

Přidat po kliknutí na logo vrať na homepage, změnit logo na správné

Ukázat u hesla požadavky na délku

Opravit chování, aby po napsaní čárky, začal tag být platný a nesmazal se

III

N13

Při vyhledávání na domovské stránce když píši tag, který systém ještě nezná. Dostanu nejdříve správnou nápovědu, v momentě, kdy se však přestane hledaný tag shodovat s těmi, co nápověda zná, nápověda začne nabízet tagy, které již vůbec nesouvisí s tím, co uživatel napsal. Souvisí s N14 Při vyhledávání na domovské stránce systém nijak neoznámí, že se daný tag nepodařilo najít. Souvisí s N13 Při vyhledávání na domovské stránce systém napovídá jen tagy, pro něž je v odevzdávacím systému nějaká práce. Uživatel přitom potřebuje hledat práci s tagy, kde je i jeho jméno, aby viděl, zda jeho práci odevzdal třeba týmový kolega.

Změnit chování na pokud se tag neshoduje s žádným v systému, nenapovědět žádný.

III

N14

III

N15

III

N18

Při rozkliklém konkrétním příspěvku a uživatel je přihlášen, tak tlačítka [upravit] [smazat] jsou v horní liště a ne zobrazeny u příspěvku

umístit upravit smazat přímo k příspěvku

III

N20

při mazání přílohy při úpravě příspěvku koš má jen textový popisek

doplnit ikonku koš

III

N22

V uživatelské liště pro přihlášeného uživatele je Zobrazit jen příspěvky a komentáře přehled všech příspěvků a komentářů v celém související s uživatelem. systému.

Vyřeší se vyřešením 13 + přidat zprávu "nenalezen žádný tag" Napovídat všechny tagy co systém zná bez ohledu na vložené práce. A v seznamu výsledků případně zobrazit "pro daná hledání neexistuje žádná práce".

6 Závěr Z provedených testů vyplývá, že systém HCIsemestralky obsahuje 22 chyb použitelnosti. Chyby jsou uvedeny v kapitole 5 Nálezy. Zkušený uživatel HCIsemestrálky je schopen systém s obtížemi dále používat, začátečník však může mít velké záseky, kdy nebude vědět, co dál dělat, pro splnění úkolu. Považuji za nutné odstranit alespoň problémy „priorita I“, a pokud možno i „priorita II“. Systém obsahuje 3 problémy „priorita I“, kde je velmi zásadně narušena uživatelovu flow a musí dlouho vymýšlet jak potíž obejít. Systém obsahuje 9 problémů „priority II“, kde je narušena uživatelova flow, ale dokáže si poměrně rychle najít cestičku „okolo“ Systém obsahuje 10 problému „priorita III“, které nejsou zásadní, ale pomohli by uživateli zpříjemnit práci.

-22-

Web hcisemestralky.felk.cvut.cz

Recommend Documents