ˇ ´ Cesk e ´ vysoke ˇen´ı uc ´ technicke v Praze Fakulta elektrotechnick´ a Katedra poˇ c´ıtaˇ cov´ e grafiky a interakce
Semestr´ aln´ı pr´ ace - deliverable 3
NUR - IHV-VPI Filip Siv´ ak, Vojtˇ ech Kaiser
Listopad 2015
Obsah ´ 1 Uvod
1
2 Metoda testov´ an´ı
1
3 Prototyp
2
4 Screening 4.1 Participant 4.2 Participant 4.3 Participant 4.4 Participant
4 4 5 5 6
1 2 3 4
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
5 Sc´ en´ aˇ r
7
6 Test setup
8
7 Issues z pˇ redchoz´ı iterace D2
8
8 N´ alezy 8.1 Participant 8.2 Participant 8.3 Participant 8.4 Participant
1 2 3 4
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
. . . .
8 8 9 10 10
9 Anal´ yza n´ alez˚ u
11
10 Z´ avˇ er
15
11 Pˇ r´ıloha
15
i
´ ´I 2 METODA TESTOVAN
1
´ Uvod
V t´eto iteraci jsme prov´adˇeli kvalitativn´ı testov´an´ı na low fidelity prototypu. Toto testov´an´ı mˇelo za u ´kol odhalit ˇspatn´a rozhodnut´ı v n´avrhu ve f´azi, kdy je jeˇstˇe relativnˇe levn´e prov´adˇet rozs´ahl´e modifikace.
2
Metoda testov´ an´ı
Metoda testov´an´ı low fidelity prototypu v t´eto iteraci je kvalitativn´ı testov´an´ı. Pr˚ ubˇeh tohoto testov´an´ı se vyznaˇcuje velk´ ym mnoˇzstv´ım ˇcasu str´aven´ ym nad kaˇzd´ ym participantem, a hloubkou anal´ yzy v´ ysledk˚ u tˇechto test˚ u. Tato metoda je velice citliv´a na tzv. outliery, kde v pˇr´ıpadˇe ˇze vˇsichni participanti budou extr´emn´ı pˇr´ıpady uˇzivatel˚ u, z´ıskan´a data budou velice zkreslen´a. Je proto nutn´e vˇenovat zv´ yˇsenou pozornost screening procesu v pˇr´ıpravn´e f´azi tohoto testu. Kvantitativn´ı testov´an´ı se vyznaˇcuje n´asleduj´ıc´ımi kl´ıˇcov´ ymi vlastnostmi: Prostˇred´ı Prostˇred´ı by mˇelo b´ yt co nejbl´ıˇze tomu, ve kter´em bude doch´azet k pouˇzit´ı testovan´eho produktu. V naˇsem pˇr´ıpadˇe nebylo toto u ´plnˇe moˇzn´e, protoˇze jsme prov´adˇeli testov´an´ı paralelnˇe s nˇekolika dalˇs´ımi skupinami. Icebreaking Je potˇreba zjistit psychyck´ y stav participanta, a to nejen pro u ´ˇcely zahrnut´ı tohoto stavu do anal´ yzy n´alez˚ u, ale tak´e pro zjiˇstˇen´ı, zda je participant v˚ ubec zp˚ usobil´ y. V pˇr´ıpadˇe, ˇze by byl participant ve ˇspatn´em psychyck´em stavu by mu mohlo proveden´ı samotn´eho testu sp´ıˇse uˇskodit, a to je proti vˇsem z´asad´am uˇzivatelsk´eho testov´an´ı. Informovanost Participant mus´ı b´ yt informov´an o vˇsech leg´aln´ıch aspektech testov´an´ı, souhlasit s nahr´av´an´ım, potaˇzmo jin´ ymi zp˚ usoby z´aznamu, ale tak´e mus´ı b´ yt uvˇedomˇen, ˇze testov´ana je aplikace, a ne participant. Pokud by si participant myslel, ˇze jeho ne´ uspˇech je jeho chyba, a ne chyba aplikace, mohlo by to potencion´alnˇe m´ıt za n´asledek zhorˇsen´ı jeho psychyck´eho stavu, coˇz je nepˇrijateln´e. Pozn´amky Bˇehem testov´an´ı si vˇsichni testuj´ıc´ı p´ıˇs´ı pozn´amky o pr˚ ubˇehu, a prov´ad´ı rychlou anal´ yzu pr˚ ubˇehu, aby byli schopn´ı pokl´adat doplˇ nuj´ıc´ı ot´azky po zakonˇcen´ı hlavn´ı ˇca´sti testu. Moderace Jeden z testuj´ıc´ıch se uj´ım´a role moder´atora testu, a v t´eto roli neust´ale interaguje, nikoliv vˇsak pˇreruˇsuje nebo dokonce vytv´aˇr´ı tlak na participanta. Nahr´av´an´ı Je d˚ uleˇzit´e nahr´avat co nejv´ıce dat z pr˚ ubˇehu testov´an´ı, aby bylo moˇzn´e v pr˚ ubˇehu anal´ yzy ovˇeˇrit n´alezy v konkr´etn´ıch situac´ıch, a d˚ ukladnˇe je prozkoumat.
1/27
3 PROTOTYP
Think aloud Participant by mˇel b´ yt neust´ale motivov´an k vokalizaci sv´ ych myˇslenek, aby bylo maximalizov´an´ı mnoˇzstv´ı informac´ı z testu. Chyby Pokud participant udˇel´a nˇejakou chybu, a je nˇejak´ ym zp˚ usobem sveden z pˇredpˇripraven´eho sc´en´aˇre, je rol´ı moder´atora, aby zjistil proˇc se tomu tak stalo, zajistil aby se kv˚ uli t´e chybˇe participant nec´ıtil ˇspatnˇe, a aby se u ´spˇeˇsnˇe vr´atil zpˇet na cestu sc´en´aˇre. Sc´en´aˇr Testov´an´ı m´a striktnˇe pedepsan´ y sc´en´aˇr v budech element´arn´ıch akc´ı. Tento sc´en´aˇr m´a dvˇe verze. Jedna pro testery, reprezentuj´ı element´arn´ı akce kter´e musej´ı b´ yt vykon´any pro dosaˇzen´ı celkov´eho c´ıle, a jedna pro participanty, kter´a je psan´a formou lidk´ ych obecn´ ych c´ıl˚ u, kter´e na sebe bude kl´ast uˇzivatel pˇri uˇz´ıv´an´ı testovan´eho produktu. Post-test Q V z´avˇeru testov´an´ı vypln´ı uˇzivatel dotazn´ık obsahuj´ıc´ı rating ot´azky na r˚ uzn´e ˇcasti aplikace, ale tak´e otevˇren´e ot´azky, kter´e maj´ı za u ´kol vyl´akat z participanta informace, kter´e ho nenapadli vokalizovat bˇehem testu. Tento dotazn´ık jsme nerealizovali, protoˇze tento rigidn´ı dotazn´ık, kter´ y by si mˇel participant vyplnit s´am a v klidu bychom nebyli schopni realizovat, a nahradili jsme ho konverzac´ı na t´emata, kter´a by se v dotazn´ıku objevila. Debriefing Jako posledn´ı je potˇreba prov´est debriefing, tedy uvolnˇen´ı participanta, podˇekov´an´ı za spolupr´aci a hlavnˇe ujiˇstˇen´ı se, ˇze nech´av´ame participanta ve stejn´em, nebo lepˇs´ım psychyck´em stavu, neˇz v jak´em k n´am dorazil.
3
Prototyp
Poˇzadavky na prototypovac´ı syst´em: • Kompatibilita se ˇcteˇckami obrazovky • Moˇznost vytv´aˇret formul´aˇrov´a pole • Ovl´ad´an´ım bl´ızk´e k webov´ ym aplikac´ım (webov´a aplikace je c´ılov´a forma navrhovan´e aplikace) • Zdarma (ˇci skoro zdarma)
2/27
3 PROTOTYP
Prototypovac´ı syst´em
Kompatibiln´ı Formul´aˇre se ˇcteˇckou
Ovl´ad´an´ı jako web
Zdarma
Axure MS PowerPoint Google spreadsheets Proto.io HTML5
Ne Ano Ano Ano Ano
Ano Ne Ne Ano Ano
Ano, pro studenty Ne Ano 144 USD Ano
Ano Ne Ne Ano Ano
Pro implementaci lightweight prototypu jsme zvolili technologii HTML5, kter´a n´am u ´moˇznila dˇelat ˇcast´e a rychl´e zmˇeny. Vzhledem k textov´e podstatˇe webov´ ych aplikac´ı je moˇzn´e je peˇclivˇe verzovat, coˇz jsme tak´e udˇelali pomoc´ı sys´etmu verzovac´ıho syst´emu GIT. To n´am umoˇznilo m´ıt detailnˇe zaznamenan´ y v´ yvoj protypu. Pˇred zaˇca´tkem v´ yvoje jsme stanovili tato pravidla, kter´a jasnˇe definuj´ı rozsah naˇseho prototypu: • Pouˇzit´ı pouze ˇcist´eho HTML5 (ˇz´adn´e styly ani skripty) • Kaˇzd´a obrazovka jeden soubor • Prototyp si nepamatuje ˇza´dn´a vyplnˇen´a pole Figure 1: Obrazovka pro vyplnˇen´ı osobn´ıch u ´daj˚ u
3/27
4 SCREENING Figure 2: Obrazovka pro volbu ˇcasu n´avˇstˇevy l´ekaˇre
4
Screening
Vzhledem k povaze naˇseho projektu jsme si participanty nemohli vyb´ırat, a tak nebyl samotn´ y screening proveden. Naˇse celkov´e poˇzadavky na participanty z˚ ust´avaj´ı v´ıcem´enˇe beze zmˇen. Pouze pro stupeˇ n zrakov´eho postiˇzen´ y bychom akceptovali nejen u ´plnou nevidomost ale tak´e praktickou nevidomost. Praktick´a nevidomost m´a na schopnost ovl´adat naˇs´ı aplikaci v podstatˇe stejn´ y efekt jako u ´pln´a nevidomost, coˇz znamen´a, ˇze zrakovˇe postiˇzen´ı ˇctvrt´eho stupnˇe tak´e spadaj´ı do c´ılov´e skupiny potenci´aln´ıch uˇzivatel˚ u.
4.1
Participant 1
Prvn´ı participantka se oznaˇcila za pokroˇcilou v pouˇz´ıv´an´ı poˇc´ıtaˇce, konkr´etnˇe vyhled´av´an´ı informac´ı na internetu, vyhled´av´an´ı spojen´ı a komunikace. Telefon pouˇz´ıv´a v´ yhradnˇe na textov´e zpr´avy a vol´an´ı. Pˇr´ıpravu pro pohyb po samotn´e nemocnici neprov´ad´ı, spol´eh´a se na lidi pohybuj´ıc´ı se v nemocnici.
4/27
4 SCREENING
Krit´erium Vˇek Pohlav´ı Vzdˇel´an´ı ˇ Cetnost n´avˇstˇevy doktora Pouˇz´ıvan´ y telefon Okolnosti postiˇzen´ı Stupeˇ n zrakov´eho postiˇzen´ı
31-45 ˇ Zena ˇ SS ˇ Casto (Motol, Karlovo N´amˇest´ı, Bulovka) Symbian ztr´ata v pr˚ ubˇehu ˇzivota stupeˇ n4
Table 1: Screener dotazn´ık
4.2
Participant 2
Druh´ y participant projevil velmi kladn´ y vztah k modern´ım technologi´ım, aˇt uˇz dlouholetou zkuˇsenost´ı s poˇc´ıtaˇci, tak pouˇz´ıv´an´ım modernˇejˇs´ıch chytr´ ych telefon˚ u. Pˇri pl´anov´an´ı cesty do nemocnice si nech´av´a zpravidla pospsat trasu, popˇr´ıpadˇe navˇst´ıv´ı google maps. Krit´erium Vˇek Pohlav´ı Vzdˇel´an´ı ˇ Cetnost n´avˇstˇevy doktora Pouˇz´ıvan´ y telefon Okolnosti postiˇzen´ı Stupeˇ n zrakov´eho postiˇzen´ı
31-45 Muˇz ˇ SS Zˇr´ıdka IPhone nevidom´ y od narozen´ı stupeˇ n5
Table 2: Screener dotazn´ık
4.3
Participant 3
Tˇret´ı participant projevil tak´e kladn´ y vztah k modern´ım technologi´ım. Pˇrestoˇze pouˇz´ıv´a relativnˇe hloup´ y tlaˇc´ıtkov´ y telefon, m´a zkuˇsenosti s IPhone. Pro pl´anov´an´ı cest pouˇz´ıv´a na poˇc´ıtaˇci google maps v´ ystup zpracovan´ y zvl´aˇstn´ı aplikac´ı pro nevidom´e 1 . Participant pouˇz´ıv´a JAWS jako prim´arn´ı ˇcteˇcku, a m´a zde bohat´e zkuˇsenosti.
1
Participant zm´ınil Jiˇr´ıho Fencla jako autora, nicm´enˇe samotnou aplikaci se n´am nepodaˇrilo dohle-
dat.
5/27
4 SCREENING
Krit´erium Vˇek Pohlav´ı Vzdˇel´an´ı ˇ Cetnost n´avˇstˇevy doktora Pouˇz´ıvan´ y telefon Okolnosti postiˇzen´ı Stupeˇ n zrakov´eho postiˇzen´ı
31-45 Muˇz ˇ SS Zˇr´ıdka Symbian nevidom´ y od narozen´ı stupeˇ n5
Table 3: Screener dotazn´ık
4.4
Participant 4
ˇ Ctvrt´ y participant se ˇziv´ y sestavou a instalac´ı poˇc´ıtaˇc˚ u uzp˚ usoben´ ych pro nevidom´e. Betatestuje aplikace pro nevidom´e a pˇrekl´ad´a z angliˇctiny do ˇceˇstiny. M´a velmi kladn´ y vztah k mobiln´ım telefon˚ um a vlastn´ı chytr´e i hloup´e tepefony. Dennodennˇe pouˇz´ıv´a Symbian, jako hraˇcku m´a doma Windows phone, kter´ y okomentoval jako pro nevidom´e nepˇr´ıvˇetiv´ y a Blackberry. Vlastn´ı tak´e Android smartphone, nicm´enˇe iPhone nechce. Na stoln´ım poˇc´ıtaˇci pouˇz´ıv´a screenreader WindowEyes, zkouˇsel i NVDA. JAWS nem´a r´ad. Na Symbianu hojnˇe vyuˇz´ıv´a navigaci. Svou cetu venku pˇredem nepl´anuje, dojede pomoc´ı MHD kam potˇrebuje a tam spust´ı navigaci. Jiˇz se p´ar uˇzivatelsk´ ych test˚ u z´ uˇcastnil. Krit´erium Vˇek Pohlav´ı Vzdˇel´an´ı ˇ Cetnost n´avˇstˇevy doktora Pouˇz´ıvan´ y telefon Okolnosti postiˇzen´ı Stupeˇ n zrakov´eho postiˇzen´ı
31-45 Muˇz ˇ SS Zˇr´ıdka Symbian nevidom´ y od narozen´ı stupeˇ n4
Table 4: Screener dotazn´ık
6/27
´ A ´R ˇ 5 SCEN
5
Sc´ en´ aˇr
Participanti mˇeli za u ´kol proj´ıt sc´en´aˇr Pl´an n´avˇstˇevy doktora, kter´eho uˇzivatel nezn´ a, v D2 oznaˇcen jako Sc´en´aˇr 1.2. Participant v tomto sc´en´aˇri obdrˇzel informaci o sv´em zranˇen´ı (poranˇen´a noha), omezen´ı (berle), specializaci doktora (ortoped), ˇcasov´e preferenci (´ uter´ y), preferovan´e lokalitˇe (Praha 3) a preferovan´em spoji (tramvaj 15). Na z´akladˇe tˇechto poˇzadavk˚ u byl participant za´ ukolov´an sjedn´an´ım n´avˇstˇevy. C´ılem testov´an´ı tohoto sc´en´aˇre bylo nejen otestov´an´ı sc´en´aˇre samotn´eho, ale tak´e otestov´an´ı stylu wizzard-like aplikace (sp´ıˇse line´arn´ı sekvence obrazovek). Tento zp˚ usob pr˚ uchodu procesem v nˇejak´e aplikaci minimalizuje mnoˇzstv´ı informac´ı, kter´e si mus´ı uˇzivatel pamatovat, a ve vˇetˇsinˇe pˇr´ıpad˚ u m´a jen tˇri moˇznosti. Vpˇred, zpˇet a splnit aktu´aln´ı micro-task.
1 Zvolit poloˇzku “Nov´a n´avˇstˇeva” v hlavn´ım menu. 2 Vyplnit osobn´ı informace (vˇcetnˇe omezen´ı pohyblivosti a omezen´ı zraku). 3 Zvolit typ vyhled´av´an´ı l´ekaˇre “podle specializace”. 4 Zvolit specializaci l´ekaˇre “ortoped”. 5 Zvolit preferovanou lokalitu “Praha 3” 6 Zvolit l´ekaˇre “Tom´aˇs Voprˇsa´lek” podle dostupnosti tramvaj´ı. 6.V Zobrazit detail l´ekaˇre. 7 Zvolit kter´ ykoliv ˇcas v u ´ter´ y. 8 Potvrdit informace v rekapitulaci. 9 Zadat sdˇelen´ y SMS k´od. 10 Rozpoznat u ´spˇeˇsn´e ukonˇcen´ı a vr´atit se na u ´vodn´ı obrazovku.
7/27
´ 8 NALEZY
6
Test setup
Testov´an´ı bylo prov´adˇeno na notebooku Lenovo Y570 s procesorem i5, 6GB operaˇcn´ı pamˇeti s operaˇcn´ım syst´emem Windows 8.1, samotn´a aplikace byla spuˇstˇena v prohl´ıˇzeˇci Firefox 40.0.3 a ˇcten´ı bylo realizov´ano demoverz´ı ˇcteˇcky JAWS 16.0.2339. Z d˚ uvodu n´ızkoprofilovosti kl´avesnice na pouˇzit´em notebooku jsme participant˚ um dali k pouˇzit´ı extern´ı vysokoprofilovou kl´avesnici Trust - CLASSICLINE KEYBOARD 2 . ˇ Vˇsechny testy probˇehly na Fakultˇe elektrotechnick´e CVUT v budovˇe E na pracoviˇsti Karlovo n´amˇest´ı v m´ıstnosti KN:E:409 (Gastrolab).
7
Issues z pˇredchoz´ı iterace D2
V pˇredchoz´ı iteraci jsme odhalili n´asleduj´ıc´ı issues, kter´e jsme se v prototypu pokusili vyˇreˇsit a na kter´e jsme v testu pˇri tvoˇren´ı sc´en´aˇre mysleli: • Uˇzivatel se ztrat´ı v dlouh´em seznamu m´ıst, doktor˚ u ˇci specializac´ı - ˇreˇseno strukturov´an´ım seznam˚ u po nadpisech nebo do vnoˇren´ ych seznam˚ u • Uˇzivatel se ztrat´ı na velk´e a komplikovan´e str´ance - ˇreˇseno rozdˇelen´ım aplikace do wizardu • Pro uˇzivatele bude n´aroˇcn´e vybrat si vhodn´ y ˇcas, protoˇze nem´a moˇznost se pod´ıvat na kalend´aˇr a v jednom okamˇziku zjistit vˇsechny voln´e term´ıny Pˇredmˇetem testu je pro n´as vˇsak cel´a aplikace, respektive cel´ y jej´ı hlavn´ı sc´en´aˇr vytvoˇren´ı n´avˇstˇevy a ne pouze idenfitikovan´e issues z D2.
8
N´ alezy
V t´eto sekci budou rozebr´any jednotliv´e n´alezy a u ´kol ve kter´em se objevily. Mezi jednotliv´ ymi participanty doch´azelo k drobn´ ym u ´prav´am prototypu podle n´alez˚ u, budou tedy uvedeny v poˇrad´ı participant˚ u, a nikoliv u ´kol˚ u, jak je tomu zvykem.
8.1
Participant 1
Prvn´ı participant odhalil vˇetˇs´ı mnoˇzstv´ı n´alez˚ u, z nichˇz nˇekter´e souvisely s n´avrhem aplikace, avˇsak jin´e byly sp´ıˇse zamˇeˇreny na zp˚ usom, jak´ ym ˇcteˇcka prezentuje obsah str´anky. V z´avorce jsou uvedena ˇc´ısla bod˚ u sc´en´aˇre, ve kter´ ych se n´alez objevil. 2
http://trust.com/en/product/17184-classicline-keyboard
8/27
´ 8 NALEZY
1.1 JAWS opakuje “neplatn´e zad´an´ı” pˇred kaˇzd´ ym povinn´ ym vstupem formul´aˇre. (2, 9) 1.2 Participant se nechtˇenˇe vr´atil o krok zpˇet aniˇz by o tom vˇedˇel. (2) 1.3 Participant chce vyplnit informace o l´ekaˇri na str´ance s osobn´ımi informacemi. (2) 1.4 JAWS na kaˇzd´e str´ance ˇcte titulek a nadpis, coˇz jsou mnohdy stejn´e informace. (1-10) 1.5 Participant si nechal vypsat vˇsechny odkazy na str´ance a snaˇz´ı se pˇrech´azet po odkazech pro vybr´an´ı doktora, kter´e vytrˇzen´e z kontextu neinformuj´ı o tom, o kter´eho doktora se jedn´a. (6) 1.6 Participant hled´a na str´ance nadpis, i kdyˇz tam ˇza´dn´ y nen´ı. (7) 1.7 JAWS nerozpozn´av´a zkratky a ˇcte je jako slova. (6.V, 9) 1.8 Participant si pochvaluje pˇr´ıtomnost pˇr´ıtomnost varov´an´ı o ˇspatn´e dopravn´ı dostupnosti. (6.V) 1.9 Participant si nen´ı jist´ y, zda chce pˇrej´ıt na potvrzovac´ı odkaz. (8) 1.10 Participant zmiˇ nuje, ˇze narativa pr˚ uchodu aplikac´ı by usnadnila jej´ı pouˇzit´ı. (10) 1.11 Participant nev´ı, jak´ y stupeˇ n zrakov´eho postiˇzen´ı m´a (aplikace prezentovala pouze ˇc´ıseln´ y seznam). (2)
8.2
Participant 2
Druh´ y participant odhalil minimum probl´em˚ u, coˇz pˇrikl´ad´ame pˇredevˇs´ım zkuˇsenostem participanta, ale tak´e faktu, ˇze mnoho chyb bylo v prototypu jiˇz opraveno po testov´an´ı s prvn´ım participantem. Je nutn´e br´at na zˇretel, ˇze u ´spˇech aplikace s t´ımto participantem nen´ı nutnˇe d˚ ukazem jej´ı kvality, a naopak to m˚ uˇze b´ yt zkuˇsenost participanta s aplikacemi n´ızk´e kvality a adaptace na tento stav, co zp˚ usobylo bezprobl´emov´ y pr˚ uchod. 9/27
´ 8 NALEZY
2.1 Participant intuitivnˇe pouˇz´ıv´a kl´avesovou zkratku “B” — “nejbliˇzˇs´ı tlaˇc´ıtko” pro pˇrechod na dalˇs´ı str´anku. (8) 2.2 Participant pˇrirovn´av´a pr˚ uchod aplikac´ı k nakupov´an´ı na internetu. (8) 2.3 Participant po testu chv´alil aplikaci, ˇze “nen´ı ukecan´a”. Vyhovovalo mu, ˇze aplikace nem´a ˇza´dn´e hlavn´ı menu a obsahuje m´alo textu.
8.3
Participant 3
Tˇret´ı participant odhalil o nˇeco v´ıce probl´em˚ u, a to pˇresto, ˇze jeho zkuˇsenost s modern´ımi technologiemi byla podobn´a t´e u druh´eho participanta.
3.1 Participant nerozpoznal, ˇze se nach´az´ı v autocomplete seznamu inputu. (2) 3.2 Participant se ztratil po pouˇzit´ı ˇc´ıseln´eho vstupu. (2) 3.3 JAWS ˇcte “krok 2/7” jako “krok dvazsedm”. (3) 3.4 JAWS ˇcte grafick´e elementy poloˇzek seznamu. (4)
8.4
Participant 4
ˇ Ctvrt´ eho uˇzivatele povaˇzujeme za power usera, tj. uˇzivatele velmi zbˇehl´eho v pouˇz´ıv´an´ı poˇc´ıtaˇce. Participant si s aplikac´ı poradil bez probl´em˚ u a proˇsel j´ı nejrychleji ze vˇsech. To pˇrisuzujeme jednak faktu, ˇze aplikace byla jiˇz dobˇre odladˇen´a a dvak tomu, ˇze jde o velmi zkuˇsen´eho uˇzivatele. I pˇresto, ˇze uˇzivatel je zvykl´ı na jin´ y screenreader (na WindowEyes) byl schopn´ y pouˇz´ıt JAWS.
4.1 Participant si chv´al´ı, ˇze aplikace obsahuje nadpisy a vyuˇz´ıv´a je - napˇr´ıklad pˇri hled´an´ı mˇesta skoˇcil pomoc´ı Ctrl+F na nadpis “Praha” aby tak rychle naˇsel “Praha 3”. (5) 10/27
´ ´ ˚ 9 ANALYZA NALEZ U
4.2 Participant hled´a u textu “Pokraˇcov´an´ım souhlas´ıte se zpracov´an´ım osobn´ıch u ´daj˚ u” zaˇskrt´av´atko. (8) 4.3 Participant si pochvaluje skryt´ı l´ekaˇr˚ u, kteˇr´ı nepodporuj´ı j´ım vybranou zdravotn´ı ˇ pojiˇstovnu. (6)
9
Anal´ yza n´ alez˚ u
V t´eto sekci jsou rozebr´any jednotliv´e n´alezy, popˇr´ıpadˇe zp˚ usob, jak´ ym jsme se je rozhodli ˇreˇsit. Pokud je tak ˇreˇceno, ˇreˇsen´ı bylo aplikov´ano pˇred testem s dalˇs´ım participantem.
1.1 JAWS opakuje “neplatn´e zad´an´ı” pˇred kaˇzd´ ym povinn´ ym vstupem formul´aˇre. Toto je zp˚ usobeno t´ım, ˇze pˇri vstupu na povinn´ y prvek formul´aˇre je tento prvek pr´azdn´ y, t´ım p´adem neplatnˇe vyplnˇen´ y, a proto ˇcteˇcka danou skuteˇcnost ozn´am´ı uˇzivateli. Je potˇreba zjistit, zda uˇzivatel na pole vstupuje poprv´e, nebo dynamicky reagovat na v´ ysledn´e vyplnˇen´ı kdyˇz uˇzivatel pole opouˇst´ı. Druh´a volba m˚ uˇze b´ yt provedena pomoc´ı javascriptu, kter´ y dynamicky mˇen´ı chybovou hl´aˇsku povˇeˇsenou pˇr´ımo za polem kter´e bylo nespr´avnˇe vyplnˇeno. T´ım p´adem nedoch´az´ı ke zmˇen´am ˇca´sti str´anky, kterou uˇzivatel jeˇstˇe nepˇreˇcetl, a z´aroveˇ n se o chybˇe dozv´ı hned jak opust´ı dan´e pole. Pro n´asleduj´ıc´ı participanty jsme vˇsechna pole oznaˇcili za nepovinn´a pro urychlen´ı testov´an´ı. 1.2 Participant se nechtˇenˇe vr´atil o krok zpˇet aniˇz by o tom vˇedˇel. K tomuto doˇslo, protoˇze odkaz na vr´acen´ı obsahoval pouze text “Zpˇet”, kter´ y je pˇreˇcten velice rychle, a je snadn´e ho minout. Tento n´alez n´as motivoval pro dalˇs´ı testov´an´ı prodlouˇzit vˇsechny zpˇetn´e odkazy o text obsahuj´ıc´ı popis str´anky na kterou bude krok proveden. 1.3 Participant chce vyplnit informace o l´ekaˇri na str´ance s osobn´ımi informacemi. Toto bylo zapˇr´ıˇcinˇeno t´ım, ˇze jsme nezd˚ uraznili, ˇze se jedn´a o wizzard-like aplikaci, a participant oˇcek´aval jeden dlouh´ y formul´a kde vypln´ı vˇse. Pro dalˇs´ı testov´an´ı jsme um´ıstili u ´vodn´ı vˇetu informuj´ıc´ı participanty, jak´ y form´at aplikace bude m´ıt. 1.4 JAWS na kaˇzd´e str´ance ˇcte titulek a nadpis, coˇz jsou mnohdy stejn´e informace. Toto nen´ı p´ımo usability probl´em, jako sp´ıˇse zkr´acen´ı ˇcten´eho textu. V n´asleduj´ıc´ım testov´an´ı jsme nahradili titulek zkratkou PMD (Planner M.D.) pro informov´an´ı participanta na kter´e z´aloˇzce se nach´az´ı, a nechali jsme jako informaci o obsahu str´anky prvn´ı titulek.
11/27
´ ´ ˚ 9 ANALYZA NALEZ U
1.5 Participant se snaˇz´ı pˇrech´azet po odkazech pro vybr´an´ı doktora, kter´e vytrˇzen´e z kontextu neinformuj´ı o tom, o kter´eho doktora se jedn´a. Nevidom´ı pˇri orientaci na webov´e str´ance pouˇz´ıvaj´ı v´ ypis odkaz˚ u na str´ance pro skok na konkr´etn´ı odkaz o jehoˇz existenci vˇed´ı. V tomto v´ ypisu jsou vˇsak vytrˇzen´e z kontextu, a tak odkaz s textem “Vybrat” spr´avnˇe identifikovat, pokud se takov´ ych odkaz˚ u nach´az´ı na str´ance vˇetˇs´ı mnoˇzstv´ı. V dalˇs´ım testov´an´ı jsme se rozhodli doplnit text “Vybrat” odkaz˚ u o jm´eno doktora kter´eho participant vyb´ır´a. 1.6 Participant hled´a na str´ance nadpis, i kdyˇz tam ˇza´dn´ y nen´ı. Z koment´aˇre participanta vyplynulo, ˇze vˇzdy hled´a na str´ance nadpisy pro rychlou identifikaci obsahu na str´ance, nam´ısto pˇredˇc´ıt´an´ı cel´e str´anky od zaˇca´tku. Pro n´asleduj´ıc´ı testy jsme doplnili nadpisy do vˇsech krok˚ u. 1.7 JAWS nerozpozn´av´a zkratky a ˇcte je jako slova. Pouˇzit´ı zkratek m´a za u ´kol zryclen´ı prohl´ıˇzen´ı obsahu aplikace, nicm´enˇe nem˚ uˇze tomu tak b´ yt za cenu jejich neˇcitelnosti. Tento probl´em se nepodaˇrilo vyeˇsit ani pomoc´ı HTML tagu “abbr”, kter´ y je pˇr´ımo urˇcen pro vypisov´an´ı zkratek. Rozhodli jsme se proto vˇsechny zkratky v n´asleduj´ıc´ım testov´an´ı vypsat foneticky, coˇz ˇcteˇcka pˇreˇcte korektnˇe. Pˇr.: “MHD” → “Em H´a D´e”. 1.8 Participant si pochvaluje pˇr´ıtomnost varov´an´ı o ˇspatn´e dopravn´ı dostupnosti. Tato reakce naznaˇcuje, ˇze naˇse rozhodnut´ı zahrnout tuto funkcionalitu do aplikace bylo spr´avn´e, a mˇeli bychom vˇenovat zv´ yˇsenou pozornost jeho implementaci. 1.9 Participant si nen´ı jist´ y, zda chce pˇrej´ıt na potvrzovac´ı odkaz. Doˇsli jsme k z´avˇeru, ˇze slovo potvrdit je pˇr´ıliˇs kr´atk´e, a nevypov´ıd´a dostateˇcnˇe jasnˇe co se bude d´ıt d´al, popˇr´ıpadˇe co participant potvrzuje. V dalˇs´ım testov´an´ı jsme tedy odkaz rozˇs´ıˇrili na celou vˇetu. 1.10 Participant zmiˇ nuje, ˇze narativa pr˚ uchodu aplikac´ı by usnadnila jej´ı pouˇzit´ı. Jako vid´ıc´ı jsme zvykl´ı na vizu´aln´ı narativu v aplikac´ıch, kter´a n´am v´ yraznˇe pom´ah´a v orientaci (napˇr´ıklad pr´ace s kontrastem, ikony, vizu´aln´ı rozloˇzen´ı element˚ u na str´ance, . . . ), avˇsak tato narativa nen´ı dostupn´a pro nevidom´e, a mus´ı tedy b´ yt nahrazena jinou. V n´asleduj´ıc´ım testov´an´ı jsme na nˇekter´e obrazovky vloˇzili vˇetu uv´adˇej´ıc´ı u ´kol na dan´e obrazovce. 1.11 Participant nev´ı, jak´ y stupeˇ n zrakov´eho postiˇzen´ı m´a. Podle diskuse s participanty jsme doˇsli k z´avˇeru, ˇze je tato informace v jejich ˇzivotˇe naprosto zbyteˇcn´a a d´avno zapomenut´a, a mimo jin´e, klasifikace tˇechto stupˇ n˚ u nejsou jednoznaˇcn´e. Toto lze snadno opravit vloˇzen´ım popisu pˇr´ısluˇsn´eho stupnˇe postiˇzen´ı pˇr´ımo do aplikace, nam´ısto ˇc´ısla. Tuto opravu jsme v prototypu neprovedli, protoˇze jej´ı v´ yznam nebyl jasn´ y dokud se tato situace neobjevila u tˇret´ıho participanta. Tento n´alez nebude d´ale vyps´an, ale nastal u vˇsech participant˚ u.
12/27
´ ´ ˚ 9 ANALYZA NALEZ U
2.1 Participant intuitivnˇe pouˇz´ıv´a kl´avesovou zkratku “B” — “nejbliˇzˇs´ı tlaˇc´ıtko” pro pˇrechod na dalˇs´ı str´anku. Zv´aˇzili jsme pouˇzit´ı tlaˇc´ıtek pro postup aplikac´ı na nˇekolika m´ıstech, avˇsak nikde se to vyloˇzenˇe nenab´ızelo. Rozd´ıl mezi pouˇzit´ım tlaˇc´ıtka a odkazu je tˇreba otestovat samostatnˇe a vyvodit z´avˇery na z´akladˇe takov´eho testu. 2.2 Participant pˇrirovn´av´a pr˚ uchod aplikac´ı k nakupov´an´ı na internetu. Toto pˇrirovn´an´ı silnˇe odpov´ıd´a naˇs´ı pˇredstavˇe o hladk´em pr˚ uchodu libovoln´ ym procesem v aplikaci. Tento n´alez n´as inspiroval v pˇrid´an´ı ˇcitaˇce krok˚ u (aktu´aln´ı/celkem) pro ´ cel dalˇs´ı testov´an´ı, kter´ y se ˇcasto objevuje pr´avˇe v n´akupn´ıch procesech eshop˚ u. Uˇ tohoto ˇcitaˇce je nejen ujiˇstˇen´ı uˇzivatele, ˇze postupuje spr´avn´ ym smˇerem, ale tak´e jako rychl´a reference na kter´e konkr´etn´ı str´ance se nach´az´ı. 2.3 Participant po testu chv´alil aplikaci, ˇze “nen´ı ukecan´a”. Toto potvrdilo n´aˇs designersk´ y z´amˇer. ˇ cka nijak neozn´amila, 3.1 Participant nerozpoznal, ˇze se nach´az´ı v napov´ıd´an´ı inputu. Cteˇ ˇze se rozbalil dropdown napov´ıdac´ı seznam pro input formul´aˇre, a t´ım p´adem byl ˇ sen´ı by mˇelo b´ participant zmaten. Reˇ yt zak´az´an´ı napov´ıd´an´ı pro vˇsechny inputy, protoˇze i pro minoritu velmi ˇcast´ ych n´avˇstˇevn´ık˚ u nebude tato funkcionalita dostateˇcnˇe n´apomocn´a, aby vyv´aˇzila potenci´aln´ı negativn´ı dopad na vˇsechny ostatn´ı uˇzivatele. 3.2 Participant se ztratil po pouˇzit´ı ˇc´ıseln´eho vstupu. K tomu pravdˇepodobnˇe doˇslo t´ım, ˇze se participant snaˇzil orientovat ˇsipkami na dalˇs´ı formul´aˇrov´ y vstup, ale ˇc´ıseln´ y vstup (“input” s typem “number”) na ˇsipky nahoru/dol˚ u prov´ad´ı increˇ tuto funkcionalitu zak´azat, nebo ment/decrement hodnoty. Bylo by dobr´e bud pouˇz´ıt standardn´ı vstup s javascriptovou kontrolou obsahu, kter´a potenci´alnˇe vyp´ıˇse chybu za vstupem, jak bylo jiˇz zm´ınˇeno v´ yˇse. 3.3 JAWS ˇcte “krok 2/7” jako “krok dvasedm”. T´ımto se naprosto z´aznam pr˚ ubˇehu v kroc´ıch m´ıj´ı u ´ˇcinkem. Je potˇreba rozepsat tuto informaci do podoby “krok dva ze sedmi” aby ˇcteˇcka prezentovala tuto informaci spr´avnˇe, a bylo to tak k nˇejak´emu uˇzitku. 3.4 JAWS ˇcte grafick´e elementy poloˇzek seznamu. Toto samozˇrejmˇe m˚ uˇze b´ yt v nˇekter´ ych situac´ıch prospˇeˇsn´e, protoˇze tato informace prezentuje u ´roveˇ n vnoen´ı v seznamu, nicm´enˇe v p´ıpadech jin´ ych, jako nap´ıklad seznam l´ekaˇr˚ u podle specializace, kde je pouze jedna u ´roveˇ n vnoˇren´ı, je tato reprezentace sp´ıˇse na ˇskodu. U kaˇzd´eho z´aznamu pak JAWS ˇcte “pr´azdn´e koleˇcko”, pˇrestoˇze je evidentn´ı, ˇze se jedn´a o polˇzku stejn´e u ´rovnˇe jako ta pˇredchoz´ı. V pˇr´ıpadˇe tohoto typu seznam˚ u 3 je potˇreba grafick´e elementy zak´azat, aby nebyly ˇcteny .
3
Pouˇzit´ı seznamu je nutn´e, protoˇze v´ yraznˇe usnadˇ nuje a urychluje pohyb po r˚ uzn´ ych u ´rovn´ıch delˇs´ıho strukturovan´eho seznamu.
13/27
´ ´ ˚ 9 ANALYZA NALEZ U
4.1 Participant hledal u textu “Pokraˇcov´an´ım souhlas´ıte se zpracov´an´ım osobn´ıch u ´daj˚ u” zaˇskrt´av´atko. Participant je zvykl´ y, ˇze u takov´eho textu b´ yv´a zaˇskrt´av´atko a proto ho tam hledal. Vzhledem k tomu, jak rychle s aplikac´ı pracoval si nevˇsiml, ˇze text nevyz´ yv´a k zaˇskrtnut´ı a informuje o tom, ˇze pokud bude uˇzivatel pokraˇcovat, tak souhlas´ı se zpracov´an´ım osobn´ıch u ´daj˚ u. Vzhledem k tomu, ˇze ostatn´ı participanti tento probl´em nemˇeli a nechceme nutit uˇzivatele zaˇskrt´avat nesmysln´ y checkbox, nebudeme checkbox pˇrid´avat. Vhodn´e by nicm´enˇe bylo na zpracov´an´ı osobn´ıch u ´daj˚ u upozornit uˇz na zaˇc´atku aplikace, aby nenastala situace, ˇze uˇzivatel vˇse pracnˇe vypln´ı a na konci wizardu zjist´ı, ˇze nechce pokraˇcovat. Dobr´e by tak´e bylo text zmˇenit na: “Pokraˇcov´an´ım pomoc´ı tlaˇc´ıtka n´ıˇze souhlas´ıte se zpracov´an´ım osobn´ıch u ´daj˚ u”
14/27
ˇ´ILOHA 11 PR
10
Z´ avˇ er
Toto testov´an´ı n´am odhalilo velk´e mnoˇzstv´ı probl´em˚ u, kter´e mˇeli relativnˇe snadn´e ˇreˇsen´ı, takˇze jsme byli schopni zahrnout tato ˇreˇsen´ı v testech inkrement´alnˇe s kaˇzd´ ym dalˇs´ım participantem. Toto nen´ı striktnˇe univerz´alnˇe spr´avn´ y zp˚ usob, protoˇze je moˇzn´e, ˇze uprav´ıme aplikaci pro participanta, kter´ y je sp´ıˇse outliner naˇs´ı c´ılov´e skupiny. Tento fakt jsme pˇri u ´prav´ach brali na zˇretel. Pˇri testov´an´ı jsme si ovˇeˇrili, ˇze pˇri ˇreˇsen´ı issues z D2 jsme se vydali spr´avn´ ym smˇerem. Uˇzivatel´e vyuˇz´ıvali berliˇcek ve formˇe seznam˚ u i nadpis˚ u, pˇr´ıpadnˇe funkˇcnosti ˇcteˇcky, o kter´ ych jsme ani nevˇedˇeli (jmenovitˇe v´ ypis vˇsech odkaz˚ u na str´ance pomoc´ı JAWS kl´avesov´e zkratky ctrl+B ). Issues budeme vˇsak nad´ale testovat i v D4, protoˇze je potˇreba dodat do aplikace v´ıce dat. Ve v´ ysledku n´am testov´an´ı tohoto prototypu dalo velk´e mnoˇzstv´ı informac´ı potˇrebn´ ych pro tvorbu kvalitn´ıho high fidelity prototypu. Je vˇsak nutn´e dodat, ˇze vˇetˇsina nalezen´ ych probl´em˚ u byli jen kosmetick´e vady, kter´e by byli pravdˇepodobˇe stejnˇe snadno opraviteln´e na high fidelity prototypu.
11
Pˇr´ıloha
Zde jsou pˇriloˇzeny sn´ımky jednotliv´ ych obrazovek zpracov´avan´eho sc´en´aˇre pro snadnou referenci.
15/27
ˇ´ILOHA 11 PR
Figure 3: Obrazovka s hlavn´ım menu
16/27
ˇ´ILOHA 11 PR
Figure 4: Obrazovka pro vyplnˇen´ı osobn´ıch u ´daj˚ u
17/27
ˇ´ILOHA 11 PR
Figure 5: Obrazovka pro v´ ybˇer typu vyhled´av´an´ı l´ekaˇre
18/27
ˇ´ILOHA 11 PR
Figure 6: Obrazovka pro v´ ybˇer l´ekaˇre podle specializace
19/27
ˇ´ILOHA 11 PR
Figure 7: Obrazovka pro upˇresnˇen´ı lokality
20/27
ˇ´ILOHA 11 PR
Figure 8: Obrazovka s v´ ypisem dostupn´ ych l´ekaˇr˚ u
21/27
ˇ´ILOHA 11 PR
Figure 9: Obrazovka s informacemi o vhodn´em l´ekaˇri
22/27
ˇ´ILOHA 11 PR
Figure 10: Obrazovka pro volbu ˇcasu n´avˇstˇevy l´ekaˇre
23/27
ˇ´ILOHA 11 PR
Figure 11: Obrazovka s rekapitulac´ı cel´eho procesu
24/27
ˇ´ILOHA 11 PR
Figure 12: Obrazovka pro potvrzen´ı kontaktu
25/27
ˇ´ILOHA 11 PR
Figure 13: Obrazovka oznamuj´ıc´ı u ´spˇech
26/27
ZDROJE
Zdroje [1] Martin Hassman Vyzkouˇsejte si, jak vn´ımaj´ı web nevidom´ı uˇzivatel´e s JAWS, https://www.zdrojak.cz/zpravicky/jak-vnimaji-web-nevidomi-uzivatele-sjaws/, Zdrojak, 2015. ˇ anky z webov´e str´anky webaim, http://webaim.org/articles/, We[2] WebAIM.org Cl´ bAim, 2015. [3] Google Developers Making Accessible Web Apps Using HTML5 and ChromeVox, https://www.youtube.com/watch?v=x18vEEfpK3g, Youtube, 2015.
27/27
