ČVUT USI Úloha A2 Kognitivní průchod Autor: Thang Do 15.10.2013
Obsah 1 Popis aplikace 2 1.1 Úvodem co je DeviantArt...................... 2 1.2 Bližší pohled............................. 2 2 Cílová skupina 3 3 Přehled případů užití 4 3.1 Registrace nového uživatele..................... 4 3.2 Přidání uměleckého díla....................... 4 3.3 Správa veřejného profilu....................... 4 3.4 Přidání díla do oblíbených...................... 4 4 Metoda testování 4 5 Testy případů užití 5 5.1 Registrace nového uživatele..................... 5 5.1.1 Krok 1............................. 5 5.1.2 Krok 2............................. 6 5.1.3 Krok 3............................. 6 5.1.4 Shrnutí výsledku....................... 6 5.2 Přidání uměleckého díla....................... 7 5.2.1 Krok 1............................. 7 5.2.2 Krok 2............................. 7 5.2.3 Krok 3............................. 7 5.2.4 Krok 4............................. 8 5.2.5 Krok 5............................. 8 5.2.6 Shrnutí výsledku....................... 9 5.3 Správa veřejného profilu....................... 9 5.3.1 Krok 1............................. 9 5.3.2 Krok 2............................. 9 5.3.3 Krok 3............................. 10 5.3.4 Krok 4............................. 10 5.3.5 Krok 5............................. 11 5.3.6 Shrnutí výsledku....................... 11 5.4 Přidání díla do oblíbených...................... 12 5.4.1 Krok 1............................. 12 5.4.2 Krok 2............................. 12 5.4.3 Krok 3............................. 12 5.4.4 Shrnutí výsledku....................... 13 6 Přehled nálezů 13 7 Závěr 13 1
1 Popis aplikace 1.1 Úvodem co je DeviantArt Jedná se o portál umožňující zveřejňování vlastních uměleckých děl zpravidla v podobě obrázku nebo také v textové formě. Následně dovoluje ostatním uživatelům naše dílo komentovat a případně uložit do oblíbených. Mluvíme li o deviantartu nemyslíme tím pouze webovou aplikaci pro nahrávání obrázků, nýbrž také obrovskou komunitu umělců počínaje tradičními malíři až po fotografy, kteří si navzájem pomáhají, předhánějí v tom kdo přijde s lepším nápadem a nebo spolupracují na různých projektech. 1.2 Bližší pohled Obrázek 1: Hlavní stránka Hlavní stránka se skládá z menu umístěné nahoře, galerie populárních děl spolu s filtrem po levé straně a patičky kde najdeme například: ankety aktuálně zveřejněné články odkazy na sociální sítě další... 2
Obrázek 2: Hlavní stránka - patička Jedním z hlavních prvků je menu, přes které můžeme přistupovat na další stránky. Jmenovitě například: Osobní profil Došlé zprávy Přidání díla Obchod a mnoho dalších... 2 Cílová skupina Obrázek 3: Hlavní stránka - detail menu Běžní uživatelé, kteří zvládají práci s osobním počítačem. Například uživatelé, kteří umí poslat e-mail, nahrát fotku na internet nebo vytvořit textový dokument. Dále převážně lidé smýšlející více umělecky nežli technicky. 3
3 Přehled případů užití 3.1 Registrace nového uživatele Jedná se o jednu z klíčových funkcí, poněvadž je pro nahrávání díla nutné být registrován. V současné době je důležité, aby registrace zbytečně nebránila uživateli ve využívání funkce aplikace. Čím je registrace komplikovanější tím je vyšší pravděpodobnost, že se uživatel neregistruje. Otestujeme jak moc je komplikované se na deviantart registrovat. 3.2 Přidání uměleckého díla Přidávání díla je nedílnou součástí deviantart. Je to jednoznačně nejvíce použiváná funkce. Pokud bude proces nahrávání moc obtížný nebo bude zahrnovat kroky vedoucí k velké ztrátě času, pak je riziko, že uživatel nebude chtít používat aplikaci větší. 3.3 Správa veřejného profilu Profilová stránka je takovým rozcestníkem uživatele, kde jsou zobrazeny nově přidaná díla, informace o uživateli, deník a mnoho dalšího. Je to místo kam se návštěvníci podívají ihned poté co je osloví vaše dílo. Správou profilu je myšleno právě uspořádání elementů, dalo by se také říci stavebních bloků, ze kterých je tvořena profilová stránka uživatele. Vzhledem k rozmanitosti nastavení může být přidávání, odebírání a editace jednotlivých elementů pro uživatele náročná. 3.4 Přidání díla do oblíbených Jednou z možností vyjádření obdivu díla jiného umělce je přidání daného díla do našich oblíbených. Oblíbená díla lze třídit do adresářové struktury, dalo by se tedy říci, že se jedná také o jakési album všech děl, které se nám líbily. Tato funkce je součástí prohlížení díla. V tomto případě se pokusíme zjistit náchylnost na přidání díla do oblíbených pouhou náhodou, což je samozřejmě nežádoucí věc. 4 Metoda testování Testujeme metodou zvanou Kognitivní průchod. Jedná se o metodu testování bez uživatele. Na začátku si stanovíme případy užití, které nám zformují jednotlivé úkoly, které bychom chtěli otestovat na daném subjektu. Každý úkol je složen z několika dílčích kroků respektive akcí. Tyto kroky posléze procházíme. V každém kroku si položíme tyto otázky: Q0 Čeho přesně chce uživatel docílit? Q1 Je uživateli zřejmá akce, kterou má provést? Q2 Spojí si uživatel popisek akce s jeho cílem? 4
Q3 Má uživatel dostatečnou zpětnou vazbu? Vyhodnotíme otázku odpovědí ANO nebo NE. V případě odpovědi NE, musíme zaznamenat důvod. Jedná v podstatě se o nález. Nálezy jsou rozděleny na 4 úrovně: Nejvyšší priorita Je potřeba určitě opravit, jinak aplikace nebude vůbec fungovat. Vyšší priorita Střední Nízká Je potřeba opravit, aby aplikace fungovala na dobré úrovni. Bylo by dobré opravit. Nemusí být opraven. 5 Testy případů užití 5.1 Registrace nového uživatele Výchozí stav: 5.1.1 Krok 1 Nacházíme se na hlavní stránce. Stisknutí tlačítka pro registrování. Obr. 4 Obrázek 4: Tlačítko registrace 5
5.1.2 Krok 2 Vyplnění příslušného formuláře. Uživatelské jméno, email, heslo a věk. Zaškrtneme možnost, že jsme si přečetli podmínky registrace. Obr. 5 5.1.3 Krok 3 Obrázek 5: Registrační formuláře Kliknutí na tlačítko Become a Deviant. Obr. 6 Obrázek 6: Tlačítko odeslání formuláře Cílový stav: Po odeslání formuláře jsme přesměrováni na stránku s informací o odeslání verifikace na email. 5.1.4 Shrnutí výsledku Q1 Q2 Q3 Krok1 Ano Ano Ano Krok2 Ano Ano Ano Krok3 Ano Ano Ano Při průchodu jednotlivých kroků za účelem registrace nebyly zaznamenány žádné nálezy. Všechny akce byly zřejmé a popisky dobře zpracovány. Uživatelské rozhraní bylo dobře navrhnuté. 6
5.2 Přidání uměleckého díla Výchozí stav: Nacházíme se na hlavní stránce. 5.2.1 Krok 1 Najetí myší na položku submit v menu. Obr. 7 5.2.2 Krok 2 Obrázek 7: Tlačítko v menu Výběr z možností, které se objevily při najetí najetí. Obr. 8 Obrázek 8: Tlačítko pro přidání díla 5.2.3 Krok 3 Upload díla, kliknutí na tlačítko Choose a file to upload a vybereme soubor. Obr. 9 7
Obrázek 9: Rozhraní pro nahrávání díla 5.2.4 Krok 4 Vyplnění formuláře. Vyplnění názvu, popisu díla a tagů. Obr. 10 Obrázek 10: Formuláře pro nahrávání díla 5.2.5 Krok 5 Zveřejnění díla. Kliknutí na tlačítko submit now. Obr. 11 Obrázek 11: Tlačítko pro odeslání formuláře 8
Cílový stav: Po odeslání formuláře jsme přesměrováni na stránku s dílem, které jsme přidali. 5.2.6 Shrnutí výsledku Q1 Q2 Q3 Krok1 Ne (1) Ano Ano Krok2 Ano Ano Ano Krok3 Ano Ano Ano Krok4 Ano Ano Ano Krok5 Ano Ano Ano (1) 100% tato akce každému na první pokus nemusí být zřejmá, avšak metodou pokus omyl uživatel rychle objeví co má dělat. Priorita nálezu: Nízká Až na drobný nález je přidávání díla jednoduché. Nenalezl jsem žádné zbytečné kroky, které by zabíraly zbytečně čas. Zpětná vazba na jednotlivé akce byla dostatečná. 5.3 Správa veřejného profilu Výchozí stav: 5.3.1 Krok 1 Nacházíme se na stránce profilu uživatele. Klilknutí na tlačítko Edit page. Obr. 12 Obrázek 12: Tlačítko pro editaci profilu 5.3.2 Krok 2 Kliknutí na tzv. widgets, tedy element, který mají svojí vlastní funkci z něhož je profilová stránka tvořena. Obr. 13 9
Obrázek 13: Náhled widget Vyhodnocení 5.3.3 Krok 3 Kliknutí na tlačítko Install now. Obr. 14 Obrázek 14: Tlačítko pro přidání widget 5.3.4 Krok 4 Odebrání tzv. widgets kliknutím na šipku směřující dolů u příslušného elementu. Obr. 15 10
Obrázek 15: Panel s možnostmi úpravy widget 5.3.5 Krok 5 Potvrzení nastavení, které jsme provedli. Obr. 16 Obrázek 16: Potvrzovací tlačítko Cílový stav: profilu. Po stisknutí tlačítka done jsme přesměrováni zpět na stránku 5.3.6 Shrnutí výsledku Q1 Q2 Q3 Krok1 Ano Ano Ano Krok2 Ano Ano Ano Krok3 Ano Ano Ano Krok4 Ne(1) Ano Ano Krok5 Ano Ano Ano (1) Pro odebrání bych očekával například tlačítko s křížkem zvýrazněné červenou barvou. Na první pohled tedy není jasné jak je možné widget odebrat. Priorita nálezu: Střední 11
Kroky pro odebrání či přidání widget na stránku profilu jsou z hlediska obtížnosti poměrně jednoduché. Nenalezl jsem žádný velký problém, který by zásadně ztěžoval správu profilu. 5.4 Přidání díla do oblíbených Výchozí stav: 5.4.1 Krok 1 Nacházíme se na hlavní stránce. Zobrazení díla. Kliknutí levým tlačítkem na zmenšeninu díla. Obr. 17 Obrázek 17: Zmenšenina díla a zobrazení originální velikosti díla 5.4.2 Krok 2 Kliknutí a podržení levého tlačítka na myši, příprava pro vložení díla do oblíbených. Obr. 18 Obrázek 18: Připravené dílo pro uložení do oblíbených 5.4.3 Krok 3 Přetáhnutí díla na lištu oblíbených. Klikneme na tlačítko. Obr. 19 12
5.4.4 Shrnutí výsledku Obrázek 19: Panel oblíbených děl Cílový stav: prohlížet dílo. Po přidání díla do oblíbených se panel skryje a je možné nadále Q1 Q2 Q3 Krok1 Ano Ano Ano Krok2 Ne (1) Ano Ano Krok3 Ano Ano Ano (1) Nikde nejsou uvedené přesné instrukce co máme dělat. Priorita nálezu: Střední Přidávání díla do oblíbených tímto způsobem nemusí při prvním používání aplikace být zcela intuitivní. Nicméně v rámci dlouhodobého používání této aplikace se jedná o velmi užitečnou funkci. 6 Přehled nálezů 1. Absence popisu k prvotní akci při přidávání díla do oblíbených. Možné řešení: Při najetí myší na dílo, by se zobrazil popisek akce. 2. Skryté tlačítko pro přidání díla. Možné řešení: Umístění samostatného tlačíka do hlavního menu. 3. Absence ikonky pro odebrání widget. Možné řešení: Přidání do lišty widget ikonku znázorňující odebrání (mínus, křížek) vedle tlačítka s šipkou dolů. 7 Závěr Webová stránka Deviantart je velmi dobře navržená. Všechny klíčové funkce jsou bez problému pouižetelné. 13