Přístupnost AVG stránek Semestrální projekt předmětu Návrh uživatelského rozhraní (NUR) CVUT FEL, Otevřená informatika 29. října 2011 1
Obsah 1 Deliverable 1 3 1.1 Školní zadání....................................... 3 1.2 Zadání upřesněné firmou AVG............................. 3 1.3 Screener.......................................... 3 1.3.1 Formulace dotazníku............................... 3 1.3.2 Forma kontaktu................................. 3 1.4 Interview......................................... 3 1.4.1 Témata...................................... 3 1.4.2 Otázky...................................... 4 1.5 Analýza a interpretace nashromážděných dat..................... 5 1.5.1 Získané vědomosti................................ 5 1.5.2 Popis problému.................................. 5 2 Deliverable 2 5 2.1 Use-cases, scénáře.................................... 5 2.2 Hierarchical task analysis (HTA)............................ 6 2.3 Plány........................................... 6 2.4 Sketches.......................................... 7 2.5 Storyboard........................................ 8 2.6 Závěr D2......................................... 10 2
1 Deliverable 1 1.1 Školní zadání Práce se má zabývat doporučeními změn designu korporátního webu. Cílovou skupinou jsou zrakově hendikepovaní. Low-fid prototyp by měl obsahovat sběr dat, testování a doporučení změn webu. High-fid prototyp by potom měl být ve verzi HTML, která se bude testovat pomocí čteček obrazovky. 1.2 Zadání upřesněné firmou AVG Zadání firmy AVG se od školního mírně liší. Požadavky firmy nezahrnují vývoj HTML, ale převážně jen testování stránek pomocí čtečky Jaws a následné návrhy změn stránek. Práce se má věnovat jen hlavním stránkám webu (homepage, product pages). 1.3 Screener Screener by měl sloužit k filtraci nevhodných kandidátů pro interview. Řečeno jinými slovy určit, zda respondent odpovídá požadované cílové skupině. Cílovou skupinou jsou v našem připadě nevidomí. Vycházíme v tomto aspektu z požadavků firmy AVG na testování přístupnosti na nevidomých uživatelích. Zpřístupnění webu nevidomým by mělo pokrýt většinu obecných požadavků na přístupnost. I přes poměrně úzkou cílovou skupinu nevidomých požadujeme od respondentů znalost práce s počítačem. Respondent by měl pracovat se čtěčkou na způsobu již zmiňované čtečky Jaws. 1.3.1 Formulace dotazníku U vyhovujících respondentů očekáváme kladné odpovědi na následující otázky. Předpokládáme dotazování osob se zrakovým postižením. Pracujete s počítačem? Využíváte při práci na počítači možnosti internetu? Používáte softwarové čtečky obrazovky? Například Jaws? 1.3.2 Forma kontaktu Pro navázání kontaktu s potenciálními respondenty volíme formu doporučení od příslušných odborníků. Takto jsme představeni Jaroslavovi Kučerovi či přes speciální pedagožku PaeDr. Janu Vachulovou oslovujeme další potenciální respondenty. Vzhledem k časovým možnostem se uskutečnilo interview pouze s panem Kučerou. V kontaktu jsme též se Zdeňkem Rybákem, který předběžně souhlasil se spoluprácí. 1.4 Interview Kvůli náročnosti sehnání vhodných respondentů se nám podařilo do daného termínu uspořádat pouze jedno interview. Naším respondentem byl pan Jaroslav Kučera, dlouhodobý nevidomý spolupracovník fakulty. 1.4.1 Témata Před samotným interview jsme si stanovili následující hlavní témata: Používání počítače - zde nás zajímal uživatelův názor na používání počítače, frekvence používání počítače, operační systém 3
Pomůcky pro nevidomé - V tomto oboru jsme předem neměli mnoho znalostí, zajímali jsme se o čtečky obrazovky a braillův řádek. Používání internetu - zajímaly nás internetové prohlížeče, jejich kompabilita se čtečkou, často navštěvované stránky, technologie. AVG web - s respondentem jsme přímo zkoušeli přístupnost AVG stránek. 1.4.2 Otázky Následuje přehled pokládaných otázek spolu s zestručněnými odpověd mi. Jak často používáte PC? denně, nekolik hodin Co na PC děláte? čtení, učení, programování Jaký používáte operační systém? Windows XP (dobrá kompabilita se čtečkou) Jaký máte v PC antivirus? Původně AVG free, ted plná verze Jaké pomůcky pro nevidomé používáte? klávesové zkratky, čtení kláves, čtečka odchytávající zprávy na obrazovce - Jaws (případně Orca - Linux Ubuntu) Jaký internetový prohlížeč používáte? Internet explorer - nejlepší podpora čtečky, ve virtuálním režimu vydávání povelů pomocí písmen Jaké stránky navštěvujete? divoch.cz, novinky.cz, centrum.cz, google vyhledávání Má čtečka problémy s nějakými typy webových technologií? ano, s javascript, ajax, flash prezentace. Procházení AVG webu (zde neuvádíme otázky): Po otevření stránky se nevidomý uživatel orientuje pomocí nadpisů. Může procházet nadpisy, podnadpisy, tlačítka. Uživateli není jasný hlavní nadpis stránky. Některá tlačítka čtečka špatně zpracovává (jde převážně o reklamu). Stránky jsou až na drobné nedostatky na první pohled pro respondenta celkem čitelné. 4
1.5 Analýza a interpretace nashromážděných dat Do této doby jsme se věnovali shromažd ování informací o způsobech, jakým nevidomí uživatelé pracují s počítačem respektive na internetu. 1.5.1 Získané vědomosti Většina činnosti na počítači je nevidomému uživateli zprostředkována tzv. softwarovou čtečkou. Uživatel ke vstupu využívá standardní klávesnici. Hojně využívá klávesových zkratek. Události mu jsou zprostředkovány hlasovým výstupem. Uživateli je přístupná struktura webu. Ovšem je nutné ji procházet postupně například po nadpisech či sekcích. Uživatel je omezen čekáním na zpětnou hlasovou vazbu o své činnosti. Grafické prvky, které jsou nevidomému uživateli skryté, by neměly obsahovat více informací, než je možné popsat v tzv. alt atributech. Využití technologií jako je Javascript či Flash přináší zvýšení rizika nepřístupnosti. 1.5.2 Popis problému Pro podrobnou analýzu webu AVG je nutností testování pomocí čtečky Jaws. V první fázi by mělo dojít k určení prvků, které jsou nevidomému uživateli nepřístupné či znepříjemňují prohlížení stránek. V další fázi bude nutné navrhnout opatření a úpravy, které by problémové části stránek pokud možno opravily. 2 Deliverable 2 2.1 Use-cases, scénáře Po rozhovorech se zadavatelem i vybraným uživatelem jsme vytvořili následující tři scénáře, které popisují naprostou většinu případů navštívení AVG stránek nevidomým. Scénář 1: Zakoupení nového antiviru Nevidomý uživatel se rozhodne koupit AVG Anti-virus (licenci na 1 rok). Po načtení stránky www.avg.com chce nejjednodušším možným způsobem získat informace o produktu a následně ho zakoupit (případně si stáhnout zkušební verzi). Scénář 2: Obnovení licence Spokojený uživatel AVG softwaru si chce po roce používání antiviru prodloužit licenci. Musí otevřít příslušnou stránku a následně zadat kód, (který je v současné verzi stránek dostupný jen vizuálně). Scénář 3: Získání podpory Uživatel má se zakoupeným softwarem problémy, potřebuje se podívat na časté dotazy. Pokud zde pomoc nenajde, chce získat kontakt a požádat o pomoc přímo operátora (telefonicky nebo emailem). 5
2.2 Hierarchical task analysis (HTA) V této části analýzy jsme se zaměřili na strukturu problému. Podle specifikovaných scénářů jsme sestrojili hierarchickou analýzu - viz obrázek 1. Dělení v hloubce jedna odpovídá rozdělení scénářů. Zeleně jsou označeny situace, ve kterých se uživatel úspěšně dobral požadovaného cíle. AVG web Zakoupení nového antiviru Obnovení licence Získání podpory AVG Antivirus AVG Internet security Podpora Koupit nyní Zadat email, potvrdit odeslání kódu Časté dotazy Nákupní košík Kontakt na operátora (telefon, email) Obrázek 1: HTA analýza používání stránek AVG 2.3 Plány Plány jsou posloupnosti operací, kde operace odpovídají položkám HTA. Při analýze jsme tedy uvažovali následující tři plány: Plán 1: Zakoupení nového antiviru AVG web > Zakoupení nového ativiru > Volba softwaru > Koupit nyní > Nákupní košík Plán 2: Obnovení licence AVG web > Podpora > Obnovení licence > Zadat email, potvrdit odeslání kódu Plán 3: Získání podpory AVG web > Podpora > Časté dotazy > Kontakt na operátora (telefon, email) 6
NUR - Pr ı stupnost AVG stra nek Datum: 29. r ı jna 2011 2.4 Pavel Janovsky, Martin Schaefer ty m5, AV-WEB Sketches Na sledujı cı sketche na s uva dı do problematiky pouz itı poc ı tac e resp. internetu nevidomy m uz ivatelem. Obra zek 2: Nevidomy Obra zek 3: U poc ı tac e Obra zek 4: Periferie Nevidomy uz ivatel vyuz ı va jiny ch vstupne -vy stupnı ch zar ı zenı nez uz ivatel vidı cı. Vyuz ı va softwarovy odec ı tac, ktery pr eva dı zobrazenou stra nku do zvukove podoby. K prozkouma nı stra nky si je tr eba nechat pr ec ı st, co se na stra nce nacha zı. V pr ı pade rozsa hly ch stra nek tato c innost mu z e by ti c asove na roc na. Obsah obra zku bez popisku je pro poc ı tac resp. uz ivatele nedostupny. Obra zek 6: Obra zky bez popisku Obra zek 5: C asova na roc nost 7
NUR - Pr ı stupnost AVG stra nek Datum: 29. r ı jna 2011 Pavel Janovsky, Martin Schaefer ty m5, AV-WEB Dobr e strukturovana stra nka je pr ehledne js ı, uz ivatel mu z e vyuz ı t procha zenı po nadpisech urc ite u rovne - ulehc ı me mu orientaci. Obra zek 7: Nepr ehledna struktura 2.5 Obra zek 8: Pr ehledne js ı struktura Storyboard Na sledujı cı storyboard zna zorn uje pr ı klad Sce na r e 1. Tak mám nový počítač Nezapomeň na antivir! Obra zek 9: Inspirace 8
NUR - Pr ı stupnost AVG stra nek Datum: 29. r ı jna 2011 Pavel Janovsky, Martin Schaefer ty m5, AV-WEB...AVG.COM Nejlepší antivir zdarma. Tak, co najedeme na Googlu... antivir Pro domácnost! Vida, mrkneme se na to! Obra zek 10: Volba antiviru Page has twentyfour headings and one hundred fifteen links Antivir AVG vertical bar Antivirus a zabezpečení Internetu. Heading 1 : Pro domácnost Obra zek 11: Prvnı pr ı stup k AVG stra nka m Heading 2 : AVG Antivirus... Link: Stánout AVG Antivirus Tak si ho stáhneme! Enter! OK Obra zek 12: Volba AVG softwaru Obra zek 13: Staz enı AVG softwaru 9
2.6 Závěr D2 Na základě rozhovorů s potenciálními uživateli a zadavatelem jsme v této části vytvořili 3 základní scénáře. Se scénáři jsou úzce svázány plány akcí, které jsou v hierarchizované podobě zaneseny v HTA. Využili jsme možnosti sketchování, v našem případě jsme si ujasnili představu o práci nevidomého uživatele s webovými stránkami AVG. Uvedený storyboard ilustruje jeden z možných scénářů použití webových stránek nevidomým uživatelem. 10