Gaze tracking case study Ex perience report

1. Gaze trackingcasestudyExperience report Ivan Srba Terézia Kazičková PeWe.UX 11.03.2014

2. Kontext experimentu • Existujúce CQA systémy (napr. StackOverflow) • Poskytujú možnosť vkladať otázky len vo forme textu • Chceme umožniť priame vytvorenie/editáciu UML diagramov ako súčasti otázky/odpovede • Požadované vlastnosti • Funkcionálne • Podpora najrozšírenejších typov diagramov (class, usecase, activity, state) • Statická reprezentácia a export diagramov • Nefunkcionálne • Intuitívna navigácia, jednoduchosť, robustnosť, spoľahlivosť, webové riešenie

3. Cieľ experimentu • Analýza viacerých grafových webových knižníc • MxGraph (http://www.jgraph.com/mxgraph.html) • Poskytuje príklad aplikácie pre kreslenie rôznych diagramov • Nie je zameraná na UML (ale poskytuje základnú funkcionalitu) • Vytvorenie vlastného rozšírenia CQA systémov • Zozbieranie požiadaviek, ako vytvoriť s touto knižnicou nástroj spĺňajúci požadované (ne)funkcionálne vlastnosti

4. Mxgraph

5. #1 Plánovanie experimentu • Priebeh experimentu • 2 scenáre (pre nakreslenie class a usecasediagramu) • Voľná práca s aplikáciou • Sada doplňujúcich otázok • Počas experimentu potrebujeme robiť záznam z ... • Pohľadu + desktop, klávesnice, myši, videokamery, mikrofónu • Vlastné poznámky Pred samotným experimentom si treba návrh scenárov vždy vyskúšať s aspoň jedným participantom. [Múdrosť UX labu]

6. #1 Plánovanie experimentu Vašou úlohou počas experimentu bude vykonať dva jednoduché scenáre podľa pokynov uvedených nižšie. Postupujte vždy po jednotlivých krokoch. Svoju interakciu s nástrojom, prosím, nahlas komentujte. Scenár 1: Vytvorenie diagramu tried • Vytvorte nový prázdny diagram a pomenujte ho Class Diagram: Student. • Vložte do diagramu novú triedu (element class 2 ). • Pomenujte triedu Student. • Pridajte verejný (public) atribút s názvom gradetypu integer. • Zmeňte typ atribútu grade na typ string. • Pridajte dve verejné (public) metódy vsp() a vspTotal(), ktoré majú vrátiť hodnotu typu float. • Vložte do diagramu rozhranie (element interface) a pomenujte ho Person. • Vytvorte medzi triedou a rozhraním vzťah realizácie/implementácie rozhrania triedou. • Zmažte rozhranie.

7. #2 Realizácia experimentu • Priebeh experimentu • Počet účastníkov: 3+1 • Dĺžka jedného sedenia: cca. 20 minút • Technické komplikácie • Nastavenie kamery a záznamu zvuku • Escape zruší nahrávanie videa • Pokyny boli vytlačené na papieri, pri pohľade na papier sa však strácal pohľad a chvíľu trvalo kým sa opäť chytil • Veľké množstvo dát • „Inžinierske“ riešenia a la Jakub

8. #3 Vyhodnocovanie experimentu • Záznam pohľadu • Prehľadnosť prostredia (čas prvej fixácie na požadovaný prvok GUI) • Napr. nájdenie konkrétneho UML prvku v ponuke nástrojov • „Zmätenosť“ používateľa (vie čo má robiť, ale nevie kde to nájde) • Napr. zmeniť tvar šípky • Záznam z klávesnice a myši • Počet kliknutí potrebných pre zrealizovanie úlohy alebo jej časti • Napr. pri premenovaní triedy: dvojklikom na triedu sa vyznačili všetky atribúty/metódy nielen jej názov - následne bolo potreba text odznačiť (+1) a znova vybrať len názov (+1)

9. #3 Vyhodnocovanie experimentu

10. #3 Vyhodnocovanie experimentu

11. #3 Vyhodnocovanie experimentu

12. #3 Vyhodnocovanie experimentu • Videokamera • Sú zaznamenané všetky vyrušenia • Identifikácia príčin výpadku sledovania pohľadu • Napr. pri čítaní pokynov z papiera • Mikrofón • Komentovanie nahlas • Neočakávané správanie aplikácie • Napr. zduplikovanie elementu pri vytvorení šípky bez spojenia s ďalším elementom • Návrhy na vylepšenia • Napr. rozšírenie kontextovej ponuky • Už pri troch participantoch sa veľké množstvo pripomienok a požiadaviek opakovalo