Mendelova univerzita v Brně Provozně ekonomická fakulta
Systém kontroly kvality webové prezentace Diplomová práce
Vedoucí práce: Ing. Naděžda Chalupová, Ph.D.
Brno 2010
Bc. Ivo Štork
Rád bych poděkoval Ing. Naděždě Chalupové, Ph. D. za rady a připomínky ke struktuře práce. Také bych rád poděkoval panu Martinu Kučerovi ze společnosti Internet Info s.r.o. za poskytnutí rozsáhle studie webů automobilek a panu Pavlovi Laštůvkovi ze společnosti Studio Erigo s.r.o. za podnětné připomínky a rady z oblasti webového auditu.
Prohlašuji, že jsem diplomovou práci vyřešil samostatně s použitím literatury, kterou uvádím na konci. V Brně dne 26. prosince 2010
__________________
Abstract Štork, I. Quality Control System for the websites. Brno: MZLU in Brno, 2010. This diploma thesis describes the basic attributes that should be checked when controlling website quality. In practical part, a Quality Control System for websites, which is then applied to an existing website is described. Keywords Web audit, web usability, web accessibility, SEO analyse.
Abstrakt Štork, I. Systém kontroly kvality webové prezentace. Brno: MZLU v Brně, 2010. Diplomová práce se v teoretické části zabývá základními skupinami hodnocených vlastností webových prezentací. V praktické části je navržen hodnotící systém webu, který je aplikován na konkrétní webovou stránku. Klíčová slova Webový audit, použitelnost webu, přístupnost webu, SEO analýza.
Obsah
5
Obsah 1
2
Úvod a cíl práce 1.1
Úvod ......................................................................................................... 12
1.2
Cíl práce ................................................................................................... 12
Základní kategorie hodnocených vlastností 2.1
13
Použitelnost ............................................................................................. 13
2.1.1
Webová koncepce a kompozice ....................................................... 13
2.1.2
Rozložení prvků u standardní webové kompozice .......................... 14
2.1.3
Webová navigace .............................................................................. 21
2.1.4
Eye tracking .................................................................................... 22
2.1.5
Formuláře........................................................................................ 24
2.2
Přístupnost .............................................................................................. 26
2.2.1
Hendikepovaní návštěvníci ............................................................ 26
2.2.2
Metodika přístupného webu ........................................................... 27
2.2.3
Testovací nástroje ........................................................................... 28
2.3
SEO ......................................................................................................... 28
2.3.1
Klíčová slova.................................................................................... 29
2.3.2
Optimální rozmístění klíčových slov .............................................. 30
2.3.3
Zpětné odkazy ................................................................................. 30
2.3.4
Nástroje ............................................................................................ 31
2.4
3
12
Technické provedení ................................................................................ 31
2.4.1
Verze X/HTML dokumentu a validita ............................................ 32
2.4.2
Sémantika kódu .............................................................................. 33
2.4.3
Objem dat a rychlost načtení webové stránky ................................ 33
Používaná metodika webového auditu 3.1
34
Metodika auditu společnosti Internet Info s.r.o. ................................... 34
3.1.1
Dobrá použitelnost webu ................................................................ 34
3.1.2
Kvalitní obsah webu ........................................................................ 36
3.1.3
Internetový marketing .....................................................................37
6
4
5
Obsah
3.1.4
Provázanost webu s dalšími komunikačními kanály ...................... 37
3.1.5
Přístupnost....................................................................................... 37
Navržený systém kontroly kvality webové prezentace
38
4.1
Výsledná zpráva ...................................................................................... 38
4.2
Metodika auditu ..................................................................................... 38
4.2.1
Použitelnost .....................................................................................39
4.2.2
Přístupnost....................................................................................... 41
4.2.3
Optimalizace pro vyhledávače ......................................................... 41
4.2.4
Technická kvalita kódu .................................................................... 41
Studie webu euforie.cz
42
5.1
Výsledné hodnocení.................................................................................43
5.2
Použitelnost .............................................................................................43
5.2.1
Výsledné hodnocení .........................................................................43
5.2.2
Uživatelské scénáře......................................................................... 44
5.3
Přístupnost .............................................................................................. 53
5.4
Optimalizace pro internetové vyhledávače .............................................54
5.4.1
Umístění webu ve výsledcích vyhledávání ......................................54
5.4.2
Správné použití HTML prvků .......................................................... 55
5.5
Technická kvalita kódu ............................................................................56
5.6
Možný redesign webu euforie.cz ............................................................. 56
6
Závěr
59
7
Literatura
60
A
Webová navigace
63
B
Tabulka
64
C
Formulář
65
D
Drátěný model – domovská stránka
66
E
Drátěný model – sekce Zákazník
67
F
Drátěný model – sekce Zumba v kategorii Zákazník
68
Obsah
7
G
Drátěný model – sekce Investor
69
H
Drátěný model – sekce Trampies v kategorii Investor
70
I
Drátěný model – sekce Přihlášení
71
8
Obsah
Seznam grafů
9
Seznam grafů Graf 1 Graf 2 Graf 3 Graf 4 Graf 5 Graf 6 Graf 7 Graf 8 Graf 9 Graf 10 Graf 11 Graf 12
Umístění loga .................................................................................................. 15 Umístění vyhledávacího prvku ....................................................................... 15 Popisek vyhledávacího prvku ......................................................................... 16 Umístění navigačního panelu.......................................................................... 16 Pojmenování odkazu mapy webu ................................................................... 17 Pojmenování odkazu pro přihlášení ................................................................ 17 Označení informací o firmě ............................................................................ 18 Uvedení kontaktních informací ...................................................................... 18 Označení kontaktních informací ..................................................................... 19 Označení informací na ochranu soukromí ...................................................... 19 Označení nabídky zaměstnání ........................................................................ 20 Umístění nápovědy ......................................................................................... 20
10
Seznam obrázků
Seznam obrázků Obrázek 1 Obrázek 2 Obrázek 3 Obrázek 4 Obrázek 5 Obrázek 6 Obrázek 7 Obrázek 8 Obrázek 9 Obrázek 10 Obrázek 11 Obrázek 12
Tepelná mapa – sekce O nás ................................................................... 22 Tepelná mapa - sekce Detail produktu ................................................... 23 Tepelná mapa – výpis výsledků vyhledávače Google ............................ 23 Popisek zarovnaný nalevo od pole .......................................................... 24 Popisek zarovnaný k levé straně pole ..................................................... 25 Popisek nad polem .................................................................................. 25 Kvalitní obsah webu ................................................................................ 36 Domovská stránka webu euforie.cz ........................................................ 42 Kategorie Naše služby webu euforie.cz................................................... 46 Kategorie Rozvrh hodin webu euforie.cz ................................................ 47 Web trampolinky.cz ................................................................................ 49 Kategorie Pro fitness centra webu euforie.cz ......................................... 51
Seznam tabulek
11
Seznam tabulek Tabulka 1 Tabulka 2 Tabulka 3 Tabulka 4 Tabulka 5 Tabulka 6 Tabulka 7 Tabulka 8 Tabulka 9 Tabulka 10 Tabulka 11
Příklad hodnocení webu.......................................................................... 39 Hodnotící systém jednotlivých etap uživatelského scénáře .................... 40 Hodnocení jednotlivých vlastností webu euforie.cz ............................... 43 Hodnocení použitelnosti ......................................................................... 44 Hodnocení uživatelského scénáře Sportovec se zájmem o fitness kurz .. 45 Hodnocení uživatelského scénáře Lektor se zájmem o získání certifikát pro výuku. ................................................................................................ 48 Hodnocení uživatelského scénáře Zájemce o vybavení fitness centra .... 50 Hodnocení přístupnosti webu euforie.cz ................................................ 54 Pozice webu ve výsledcích po zadání názvu domény ............................ 54 Pozice webu ve výsledcích po zadání názvu produktu ........................... 55 Technické provedení webu euforie.cz .................................................... 56
12
Úvod a cíl práce
1 Úvod a cíl práce 1.1
Úvod
Webová prezentace je v dnešní době nezbytností pro kohokoli kdo chce svůj produkt lépe zviditelnit. Samotná viditelnost produktu ještě nezaručuje vysokou prodejnost. Potencionální klient je při rozhodování o nákupu ovlivňován mnoha faktory, při takovém rozhodování má většinou hodně silnou váhu obal produktu. Obal produktu (např. i webová prezentace) je posuzován z různých úhlů, většinou je zásadní první dojem. První dojem z webové prezentace může pokazit celá řada faktorů. Nejhorším scénářem je například situace, kdy návštěvník zavítá na stránku a není schopen se v rozumném čase dozvědět účel stránky, případně není schopen nalézt konkrétní informaci. V takovém případě odchází návštěvník neuspokojen a rozhodne se hledat informace na jiném webu. Pokud chce majitel webové prezentace oslovit co nejširší publikum, musí počítat i s tím, že stránku může navštívit i uživatel s nějakým hendikepem. Nemusí to být zrovna zdravotní hendikep (vada zraku), může se jednat např. o technický hendikep (pomalé připojení, nízké rozlišení obrazovky, připojení z mobilu). Webový audit je nástroj, který by měl zohlednit výše jmenované případy a posoudit tak kvalitu webové prezentace. Webový audit je také důležitou součásti marketingové strategie produktu. Při kontrole se posuzuje jednak dodržování obecně uznávaných standardů (přístupnost, technické provedení), ale také se hodnotí faktory, které nejsou standardizovány (použitelnost). Tyto faktory se posuzují hlavně na základě osobních zkušeností auditora. Komplexní kontrola kvality webové prezentace není svázána s pevně daným postupem jaký je např. u účetního auditu. Je tomu tak zejména proto, že neexistuje jednotný názor na důležitost jednotlivých vlastností webu.
1.2 Cíl práce Cílem této práce je vytvoření systému pro komplexní kontrolu kvality webové prezentace. Hodnotící nástroj bude zohledňovat standardy, ale i samotné zkušenosti auditora. V teoretické části budou podrobně popsány obecně uznávané vlastnosti, které by měla splňovat každá kvalitní webová prezentace. Dále bude provedena studie již existujícího hodnotícího systému a v praktické části bude navržen vlastní systém kontroly kvality, který bude následně aplikován na konkrétním případu webové stránky.
Základní kategorie hodnocených vlastností
13
2 Základní kategorie hodnocených vlastností Základním pilířem libovolného hodnotícího systému je skupina kategorií s kvantitativními a kvalitativními vlastnostmi zkoumaného problému. Při posuzování kvality webové prezentace, je nezbytné zaměřit se na následující kategorie vlastností webu: použitelnost přístupnost SEO faktory technické provedení
2.1 Použitelnost „Použitelnost je kvalitativní atribut, který udává do jaké míry je uživatelské rozhraní jednoduché na používání.“ (Nielsen, 1995). „Nenuťte mě přemýšlet! Léta říkám lidem, že tohle je můj první zákon použitelnosti.“ (Krug, 2005). Hodnocení použitelnosti je do velké míry silně závislé na zkušenostech auditora, ale také například na správném pochopení hlavního cíle webové prezentace. Při hodnocení použitelnosti se auditor postupně zaměřuje na jednotlivé oblasti webové prezentace a poté se pokusí ohodnotit jak fungují tyto oblasti dohromady jako celek. 2.1.1
Webová koncepce a kompozice
Při testování použitelnosti je důležité uvědomit si základní koncepci webové prezentace, tedy jaký druh informace webová stránka nabízí a komu. Tester se lépe vcítí do potencionálního návštěvníka. Webové prezentace se dají rozdělit na základě poskytované informace do 4 základních kategorií: informační web zábavní web obchodní web ostatní (umělecké, či experimentální weby)
14
Základní kategorie hodnocených vlastností
Existují také dvě odlišné kompozice webových prezentací: Standardní kompozice. Návštěvník je na ní zvyklý z mnoha jiných webových prezentací. Nestandardní, experimentální kompozice. Většinou si kladou za cíl zaujmout svým nestandardním vzhledem. Kompozice webové prezentace by měla být silně spojena s celkovou koncepcí webu samotného. Například u zpravodajského portálu by bylo nevhodné použít nějakou nestandardní experimentální kompozici, návštěvník by tak musel zpracovávat více vjemů zároveň.
2.1.2
Rozložení prvků u standardní webové kompozice
„Naučili jsme se, že díky znalosti různých zvyklostí rozvržení a formátování stránky můžeme jednodušeji a rychleji procházet noviny a najít reportáže, které nás zajímají. Při cestách různými kraji a městy jsme zjistili, že všechny noviny používají stejné zvyklosti (s mírnými odchylkami). Znalost zvyklostí, tedy usnadňuje čtení libovolných novin.“ (Krug, 2005). Pokud se hodnotí použitelnost u standardní webové kompozice, je důležité zohlednit správné rozmístění dílčích prvků webové stránky (logo, slogan, menu, hlavní text atd.). Uživatelé internetu si totiž za těch dvacet let zvykli na jisté standardy prezentování informací (podobně jako např. čtenáři novin) a jakékoli porušení těchto standardů (menu na levé straně stránky atd.) by je nutilo přemýšlet, což je podle pana Kruga porušením prvního pravidla použitelnosti. U webových prezentací, které jsou zpravodajskými portály či prezentují produkt se proto doporučuje držet se standardního rozvržení jednotlivých prvků. Níže jsou uvedena data, která ukazují četnosti různých použití dílčích prvků webové stránky. Data vychází z údajů získaných analýzou 50 domovských stránek velkých amerických společností.1 Analýza nemá za úkol dogmaticky diktovat správné použití jednotlivých prvků, má sloužit pouze jako orientační přehled zvyklostí.
1
Analýza byla provedena v knize Použitelnost domovských stránek. (Nielsen, 2004).
Základní kategorie hodnocených vlastností
15
Umístění loga
Jiné umístění
4%
Nahoře uprostřed
6%
Vpravo nahoře
6%
Vlevo nahoře
84%
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
Graf 1 Umístění loga
Umístění vyhledávacího prvku
Vlevo uprostřed
12%
Nahoře uprostřed
14%
Vlevo nahoře
30%
Vpravo nahoře
35%
0%
5%
10%
Graf 2 Umístění vyhledávacího prvku
15%
20%
25%
30%
35%
40%
16
Základní kategorie hodnocených vlastností
Popisek vyhledávacího prvku
5%
Najdi
Najít
9%
Start
40%
Hledej
42%
0%
5%
10%
15%
20%
25%
30%
35%
40%
45%
Graf 3 Popisek vyhledávacího prvku
Umístění navigačního panelu Jiné (vpravo, dole, nahoře uprostřed)
6%
Rozbalovací nabídky
10%
Kategorie uprostřed stránky
12%
Odkazy napříč horní částí stránky
18%
Záložky
30%
Vlevo umístěný navigační panel
30%
0%
5%
Graf 4 Umístění navigačního panelu
10%
15%
20%
25%
30%
35%
Základní kategorie hodnocených vlastností
17
Pojmenování odkazu mapy webu
Průvodce serverem
8%
Index serveru
13%
Mapa serveru (Site Map)
63%
0%
10%
20%
30%
40%
50%
60%
70%
Graf 5 Pojmenování odkazu mapy webu
Pojmenování odkazu pro přihlášení
Účet
12%
Můj účet
12%
Přihlášení
15%
Login
19%
Váš účet
19%
0%
2%
4%
6%
Graf 6 Pojmenování odkazu pro přihlášení
8%
10%
12%
14%
16%
18%
20%
18
Základní kategorie hodnocených vlastností
Označení informací o firmě
Kdo jsme
5%
Informace o firmě
7%
O nás
21%
O <jméno_firmy>
55%
0%
10%
20%
30%
40%
50%
60%
Graf 7 Označení informací o firmě
Uvedení kontaktních informací
Dostupné prostřednictvím odkazů Help případně Rady a služby pro zákazníkovi
14%
Dostupné prostřednictvím odkazu O nás
22%
Explicitní odkaz Kontaktujte nás
60%
Uvedení přímo na domovské stránce
4%
0%
10%
Graf 8 Uvedení kontaktních informací
20%
30%
40%
50%
60%
70%
Základní kategorie hodnocených vlastností
19
Označení kontaktních informací
Kontakt
4%
Kontaktní údaje
4%
Kontaktujte <jméno_firmy>
4%
Kontaktujte nás
89%
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Graf 9 Označení kontaktních informací
Označení informací na ochranu soukromí
Soukromí a bezpečnost
5%
Informace o soukromí
5%
Bezpečnostní zásady
12%
Soukromí
19%
Ochrana soukromí
47%
0%
5%
10%
15%
Graf 10 Označení informací na ochranu soukromí
20%
25%
30%
35%
40%
45%
50%
20
Základní kategorie hodnocených vlastností
Označení nabídky zaměstnání
Příležitosti
11%
Zaměstnání
16%
Kariéra
29%
<jméno_firmy>
34%
Práce
53%
0%
10%
20%
30%
40%
50%
60%
Graf 11 Označení nabídky zaměstnání
Umístění nápovědy
Vlevo dole
19%
Dole uprostřed
11%
Vpravo dole
11%
Vlevo uprostřed
11%
Vlevo nahoře
4%
Nahoře uprostřed
11%
Vpravo nahoře
41%
0%
5%
Graf 12 Umístění nápovědy
10%
15%
20%
25%
30%
35%
40%
45%
Základní kategorie hodnocených vlastností
2.1.3
21
Webová navigace
„Lidé nebudou používat váš web pokud se v něm nezorientují.“ (Krug, 2005). Základem každé použitelné webové prezentace je jasná, jednoduchá a konzistentní navigace. Návštěvník webového portálu musí na každé stránce vědět, kde se nachází a kam se může přesunout. Steve Krug uvádí v knize Webdesign, Nenuťte uživatele přemýšlet následující základní funkčnosti webové navigace: Poskytnutí opěrného bodu. Návštěvník by měl kdykoli umět zjistit, kde se nachází a kam se může ze současné stránky dostat. Přehled toho co se na webu nachází. Navigace by měla poskytovat základní přehled toho co web nabízí, tedy od obecných kategorií ke konkrétním informacím. Poskytnutí návodu jak používat web. Správně navržená webová navigace by měla zároveň fungovat jako jakýsi návod pro procházení webem. Vzbuzení důvěry v lidi, kteří stránky vybudovali. Pokud je navigace správně navrhnuta, v návštěvníkovi to vyvolá pocit, že návrháři věnovali vývoji webu nemalé úsilí. Běžnou součástí webové navigace je i vyhledávací formulář. Každý vyhledávací formulář by měl obsahovat následující prvky: vyhledávací pole tlačítko nápis (Vyhledat, Hledat) V případě použití vyhledávacího formuláře se nedoporučuje experimentovat s jeho vzhledem (např. obrázek lupy místo tlačítka s nápisem Vyhledat). V knize Webdesign, Nenuťte uživatele přemýšlet (Krug, 2005) se uvádí následující výčet vlastností, kterých by se měl návrhář vyvarovat: Efektní formulace. Uživatelé budou hledat slovo Vyhledat, proto použijte toto slovo a ne Nalézt, Rychlé hledání, Rychlé vyhledávání nebo Vyhledávání klíčových slov. (Pokud použijete popisek Vyhledat jako popisek textového pole, pojmenujte odpovídající tlačítko Ok). Instrukcí. Pokud se budete držet výše uvedeného schématu je zbytečné vkládat popisek typu Zadejte klíčové slovo. Každý kdo používá web již nějakou dobu, bude dobře vědět, co má dělat i bez podobných popisků. Nejasný rozsah vyhledávání. Pokud by mělo dojít k nedorozumění ohledně rozsahu vyhledávání (celý server nebo jen část serveru) uveďte, kde se budou informace vyhledávat.
22
2.1.4
Základní kategorie hodnocených vlastností
Eye tracking
„Oko je zrcadlem duše a duše je zrcadlem našich myšlenek.“(John Elvesjo - zakladatel eye trackingové metody). Eye tracking je metoda, která dokáže zaznamenat jak lidské oko zpracovává příslušnou skupinu objektů, například objekty na webové stránce. Speciální kamera zaznamenává oko, které se zaměřuje na konkrétní body, čas po který je bod pozorován a směr pohybu oka při přechodu mezi jednotlivými body. Výsledkem takového zpracování je tepelná mapa, která názorně ukazuje kam se uživatel díval a po jakou dobu. V rámci výzkumu2 byl vyvozen závěr, že při prohlížení webové stránky opisuje lidské oko ve většině případech tvar velkého písmene f (tepelná mapa byla ve většině případech podobná velkému písmenu f, v některých případech byla podobná velkému písmenu e). Návštěvník si nejdříve prohlédl horní část stránky (horizontální pohyb očí, tvořící horní linku písmene f), poté se posunul níže a provedl druhý horizontální posun (o něco kratší než ten první) a na závěr vertikálním pohledem přejel po levé části stránky.
Obrázek 1
2
Tepelná mapa – sekce O nás
Výzkum provedl v roce 2006 Jakob Nielsen. 232 uživatelů si prohlédlo cca 1000 stránek.
Základní kategorie hodnocených vlastností
Obrázek 2
Tepelná mapa - sekce Detail produktu
Obrázek 3
Tepelná mapa – výpis výsledků vyhledávače Google
23
24
Základní kategorie hodnocených vlastností
Návštěvník většinou nepročítá celou stránku postupně, pouze ji rychle přelétne pohledem. Nejdůležitější prvky na stránce by tedy měly být umístěny v horní části stránky. První dva odstavce textu článku (např. firemní prohlášení) by tak měly shrnovat to nejpodstatnější. Ke zbytku se návštěvník ve většině případů nedostane. 2.1.5
Formuláře
Formulář je prvek, který od návštěvníka vyžaduje velkou míru interakce. Při tvorbě formuláře by na to měl být brán zřetel. Popisky formuláře (HTML element label) by měly být stručné, výstižné a formulář by měl být vhodně navržen i s ohledem na jeho velikost (např. formulář s 50 řádky pod sebou není pro lidské oko přehledný). Z hlediska použitelnosti by měl být kladen důraz i na umístění popisků jednotlivých polí formuláře. Obecně platí, že čím rychleji je návštěvník schopen formulář vyplnit, tím je formulář použitelnější. Výzkum3, který zkoumal rychlost zpracování (za využití eye trackingu) různých druhů formulářů (různá umístění popisků polí) ukázal pro různé druhy formulářů následující výsledky. Popisek zarovnaný k levé straně od pole. Jedná se o běžný vzhled formuláře. Výzkum ukázal, že přechod oka od popisku k poli trvá 500 ms, což je relativně dlouho4. Testovací uživatelé se tak často vraceli zpátky k popisku, aby si ověřili, co vlastně vyplňují.
Obrázek 4
Popisek zarovnaný nalevo od pole
Popisek zarovnaný k levé straně pole. Tento typ formuláře je také hodně používaný. Popisek je blíže poli a byly proto naměřeny menší časové hodnoty při přesunu oka od popisku k poli. U expertů bylo naměřeno 170 Americký výzkum byl proveden v roce 2006. Testovacím vzorkem byli expertní uživatelé počítačů, ale i uživatelé se základními znalostmi. 4 Nejrychlejší pohyb lidského oka mezi dvěma body je 30 ms. 3
Základní kategorie hodnocených vlastností
25
ms u méně zkušených uživatelů 240 ms. I u tohoto typu formuláře se uživatelé znovu vraceli k popisku, aby si ověřili, co vyplňují.
Obrázek 5
Popisek zarovnaný k levé straně pole
Popisek umístěný nad polem. Méně často používaný formulář. Vzhledem k tomu, že popisek je velmi blízko pole byly zde naměřeny nejkratší časové hodnoty pohybu oka mezi popiskem a polem. V průměru se jednalo o hodnotu 50 ms. V případě krátkých názvů které byly většině uživatelům známé (např. Jméno) dokonce nedocházelo k pohybu oka, tester zpracoval popisek i pole zároveň. Pouze minimum uživatelů se vracelo zpátky k popiskům, aby si ověřili, co vyplňují.
Obrázek 6
Popisek nad polem
V případě použití jednoduchého formuláře (např. krátký kontaktní formulář), je vhodný formulář s popisky umístěnými nad polem. Takové formuláře se vyplňují nejrychleji. V případě použití složitějšího formuláře o větším počtu
26
Základní kategorie hodnocených vlastností
prvků je vhodnější umístit popisky na levou stranu od polí (v případě většího počtu položek by mohlo umístění popisků nad pole učinit formulář nepřehledným).
2.2 Přístupnost „Pod pojmem přístupnost chápeme takový stav, kdy daná věc neklade svým uživatelům při používání žádné překážky. Přístupnou budovu mohou tedy např. používat vozíčkáři a přístupný web zase např. slabozrací. Přístupnost je tedy bezbariérovost.“ (Špinar, 2005). Přístupnost je přímo spojena s použitelností. Web který není přístupný je totiž pro hendikepované uživatele nepoužitelný. Jedna z mnoha definicí hendikepovaného uživatele je následující. „Hendikepovaným uživatelem Internetu rozumíme takového uživatele, u kterého lze důvodně předpokládat, že mu nevhodně vytvořená webová stránka bude činit problémy při použití, které není schopen jednoduše obejít. Tento hendikep se nevztahuje tedy pouze na použitelnost webových stránek. Hendikepovaným uživatelem z hlediska použití webových stránek budeme tak nazývat i člověka, který v běžném životě žádný hendikep nemá.“ (Špinar, 2005). Hendikepovaným uživatelem může být i např. vyhledávací robot internetového vyhledávače. Webové stránky by měly být přístupné z následujících důvodů: Etický faktor. Dáte li najevo, že jsou stránky přístupné, budou působit solidně a profesionálně. Ekonomický faktor5. Přístupné stránky mohou přilákat tisíce nových uživatelů. Právní aspekt. V některých zemích je přístupnost aplikací státních orgánů vynucena zákonem. Přívětivost pro vyhledávací roboty. Dobře přístupné navigační menu je zároveň přívětivé pro vyhledávací roboty internetových vyhledávačů.
2.2.1
Hendikepovaní návštěvníci
Hendikepované návštěvníky můžeme rozdělit do následujících kategorií:
Z posledních zjištění (dokument Přístupnost webových stránek orgánů státní správy volně k dispozici na Internetu) vyplývá, že v ČR je zhruba 400 000 občanů s těžším zdravotním postižením, z toho 140 000 (35%) občanu spadá do kategorie uživatelů kteří jsou schopni webové stránky používat pokud jsou dobře použitelné. 5
Základní kategorie hodnocených vlastností
27
Zcela nevidomí. Struktura HTML kódu musí být správně sémanticky zapsaná. Návštěvník je totiž odkazován pouze na čtečku, veškeré obrazové prvky na stránce by měly mít alternativní popisky, neodlišovat od sebe prvky pouze barvou (např. nestačí odlišit popisek ve formuláři červenou barvou, doporučuje se přidat nějaký symbol navíc v tomto případě je zaveden symbol hvězdičky). Slabozrací. Velikost písma musí být nastavena v relativních jednotkách, některé prohlížeče (např. Internet Explorer) totiž neumí změnit velikost písma, které je nastavené v absolutních jednotkách (např. px). Barvoslepí. Kontrast mezi textem a pozadím musí být dostatečný6, pokud by nebyl dostatečný, barvoslepým uživatelům může text splývat s pozadím. Uživatelé alternativních prohlížečů. Někteří uživatelé nemají možnost prohlížet si stránky v konkrétním typu prohlížeče, stránky by proto měly vypadat konzistentně napříč různými prohlížeči. Uživatelé jiných zobrazovacích zařízení. Koncovým zařízením nemusí být vždy monitor, uživatel může mít například PDA nebo jiné mobilní zařízení. Stránky by se proto měly správně zobrazovat i v těchto zařízeních. Vyhledávací roboti. Informační hierarchie by měla jít jednoduše procházet pomocí navigačního menu, u složitějších webů se doporučuje použít webovou mapu.
2.2.2
Metodika přístupného webu
Existuje mnoho metodik pro tvorbu přístupného webu. Metodiky se od sebe odlišují zpravidla tím, s jakým hendikepem se vypořádávají. Existují i pravidla přístupného webu, která se snaží pojmout všechny hendikepy. Většinou se jedná o různá ustanovení a zákony, jako například pravidla tvorby přístupného webu pro účely novely Zákona č. 365/2000 Sb., o informačních systémech veřejné správy7. Tato pravidla jsou rozděleny do následujících kategorií: Obsah webových stránek je dostupný a čitelný. Práci s webovou stránkou řídí uživatel. Informace jsou srozumitelné a přehledné. Ovládání webu je jasné a pochopitelné. Odkazy jsou zřetelné a návodné. Kód je technicky způsobilý a strukturovaný.
6 7
Kontrast lze zkontrolovat např. pomocí nástroje http://www.sovavsiti.cz/kontrast/ http://pristupnost.nawebu.cz/texty/pravidla-standardy.php
28
Základní kategorie hodnocených vlastností
Další metodikou je český projekt Blind Friendly Web8, tato metodika je zaměřena primárně na uživatele se zrakovým hendikepem. 2.2.3
Testovací nástroje
Pokud si webový auditor chce otestovat přístupnost webových stránek, má možnost použít například následující on-line nástroje9 pro testování přístupnosti: Cynthia Says. Validuje webové stránky podle norem WCAG 1.010 a Section 50811, výstupem kontroly je tabulka s popisem splněných kritérií. Wave. Tento validátor je zajímavý v tom, že pomocí ikonek zobrazuje chyby přímo na webové stránce. Analyzér kontrastu barev. Aplikace umožňuje jednoduše zjišťovat kontrasty barev popředí a pozadí na webových stránkách a vyhodnocovat jejich vhodnost pro hendikepované uživatele. Fangs. Vizuální emulátor hlasové čtečky Jaws. Funguje jako extenze do prohlížeče Firefox. Pomocí Fangs uvidíte, co přesně na dané stránce přečte běžně používaná hlasová čtečka.
2.3 SEO „SEO (Search Engine Optimization - optimalizace pro vyhledávače) je metodika vytváření a upravování webových stránek takovým způsobem, aby jejich forma a obsah byly vhodné pro automatizované zpracování v internetových vyhledávačích. Cílem je získat ve výsledku hledání ve vyhledávačích, které odpovídá obsahu, pro danou webovou stránku vyšší pozici a tím četnější a zároveň cílené návštěvníky.“ (Wikipedia, 2010). Pro lepší představu co znamená SEO následuje krátký příklad. Paní Helena ráda plete a rozhodla se pro založení elektronického obchodu spojeného s blogem. Na svém blogu píše články o různých typech švů a dalších věcech souvisejících s pletením. Doufá tak, že si svými články zvýší viditelnost ve vyhledávačích a tím tedy i prodejnost svých výrobků. A opravdu po dvou měsících jsou její články na prvních stránkách vyhledávačů při zadání slovních kombinací obsahujících různé druhy švů. Problém je ale ten, že většina lidí, kteří
http://blindfriendly.cz/metodika http://pristupnost.nawebu.cz/nastroje/ 10 http://www.w3.org/TR/WCAG10/ 11 http://www.section508.gov/ 8 9
Základní kategorie hodnocených vlastností
29
na internetu hledají informace o švech si pletou sami a nemají o svetry paní Heleny zájem. Paní Helena se sice snažila, ale nezamířila na tu správnou cílovou skupinu. SEO samo o sobě je silný nástroj a může webové stránky posunout na první místa ve výsledcích vyhledávačů. Je ale také důležité, aby tato první místa viděli uživatelé, kteří hledají, co autor webu doopravdy nabízí. Jestli tedy autor stránek chce využít SEO ve svůj prospěch, musí sladit svoje cíle s cíly potencionálních návštěvníků. 2.3.1
Klíčová slova
Pokud chce majitel zacílit svůj web na tu správnou uživatelskou skupinu, musí umístit na svůj web taková klíčová slova, která by hledala jeho cílová skupina návštěvníků. Klíčová slova by v ideálním případě měla splňovat následující vlastnosti: Jsou velmi často používaná při hledání konkrétního produktu. V rámci klíčových slov existuje malá konkurence, tedy není mnoho webů, které by tato klíčová slova zahrnovala. Většinou je opravdu velmi těžké nalézt klíčová slova splňující výše uvedené vlastnosti zároveň, je ale důležité zjistit jestli taková slova náhodou pro daný web neexistují. Optimalizovat obsah pouze na omezenou skupinu často hledaných slov je vhodné pouze v případě, kdy konkurence u těchto slov není moc velká12. Pokud je obsah webu zaměřený na obecně známé termíny, kdy je konkurence mezi weby veliká (např. prodej oken) používá se tzv. Long Tail metoda. Long Tail využívá skutečnosti, že většina všech slovních kombinací zadávaných za jeden den jsou unikátní13. Doporučuje se tedy optimalizovat web také na unikátní slovní spojení. Např. prodejce oken může optimalizovat svůj obsah na následující kombinace klíčových slov: plastová okna, Brno plastová okna, ceník, Brno izolační plastová okna, Brno, ceník
Např. po zadání klíčového slova okna zobrazí vyhledávač Google zhruba 14 mil. výsledků. V takovém případě je opravdu velmi těžké umístit nové stránky mezi první pozice ve výsledcích. 13 Seznam zveřejnil analýzu za rok 2003, ve které bylo uvedeno, že denně zaznamená přes 600 tis. dotazů a z toho je 70% unikátních. Viz http://seznam.pr.sblog.cz/2004/01/20/51 12
30
Základní kategorie hodnocených vlastností
2.3.2
Optimální rozmístění klíčových slov
Vyhledávače posuzují webové stránky dle využití klíčových slov v následujících prvcích HTML struktury: URL adresa. Doporučuje se použít klíčové slovo v doméně, ale i ve zbytku adresy stránky. SEO friendly URL14 adresy jsou lépe čitelné pro návštěvníky, ale také pro vyhledávací roboty internetových vyhledávačů. Titulek stránky. Klíčovému slovu v titulku stránky vyhledávače obecně přisuzují velkou váhu. Titulek stránky se zobrazuje jako nadpis stránky ve výsledcích vyhledávačů. Popis stránky. Meta tag description je stručný popis obsahu stránky, který je vidět pod názvem stránky ve výsledcích vyhledávačů. Popis by proto neměl být moc dlouhý, protože fyzická paměť pro tento popis je omezena jen na určitý počet znaků. Hlavní nadpis článku. Spolu s titulkem stránky vyhledávače přisuzují velkou váhu i nadpisu článku (HTML element H1). Popisky a názvy k obrázkům a odkazům. Je důležité nezapomenout zahrnout klíčová slova i do následujících atributů - alt, name a src . Webová stránka se může dostat na první místa i díky tomu, že bude mít správně pojmenované obrázky (prohlížeč Google někdy umisťuje do výsledků na první místa přímo konkrétní obrázky, tím pádem i odkazy na webovou stránku). Obsah článků. Samozřejmě je důležité i vhodné využití klíčových slov v samotném obsahu článků. Vhodné rozmístění klíčových slov mezi výše uvedené prvky by mělo zajistit webovým stránkám dobré umístění ve výsledcích vyhledávání. Majitel webových stránek by neměl zapomínat na fakt, že obsah tvoří pro lidi a nikoli pro vyhledávací roboty. Články by měly být vždy k tématu a měly by být psány atraktivní formou. Pokud budou jen plné nevhodně umístěných klíčových slov návštěvníci je nebudou číst a web nebude mít požadovanou návštěvnost. 2.3.3
Zpětné odkazy
Internetové vyhledávače neposuzují webové stránky pouze z hlediska jejich obsahu, ale i podle toho kolik dalších (kvalitních) webových stránek na ně odkazuje. Takto se posuzuje důvěryhodnost obsahu webu. Čím větší počet kvalitních internetových stránek se na web odkazuje, tím je posuzovaný web pro interneto-
14
Např. URL v následujícím tvaru - http://blog.kissmetrics.com/seo-mistakes/
Základní kategorie hodnocených vlastností
31
vé vyhledávače důvěryhodnější. Pro zvýšení důvěryhodnosti webu se doporučuje vložit odkazy na místa z následujících oblasti: Sociální média – Facebook, Twitter, Digg15, Wikipedia a další sociální média. Internetové katalogy. Internetová fóra a diskuze k článkům s příslušnou tématikou. Odkazy na konkurenční weby – zaměření na weby, které odkazují na konkurenční stránky, posouzení možnosti vložení odkazu na naše stránky. Neaktivní odkazy – nalezení neaktivních odkazů na webech, která se věnují příslušné tématice, možnost nahrazení těchto odkazů odkazy na naše stránky.
2.3.4
Nástroje
Pro posouzení kvality webové stránky z hlediska SEO optimalizace může webový auditor použít následující nástroje: Search based keyword tool16 – nástroj pro vyhledávání vhodných klíčových slov. Linkchecker17 – vyhledávání neaktivních odkazů na konkrétních stránkách. Síla stránky – český nástroj na webu seo-servis.cz.
2.4 Technické provedení Kvalitní technické provedení webové stránky zajišťuje správné zobrazení stránky ve webovém prohlížeči, přístupnost pro čtečky webů a přístupnost pro vyhledávací roboty. Kontrolou kvality technického provedení webové stránky by měla také zajistit, že se webové stránky zobrazují stejně v různých druzích webových prohlížečů.
Česká obdoba je na adrese www.linkuj.cz http://www.google.com/sktool/ 17 http://validator.w3.org/checklink/ 15
16
32
2.4.1
Základní kategorie hodnocených vlastností
Verze X/HTML dokumentu a validita
Stránka je validována vzhledem k Doctypu (verze X/HTML dokumentu) uvedeném v hlavičce HTML dokumentu. Je tedy nezbytně nutné uvést do hlavičky dokumentu správný Doctype. Pokud je použit nejběžnější Doctype tedy HTML STRICT Doctype je zabráněno tomu, že starší verze prohlížeče Internet Explorer budou zobrazovat stránku v tzv. Quirk18 módu. Validní HTML struktura dle specifikovaného standardu v hlavičce dokumentu zajišťuje správné zobrazení stránky ve webovém prohlížeči. Při kontrole validity webové stránky se posuzuje i validita CSS kódu jenž určuje vzhled dokumentu. CSS kód je většinou nevalidní díky tzv. CSS hackum, jedná se o speciální formát zápisu CSS stylu, kdy tento zápis přečte pouze webový prohlížeč Internet Explorer19. Je proto lepší se těmto CSS hackum vyhnout a místo nich použít podmíněné komentáře, do kterých jsou vloženy CSS soubory upravující vzhled stránek pro webový prohlížeč Internet Explorer. V rámci testování CSS se také doporučuje zkontrolovat, zda nejsou v souborech definovány třídy nebo identifikátory, které nejsou nikde použity a jejich definice tak zbytečně zabírají místo. Pokud webová stránka používá Javascript technologii, kontroluje se na stránkách i funkčnost této technologie. Obecně se ale nedoporučuje využívat Javascript k funkčnosti webové navigace, případně prvků formulářů. Existuje totiž nemalé procento uživatelů, kteří mají z jistých důvodů Javascript vypnutý (např. zaměstnanci mohou mít tuto technologii z bezpečnostních důvodů zakázanou). V rámci kontroly validity webové stránky by se tester měl zaměřit i na to, zda se webové stránky zobrazují stejně v různých webových prohlížečích. Takovou kontrolou je potom zajištěno, že uživatelé, kteří jsou odkázáni pouze na konkrétní druh webového prohlížeče, nejsou při zobrazování stránky znevýhodněni. Při této kontrole se řeší zejména správné zobrazení webové stránky v prohlížečích Internet Explorer. Nemalé procento uživatelů totiž stále ještě používá starší verze těchto prohlížečů, zejména Internet Explorer 620. Pro testování stránky ve více verzích prohlížeče Internet Explorer se používá např. nástroj IETester21.
Jedná se o speciální prohlížecí mód internetového prohlížeče Internet Explorer, v tomto módu jsou některé prvky interpretovány jinak než v klasickém STRICT režimu zobrazení. 19 Pomocí CSS hacku se řeší nekompatibilita v zobrazení webové stránky napříč webovými prohlížeči. 20 Ze všech uživatelů, kteří používají Internet Explorer používají 4% těchto uživatelů verzi 6. http://www.w3schools.com/browsers/browsers_explorer.asp 21 Aplikace je bohužel nestabilní v operačních systémech Windows Vista a Windows 7. http://www.my-debugbar.com/wiki/IETester/HomePage 18
Základní kategorie hodnocených vlastností
2.4.2
33
Sémantika kódu
Správná sémantika kódu zajišťuje přehledné a pochopitelné zobrazení webové stránky v případě, že má návštěvník z nějakého důvodu vypnuté CSS styly, používá textový prohlížeč nebo je závislý pouze na čtečce webové stránky. Správná sémantika struktury kódu by se měla kontrolovat hlavně u těchto prvků: Webová navigace Tabulky Formuláře Sémanticky validní zápisy těchto prvků jsou uvedeny v přílohách A, B a C. 2.4.3
Objem dat a rychlost načtení webové stránky
Při posuzování kvality technického provedení by se měl také hodnotit objem webové stránky a rychlost jejího načtení. V případě, kdy si bude stránku zobrazovat uživatel s pomalejším připojením a bude čekat např. 10 a více sekund na její načtení, může se stát, že půjde hledat informace jinam. Pro ověření doby načtení a objemu dat na stránce existuje na internetu mnoho různých nástrojů. Pro svoji přehlednost je oblíbený např. Web Page Analyzer22.
22
http://websiteoptimization.com/services/analyze/
34
Používaná metodika webového auditu
3 Používaná metodika webového auditu Komplexní webový audit je zatím relativně mladým odvětvím v rámci poskytovaných produktů (především v ČR a SR). Firmy se většinou zaměřují zejména na audity z hlediska optimalizace stránek pro internetové vyhledávače. O tomto jevu vypovídá i fakt, že na tuzemském internetu není mnoho odborných zdrojů, které by pravidelně informovaly o použitelnosti a přístupnosti webových stránek. Komplexním webovým auditem se zabývá například společnost Internet Info s.r.o. provozující web dobryweb.cz, na kterém jsou pravidelně publikovány články z oblasti webového auditu.
3.1 Metodika auditu společnosti Internet Info s.r.o. Společnost Internet Info s.r.o. posuzuje kvalitu webu z hlediska pěti základních oblastí (seřazeno dle důležitosti): 1. 2.
Dobrá použitelnost webu - váha 0,35 Kvalitní obsah webu - váha 0, 25
3. 4. 5.
Efektivní Internetový marketing – váha 0,20 Dobré provázání s ostatními marketingovými kanály – váha 0,10 Bezbariérová přístupnost – váha 0,10
Jednotlivé kategorie auditor postupně hodnotí známkou v rozsahu 0 – 10 bodů. Výsledné hodnocení webu se nakonec získá jako vážený aritmetický průměr jednotlivých kategorií (za použití vah uvedených ve výčtu kategorií). Pokud je web oznámkovaný, zadavatel auditu tak může mít lepší představu, do jaké míry je jeho web kvalitně provedený. Známkování je také ideální, pokud se mezi sebou porovnávají weby s podobnou tématikou (např. porovnávání webu automobilek). 3.1.1
Dobrá použitelnost webu
Použitelnost a uživatelské scénáře V rámci testování použitelnosti webu auditor nejdříve zkoumá použitelnost napříč webem. Auditor web prochází a zjišťuje, zda na webu nejsou některé základní nedostatky (např. vyskakující okna, nefunkční navigační hierarchie).
Používaná metodika webového auditu
35
Po kontrole použitelnosti napříč webem se na základě charakteristiky cílové skupiny uživatelů vytvoří takzvané uživatelské scénáře, které se postupně procházejí. Uživatelský scénář je konkrétní činnost, kterou se daný uživatel na stránce pokouší vykonat (např. objednání zboží). Pokud se například testuje webová prezentace automobilky mohou být navrženy následující uživatelské scénáře: Majitel vozidla si chce vyhledat kontakt na servisní místa v okolí jeho bydliště. Potencionální zákazník si chce vyhledat prodejní místa v okolí jeho bydliště. Potencionální zákazník si chce nastavit vlastnosti vozidla pomocí konfigurátoru. Potencionální zákazník si chce vyhledat informace o konkrétním modelu automobilky. Úkolem auditora je vcítit se do role konkrétního návštěvníka a projít si uživatelský scénář krok po kroku až ke konkrétnímu cílovému úkonu. Při procházení scénáře potom hodnotí jednotlivé překážky a zohledňuje i dobu, za kterou byl finální úkon proveden.
Informační architektura Hodnotí se také celková informační architektura webu (se kterou je auditor již obeznámen z procházení uživatelských scénářů). V rámci testování informační architektury se zohledňují následující faktory23: Přehlednost a intuitivnost informační architektury. Z pohledu uživatele logické roztřídění informací do homogennějších sekcí je základním předpokladem, aby byl uživatel schopen najít požadované informace. Důležité je v tomto směru i jasně srozumitelné označení sekcí a jednotlivých stránek. Konzistence a ovládání globální navigace. Celková informační architektura se odráží v globální navigaci webu. Ta by měla být na všech stránkách řešena jednotným způsobem a její ovládání by mělo být pro uživatele snadno pochopitelné. Odlišení globální navigace. Jasné odlišení navigačního mechanismu od ostatních prvků webu je dalším důležitým předpokladem pro dobrou orientaci uživatele na webu. 23
Text vychází z konkrétní studie webu společnosti Internet Info s.r.o.
36
Používaná metodika webového auditu
Řešení lokální navigace. Řešení lokálního navigačního mechanismu výrazným způsobem ovlivňuje dostupnost detailnějších a konkrétnějších informací. Ve většině případů je právě tento typ informací tím, co uživatelé na webu potřebují zjistit. Identifikace pozice ve struktuře webu. Uživatel by se neměl na webu ztratit. Z toho důvodu by na všech stránkách webu měly být dostupné nějaké prvky, které mu kdykoli pomohou identifikovat jeho současnou pozici ve struktuře webu. Webový auditor při testování použitelnosti také průběžně ověřuje, zda se stránky správně zobrazují i v alternativních prohlížečích (Mozzila Firefox, Opera). Na závěr shrne jednotlivé výsledky a oznámkuje použitelnost webové stránky konkrétní hodnotou. 3.1.2
Kvalitní obsah webu
Auditor posuzuje i kvalitu obsahu webu. Zejména se zaměřuje na základní informační oblasti, které by měl web daného zaměření nabízet. Tedy například u webu automobilky se mohou hodnotit následující oblasti: Informace o možnostech financování vozidla Newsletter Pravidelný magazín „Kvalita obsahu webu je hodnocena především z důvodu možného snížení nákladů na ostatní komunikační kanály. Čím kvalitnější a rozsáhlejší informace je web schopen nabídnout, tím méně lidí vyhledává ostatní komunikační kanály (telefon, email).“ (Internet Info, 2008).
Obrázek 7
Kvalitní obsah webu
Používaná metodika webového auditu
3.1.3
37
Internetový marketing
V rámci kontroly internetového marketingu se hodnotí zejména viditelnost webu v nejpoužívanějších vyhledávačích v ČR (Seznam, Google). Auditor vyhledává různá slovní spojení a posuzuje na kolikátém místě se web ve výsledcích umístil. Při konstrukci slovních spojení se auditor zaměřuje zejména na slova z těchto oblastí: Název webu, společnosti, značky. Produkt, který web nabízí. Posuzují se nejenom výsledky ve vyhledávačích, ale i placená reklama umístěná u výsledků, tedy při jakých slovních spojeních se reklama zobrazuje. „V některých případech se např. hodí zobrazení reklamy, která se zobrazí po zadání produktu konkurence (např. po zadání klíčového spojení audi A4 může vyskočit reklama na automobil značky Škoda).“ (Internet Info, 2008). 3.1.4
Provázanost webu s dalšími komunikačními kanály
Při zkoumání kvality webu se hodnotí nejen prvky na stránce, ale i provázanost webu s ostatními komunikačními kanály. Auditor například zkoumá, jestli mu někdo odpoví na jeho dotaz zaslaný emailem, případně testuje komunikaci přes telefon. Testy potom vyhodnocuje v závislosti na rychlosti a kvalitě odpovědí. 3.1.5
Přístupnost
Při posuzování přístupnost webových stránek vychází společnost Internet Info s.r.o. také z pravidel přístupnosti českého zákona o přístupnosti webů státní správy. Auditor posuzuje přístupnost webu v závislosti na těchto kategoriích: Obsah webových stránek je dostupný a čitelný. Práci s webovou stránkou řídí uživatel. Informace jsou srozumitelné a přehledné. Ovládání webu je jasné a pochopitelné. Odkazy jsou zřetelné a návodné. Kód je technicky způsobilý a strukturovaný.
38
Navržený systém kontroly kvality webové prezentace
4 Navržený systém kontroly kvality webové prezentace 4.1 Výsledná zpráva V rámci výsledné zprávy kontroly kvality je web v úvodu krátce představen (cílové skupiny uživatelů) a následně je uvedeno výsledné hodnocení webu. Ve zprávě jsou také postupně rozepsány jednotlivé vlastností webu a jejich hodnocení. V závěru je případně uvedena analýza redesignu webu.
4.2 Metodika auditu Kvalita webové prezentace je hodnocena v závislosti na těchto kategoriích: Použitelnost Přístupnost Optimalizace pro vyhledávače Důležitost jednotlivých kategorií je velmi těžko zjistitelná. Při tvorbě auditorského systému se přisuzují váhy jednotlivým kategoriím většinou na základě intuice a zkušeností. Je například těžké rozhodnout, jestli je důležitější použitelnost nebo přístupnost. Pokud například web nebude přístupný, nebude pro některé uživatele ani použitelný a tím pádem je i diskutabilní, zda hodnotit optimalizaci pro internetové vyhledávače. Z důvodu této nejednoznačné důležitosti vlastností, je systém hodnocení navržen tak, aby nedostatky z jednotlivých oblasti výrazně ovlivnily celkové hodnocení. Za každou kategorii může web získat 0 – 10 bodů. Celkové hodnocení webu se vypočítá pomocí následujícího vzorce: (PO * PR * OP) / (PO1 * PR1 * OP1) PO – dosažený počet bodů za použitelnost PR - dosažený počet bodů za přístupnost OP – dosažený počet bodů za optimalizaci pro vyhledávače PO1 – maximální možný počet bodů za použitelnost PR1 - maximální možný počet bodů za přístupnost OP1 – maximální možný počet bodů za optimalizaci pro vyhledávače
Navržený systém kontroly kvality webové prezentace
39
Výsledné hodnocení webu může vypadat například takto: Název kategorie
Hodnocení
Použitelnost
5/10
Přístupnost
5/10
Optimalizace pro vyhledávače
10/10
Tabulka 1
Příklad hodnocení webu
Hodnocení: 25 % Výhodou takového hodnotícího systému je skutečnost, že pokud by například web byl nepoužitelný (0 bodů za použitelnost), celkové hodnocení webu by skončilo nejnižší známkou (0), bez ohledu na to, jak kvalitní by byl web v ostatních kategoriích. V rámci auditu se bude hodnotit i technická kvalita kódu. Tato kategorie nebude ovlivňovat celkové hodnocení, bylo by totiž problematické hodnotit technickou kvalitu webu známkou v rozmezí 0 - 10, v rámci technické kontroly bude totiž prováděna pouze kontrola validity kódu. V případě závažných nedostatků testovaného webu (zejména z hlediska použitelnosti) bude v závěru hodnocení provedena analýza případného redesignu webu pomocí drátěných modelů24. 4.2.1
Použitelnost
V rámci kategorie Použitelnost se budou testovat uživatelské scénáře, které budou hodnoceny známkou v rozsahu 0 – 10. Výsledná známka uživatelského scénáře bude vypočtena na základě hodnocení jednotlivých etap uživatelského scénáře25. Etapy uživatelského scénáře mohou být například následující: Nalezení stránky s produktem Nalezení ceny produktu Nalezení specifikace produktu Nalezení kontaktu Tzv. drátěný model je návrh webové stránky vytvořený pomocí diagramů. Pro konstrukci těchto modelů je velmi oblíbená aplikace Pencil. http://pencil.evolus.vn/en-US/Home.aspx 25 Vzhledem k nejednoznačné důležitosti jednotlivých etap scénáře je opět aplikovaná metoda součinu, tedy stejná metoda, která je použita pro celkové vyhodnocení kvality webu. 24
40
Navržený systém kontroly kvality webové prezentace
Jednotlivé etapy uživatelského scénáře budou ohodnoceny jedním ze tří následujících stavů: Stav
Označení
Neobjeveny závažnější nedostatky použitelnosti
Závažnější nedostatky z pohledu použitelnost
Velmi závažné nedostatky v použitelnosti
Tabulka 2
Hodnotící systém jednotlivých etap uživatelského scénáře
Vzhledem k faktu, že důležitost různých druhů návštěvníků je stejná (pokud zadavatel auditu nespecifikuje jinak). Výsledná známka, hodnotící všechny scénáře, bude aritmetický průměr jednotlivých hodnocení uživatelských scénářů. Při vyhodnocování použitelnosti budou dále řešena tato témata: Jednoznačná vizuální hierarchie webu. Pochopitelná a intuitivní webová navigace. Konzistentní webové navigace. Pochopitelné nadpisy. Podtržené odkazy. Odkaz na domovskou stránku na každé stránce. Pole pro vyhledávání (u rozsáhlejších stránek). Mapa webu (u rozsáhlejších stránek).
Navržený systém kontroly kvality webové prezentace
4.2.2
41
Přístupnost
V rámci posuzování přístupnosti budou řešeny tyto otázky: Jsou u obrázků alternativní texty? Je velikost písma nastavena v relativních jednotkách? Co se stane když zvětším písmo? Nerozhodí se struktura stránky? Je na webu dostatečný kontrast mezi pozadím a textem? Je na webu nějaký prvek u kterého je jeho důležitost zvýrazněna pouze barvou? Je navigační panel řešen pomocí technologií Flash nebo Javascript? Jak funguje navigace, když jsou tyto technologie v prohlížeči vypnuty? Jak se stránky zobrazují v alternativních prohlížečích?
4.2.3
Optimalizace pro vyhledávače
Kontrola správné optimalizace bude zahrnovat následující: Umístění webových stránek ve výsledcích po zadání názvu webu, případně názvu společnosti. Umístění webových stránek ve výsledcích po zadání názvu produktů. Správné použití HTML prvků vzhledem k optimalizaci pro vyhledávače.
4.2.4
Technická kvalita kódu
Při posuzování technické kvality kódu budou řešeny následující oblasti: Používá stránka správný Doctype v hlavičce? Je správně definovaná znaková sada? Je X/HTML struktura validní? Je CSS validní?
42
Studie webu euforie.cz
5 Studie webu euforie.cz Slogan (wellness & sport solutions) pod logem napovídá, že portál je cílen na uživatele se zájmem o fitness. Web je zaměřen na následující skupiny uživatelů: Sportovně založení lidé se zájmem o fitness kurzy. Lektoři se zájmem získat certifikát pro výuku fitness kurzů. Majitelé tělocvičen a kdokoli se zájmem o koupi produktů z oblasti fitness.
Obrázek 8
Domovská stránka webu euforie.cz
Studie webu euforie.cz
5.1
43
Výsledné hodnocení
Audit webu euforie.cz ukázal na závažné nedostatky zejména v oblastech použitelnosti a optimalizace pro internetové vyhledávače, co se týče přístupnosti, tak je zde nedostatků méně. Technická kvalita kódu je nedostatečná, kód je nevalidní. Vzhledem k závažnějším nedostatkům z oblasti použitelnosti je v závěru zprávy analyzován možný redesign webu.
Název kategorie
Hodnocení
Použitelnost
4/10
Přístupnost
6/10
Optimalizace pro vyhledávače
4/10
Tabulka 3
Hodnocení jednotlivých vlastností webu euforie.cz
Výsledné hodnocení webu: 9,6 %26
5.2 Použitelnost 5.2.1
Výsledné hodnocení
Za zásadní nedostatky z hlediska použitelnosti lze považovat následující: V některých sekcích je zcela chaotická navigační struktura a nepřehledný seznam kategorií (kategorie Naše služby, navigační hierarchie v kategorii Pro fitness centra). Některé odkazy v lokálním menu přesměrují uživatele na jiný webový portál (lokální menu kategorie Pro fitness centra), který navíc není moc kvalitně proveden. Takový přístup je značně neprofesionální. Ne zcela zřejmá navigace, pokud se návštěvník zajímá o získání certifikátu. Některé názvy odkazů nejsou v tomto případě zcela intuitivní (Nabídka kurzů). V hlavním menu portálu chybí položka Kontakt. Kontaktní informace jsou uvedeny až v patičce, která je navíc díky rozsáhlosti článku mimo zobrazovanou oblast internetového prohlížeče. 26
(4 * 6 * 4) / (10 * 10 * 10)
44
Studie webu euforie.cz
V rámci stránek jednotlivých fitness studií se logo v hlavičce odkazuje na domovskou stránku webu euforie místo, aby se odkazovalo na domovskou stránku fitness studia. Vzhledem k rozsáhlosti webového portálu chybí vyhledávací panel umístěný na každé stránce. Texty v článcích jsou většinou špatně strukturované. Článek na domovské stránce je příliš dlouhý. Informace o počtu návštěv v patičce není pro návštěvníka zajímavá, taková informace v patičce zbytečně zabírá místo a je pro návštěvníka rozptylující.
Uživatelský scénář
Hodnocení
Sportovec se zájmem o fitness kurz Lektor se zájmem o získání certifikátu pro výuku Majitel fitness centra se zájmem o nakoupení vybavení Tabulka 4
5/10 3/10 3/10
Hodnocení použitelnosti
Hodnocení: 4/10 5.2.2
Uživatelské scénáře
V rámci testování použitelnosti se budou analyzovat uživatelské scénáře následujících typů uživatelů: Sportovec se zájmem o fitness kurz. Lektor se zájmem o získání certifikátu pro výuku. Majitel fitness centra se zájmem o nakoupení vybavení.
Studie webu euforie.cz
45
Sportovec se zájmem o fitness kurz Etapa uživatelského scénáře
Hodnocení
Vyhledání stránky s informacemi o kurzu
Vyhledání ceny kurzu
Vyhledání termínu kurzu
Vyhledání kontaktu
Tabulka 5
Hodnocení uživatelského scénáře Sportovec se zájmem o fitness kurz
Hodnocení: 5/10 Při vstupu na domovskou stránku vidí návštěvník hlavní navigační menu (viz obrázek 8), ve kterém jsou odkazy na fitness studia v Praze a v Pelhřimově. Intuitivně si tedy může zvolit fitness studio v okolí jeho bydliště. Po vstupu na stránky konkrétního fitness studia si všimnou zájemci o cvičení těchto položek Naše služby, Ceník služeb, Rozvrh hodin. Trochu matoucím prvkem je skutečnost, že logo na stránce konkrétního fitness studia odkazuje na hlavní rozcestník webu euforie a ne na domovskou stránku fitness studia. Hlavním nedostatkem sekce Naše služby je nepřehlednost. V hlavním článku je definice některých kurzů, které studio nabízí. Pod ním je umístěn seznam služeb a produktů, který obsahuje 40 položek. Další matoucím prvkem je v pravé straně stránky lokální menu, ve kterém je jedenáct položek, kde jsou již některé použity v seznamu v hlavním článku (viz obrázek 9).
46
Obrázek 9
Studie webu euforie.cz
Kategorie Naše služby webu euforie.cz
Pokud uživatel bude mít zájem například o spinning, mohlo by ho zmást, že není uveden v seznamu definic v hlavním článku ani v seznamu pod ním. Našel by ho, až v lokálním menu v pravé části stránky. Podobným případem je i power jóga , toto cvičení je uvedeno pouze v hlavním článku, v lokálním menu se nevyskytuje. Místo tří odlišných seznamů produktů by bylo vhodnější umístit pouze jeden seznam, který by měl maximálně do 10 kategorií (pro lepší přehlednost). Vhodný by byl třeba obrázkový seznam kategorií. Co se týče kategorií Ceník služeb a Rozvrh hodin, tak zde jsou výhrady minimální. V kategorii Rozvrh hodin není pochopitelné, proč se vyskytují vykřičníky pouze u některých názvů kurzu s názvem Zumba a u ostatních ne. Hodil by se nějaký text s popisem těchto vykřičníků.
Studie webu euforie.cz
Obrázek 10
47
Kategorie Rozvrh hodin webu euforie.cz
Kontakt na studio se nachází nezvykle až v patičce stránky. Vzhledem k velikosti článků se patička na každé stránce dostane mimo zobrazovací plochu prohlížeče. Kontaktní informace by byly daleko vhodnější v hlavním horním menu konkrétního studia, ideálně jako poslední položka (většina uživatelů je zvyklých na to, že kontaktní informace se uvádí jako poslední položky menu).
48
Studie webu euforie.cz
Lektor se zájmem o získání certifikátu pro výuku Etapa uživatelského scénáře
Hodnocení
Vyhledání stránky s informacemi o certifikátu
Vyhledání ceny certifikátu
Vyhledání dalších informací o certifikátu
Vyhledání kontaktu
Tabulka 6
Hodnocení uživatelského scénáře Lektor se zájmem o získání certifikát pro výuku.
Hodnocení: 3/10 Po vstupu na úvodní stránku se asi většina zájemců o certifikát pozastaví nad tím, který odkaz je nasměruje na informace o možnostech získání certifikátu. Nemusí být totiž každému hned jasné, že na stránku o certifikátu vede odkaz Internetový obchod. Mnohem intuitivnější by byl např. odkaz s názvem Získej certifikát. Po kliknutí na odkaz Internetový obchod je uživatel přesměrován na zcela jiný webový portál (web trampolinky.cz viz Obrázek 11) s jinou visuální hierarchií, což může být pro mnohé návštěvníky dosti matoucím prvkem. Všechny stránky webu euforie.cz by rozhodně měly být kompaktní a s jednotným visuálním stylem.
Studie webu euforie.cz
Obrázek 11
49
Web trampolinky.cz
V horní části domovské stránky pod logem (www.trampolinky.cz) je nevýrazný odkaz Nabídka kurzů (viz obrázek 11), stejný odkaz je ještě v patičce stránky. Odkaz je umístěn na velmi špatném místě, každý si ho nemusí hned všimnout. Dalším nedostatkem je samotný název Nabídka kurzů, pod tímto názvem si hodně uživatelů může představit nabídku klasických kurzů a ne informace o možnosti získat certifikát. Po kliknutí na odkaz Nabídka kurzů je uživatel přesměrován přímo na stránku s informacemi o získání certifikátů. Kde je hned v úvodním článku o certifikátu zmíněna cena. Trochu matoucím prvkem v sekci o certifikátu je uspořádaný seznam odkazů (viz Obrázek 12). Uspořádaný seznam odkazů by na někoho mohl působit dojmem, že se jedná o na sebe navazující kroky k získání certifikátu, přitom tomu tak není. Místo uspořádaného seznamu by byl vhodnější neuspořádaný seznam.
Obrázek 12
Uspořádaný seznam odkazů v sekci o certifikátu
50
Studie webu euforie.cz
Pokud má návštěvník zájem o dodatečné informace o certifikátu, které na webu nenašel intuitivně klikne na odkaz Kontakt, kde jsou přehledně rozepsány jednotlivé kontakty a je zde dokonce uveden i kontaktní formulář.
Zájemce o vybavení fitness centra Etapa uživatelského scénáře
Hodnocení
Vyhledání stránky s nabídkou služeb a produktů pro majitelé fitness center
Vyhledání informací o ceně
Vyhledání specifikace produktu
Vyhledání kontaktu
Tabulka 7
Hodnocení uživatelského scénáře Zájemce o vybavení fitness centra
Hodnocení: 3/10 Uživatel se zájmem o vybavení fitness centra si na domovské stránce euforie lehce všimne odkazu Pro fitness centra. Po kliknutí na odkaz Pro fitness centra se uživateli zobrazí stránka s popisem produktu Trampolína (viz Obrázek 13).
Studie webu euforie.cz
Obrázek 13
51
Kategorie Pro fitness centra webu euforie.cz
Uživatel tak může nabýt dojmu, že euforie nabízí pro fitness centra pouze trampolíny. Web euforie přitom nabízí mnohem více produktů. Informační hierarchie sekce pro Pro fitness centra je z pohledu majitele fitness centra velmi chaotická. V pravém lokálním menu jsou odkazy, které vedou na různé webové portály. Například po kliknutí na odkaz Trampies je uživatel přesměrován na webový portál www.trampies.eu, který obsahuje text v angličtině a v češtině zároveň, což výrazným způsobem snižuje kvalitu webu euforie.cz. Je zde také odkaz Skříně, který vede na stránku s popisem produktu, na které je uveden odkaz na e-shop trampolinky.cz. Po kliknutí na odkaz se návštěvník ocitne v eshopu, ale je zde informace, že hledaná kategorie neexistuje. Návštěvník se může po delší době dostat do e-shopu i ze stránky Pro fitness centra. Po pročtení rozsáhlého článku na úvodní stránce totiž uživatel zjišťuje, že kompletní nabídka produktů se nachází na e-shopu trampolinky.cz. Informační struktura v kategorii Pro fitness centra působí velmi chaotickým a neintuitivním dojmem. Jakmile se návštěvník dostane na e-shop trampolinky.cz, všimne si zde v levém lokálním menu odkazu Pro fitness centra. Položka je umístěna na velmi netypickém místě mezi ostatními nabízenými produkty. Zde by bylo vhodné kompletně předělat informační architekturu, pomocí které se návštěvník se zájmem o vybavení tělocvičny dostane ke konkrétnímu produktu. V sekci Pro fitness centra (web trampolinky.cz) se návštěvník již snadno orientuje mezi jednotlivými kategoriemi produktů. Ceny produktů se nachází vždy v úvodním výpisu produktů dané kategorie.
52
Studie webu euforie.cz
Návštěvník snadno nalezne odkaz Kontakt, který je poslední položkou horního menu e-shopu trampolinky.cz.
Studie webu euforie.cz
53
5.3 Přístupnost Hodnocená vlastnost
Alternativní texty u obrázků
Stav Obrázky v galerii nemají alternativní text. Nesplněno
Velikost písma v relativních jednotkách
Velikost písma je v absolutních jednotkách. Písmo tak nelze zvětšit v prohlížeči Internet Explorer. Nesplněno
Struktura stránky po zvětšení písma
Struktura stránky je po zvětšení písma v pořádku. Splněno
Kontrast mezi pozadím a textem
Kontrast mezi pozadím a textem je dostatečný. Splněno
Existence prvků jejichž důležitost je zvýrazněna pouze barvou
Na stránkách se vyskytují nepodtržené odkazy, jsou pouze barevně odlišené. Nesplněno
Funkčnost stránek s vypnutými technologiemi Javascript a Flash
Stránky jsou použitelné i v prohlížeči bez podpory těchto technologií. Splněno
54
Studie webu euforie.cz
Správné zobrazení stránek v různých prohlížečích
Stránky byly prohlíženy v následujících prohlížečích: Internet Explorer (verze 6 – 8) Mozzila Firefox (verze 3.6) Opera (verze 9.5) Google Chrome (verze 2.0) Ve všech prohlížečích se stránky zobrazovaly správně. Splněno
Tabulka 8
Hodnocení přístupnosti webu euforie.cz
Hodnocení: 6/10
5.4 Optimalizace pro internetové vyhledávače 5.4.1
euforie Tabulka 9
Umístění webu ve výsledcích vyhledávání Umístění ve vyhledávači Google
Umístění ve vyhledávači Seznam
1.
1.
Pozice webu ve výsledcích po zadání názvu domény
Studie webu euforie.cz
Aerstep b-ball Fit ball Fitbox Freestyler Ioball Jungle sports Power jóga Powerhoop Spinning Staby Trampies Trampolinning Vacushape Zumba Tabulka 10
55
Umístění ve vyhledávači Google 1. 3. 4. 7. 1. 1. 7. 10. 35. 45. -
Umístění ve vyhledávači Seznam 1. 15. 28. 1. 10. 1. 4. 24. 43. -
Pozice webu ve výsledcích po zadání názvu produktu
Po zadání názvu společnosti se web umístil na první pozici. Z 15 základních produktů, které nabízí web euforie.cz se pět produktů umístilo na relativně dobrém umístění (do desátého místa v obou vyhledávačích), zbývající produkty se ve výsledcích umístily na pozicích 100 a výše (klíčová slova, u kterých je pomlčka). Hodnocení: 4/10 5.4.2
Správné použití HTML prvků
Popisek stránky (meta tag description) je zbytečně moc dlouhý. Text obsahuje celkem 744 slov, do popisku se doporučuje vkládat maximálně 25 - 30 slov, více se totiž ve výsledcích vyhledávání nezobrazí. Webová stránka nemá mapu webu, při podobně rozsáhlých stránkách se doporučuje vkládat mapa webu. Roboti internetových vyhledávačů tak stránky jednodušeji indexují. Na stránkách jsou špatně použité nadpisy. Například po nadpisu velikosti 4 (HTML element H4) následuje nadpis velikosti 3 (HTML element H3). Nadpisy mají být používány dle velikosti vzestupně.
56
Studie webu euforie.cz
5.5 Technická kvalita kódu Jen na domovské stránce zaznamenal HTML validator 12 chyb a CSS validator 1 chybu. Špatně napsaný HTML kód může způsobovat špatné zobrazení v prohlížeči, případně se jisté prvky nemusí zobrazovat vůbec.
Vlastnost
Hodnota
Doctype
XHTML 1.0 Transitional
Znaková sada
Windows – 1250 (nesprávné zobrazení některých znaků na počítači s operačním systémem Linux)
Validita HTML
Nevalidní
Validita CSS
Nevalidní
Tabulka 11
Technické provedení webu euforie.cz
5.6 Možný redesign webu euforie.cz Vzhledem k závažným nedostatkům webu z oblasti použitelnosti se doporučuje kompletní redesign webu. Jeden z možných redesignů webu bude demonstrován na drátěných modelech. V rámci těchto doporučení je redesign demonstrovaný pouze na části webu euforie.cz a sice na těchto částích: Domovská stránka Sekce Zákazník Sekce Investor Sekce Přihlášení Redesign je částečný zejména z důvodů komplexnosti webu a tedy i časové náročnosti podobného redesignu. Níže uvedené drátěné modely jsou reakcí na základní nedostatky stávajícího webu euforie.cz z hlediska použitelnosti. Domovská stránka Pro lepší přehlednost se doporučuje umístit na domovskou stránku hlavní rozcestník pro základní skupiny uživatelů.
Studie webu euforie.cz
57
Doporučuje se také umístit kategorii Přihlášení. Uživatelé, kteří jsou již do systému registrovaní nebudou mít potíže s přihlášením rovnou na domovské stránce. Drátěný model domovské stránky je uveden v příloze D. Sekce Zákazník Po kliknutí na odkaz Zákazník bude uživatel přesměrován do přehledné zákaznické sekce. V horní části stránky se bude vyskytovat odkaz pro zvolení konkrétního fitness studia – Naše studio. V tomto menu budou následující odkazy týkající se konkrétního fitness studia: Ceník Rozvrh hodin Kurzy a cvičení Novinky Kontakty Galerie V pravé části sekce Zákazník bude druhé lokální menu, ve kterém bude nabídka produktů pro konkrétní fitness studio. V pravém sloupci stránky budou také uvedeny reklamy na konkrétní akce fitness studia a reklamy z jiných sekcí např. reklama na možnost koupení lektorského kurzu. Drátěný model sekce Zákazník je uveden v příloze E. V příloze F je uveden drátěný model výpisu kategorie Zumba v sekci Zákazník. Sekce Investor V sekci Investor se nacházejí informace pro případné majitele fitness center, kteří mají zájem o vybavení tělocvičen. V horní části stránky se bude vyskytovat následující odkazy: Nabídka služeb pro fitness centra Obchodní podmínky Novinky Kontakty V pravé části sekce Investor bude druhé lokální menu, ve kterém bude nabídka produktů nabízených majitelům fitness centra s cenovým zvýhodněním. Drátěný model sekce Investor je uveden v příloze G. V příloze H je uveden výpis kategorie Trampies v sekci Investor.
58
Studie webu euforie.cz
Přihlášení do systému Uživatelé kteří kliknou na odkaz Přihlášení budou přesměrování na stránku s pochopitelným formulářem pro přihlášení. Na stránku se doporučují umístit reklamy na produkty společnosti. Reklamy mohou být cílené přímo na konkrétní zákazníky, např. uživatel, který chodí cvičit Zumbu, uvidí reklamy pouze z této oblasti. Drátěný model stránky pro přihlášení do systému je uveden v příloze I.
Závěr
59
6 Závěr Zásadním rozdílem mezi navrženou metodikou v rámci diplomové práce a metodikou společnosti Internet Info s.r.o. je ve výpočtu výsledného hodnocení webové stránky. Metodika společnosti Internet Info s.r.o. nejvíce zohledňuje použitelnost webu (váha 0,35), dále kvalitní obsah webu (váha 0,25), internetový marketing (váha 0,20) a nakonec přístupnost webu (váha 0,10). Celkové hodnocení webu je vážený aritmetický průměr těchto vlastností. Navržená metodika v diplomové práci nepřisuzuje vlastnostem webu žádné konkrétní váhy. Výsledné hodnocení je poměr součinu hodnocení vlastností auditovaného webu (např. 5 * 4 * 10) k maximálně možnému hodnocení (10 * 10 * 10). V metodice nejsou užity váhy vlastností webu neb je velmi problematické takové váhy pro obecný web určit, proto metodika pracuje s předpokladem, že váhy těchto vlastností jsou neznámé. Pokud by tedy např. hodnocený web nebyl přístupný (0 bodů) při užití metodiky společnosti Internet Info s.r.o. by se nepřístupnost webu projevila tím, že hodnocení by bylo nižší o maximální možný počet bodů za přístupnost. Při aplikaci navržené metodiky z diplomové práce by výsledné hodnocení webu bylo 0 bodů. Na webovém auditu je nejvíce problematické hodnocení použitelnosti. Hodnocení použitelnosti je totiž velmi subjektivní, může se např. i značně lišit v závislosti na tom, kdo hodnotí. Použitelnost by v ideálním případě měli hodnotit nezávislí testeři s rozdílnými zkušenostmi s výpočetní technikou (Jakob Nielsen doporučuje 3 – 5 testerů na libovolně rozsáhlý web). Vzhledem k nedostatku zdrojů byl web v diplomové práci hodnocen jedním člověkem a sice autorem práce. Metodika v diplomové práci testuje použitelnost pomocí uživatelských scénářů, které jsou ohodnoceny na základě hodnocení jednotlivých etap těchto scénářů. V rámci zjednodušení procesu hodnocení scénáře hodnotí testeři jednotlivé etapy pomoci tří stavů (velmi závažné problémy, závažně problémy, bez větších problémů). Pro usnadnění volby stavu problému, jsou stavy znázorněny pomocí tzv. smiley face. Tento jednoduchý a intuitivní systém hodnocení byl navrhnut zejména s přihlédnutím k tomu, že web mohou testovat různí lidé s různými zkušenostmi, proto byly vybrány takové hodnotící symboly, aby byly srozumitelné všem. Význam navrženého kvantitativního auditu spočívá hlavně v možnosti porovnávání. Za pomoci navrženého auditu se mohou např. porovnávat weby z jednoho odvětví pro účely analýzy trhu. Výsledná zpráva může poukázat na hlavní nedostatky webů z této oblasti a nově vstupující subjekt na trh toho může využít ve svůj prospěch. Pomocí navržené metodiky se také může průběžně hodnotit stav webu, vždy po nějakém významném zásahu do systému. Majitel webu si tak může zkontrolovat do jaké míry přispívají změny k celkové kvalitě webu.
60
Literatura
7 Literatura CEDERHOLM,
D. Webdesign s webovými standardy.. Brno: Zoner Press, 2004. ISBN 80-86815-15-3.
DOBRY WEB [ONLINE].
2010. DOSTUPNÉ Z WWW: < http://www.dobryweb.cz/>
GRAPPONE,
J. – COUZIN, G. SEO: Search Engine Optimization : ovládněte SEO a získejte výhody před konkurencí : optimalizujte své webové stránky pro vyhledávací servery : přiveďte na své zákazníky dříve než to udělá konkurence. Brno: Zoner Press, 2007. ISBN 978-80-86815-85-5.
KISSMRICS MARKETING BLOG [ONLINE]. 2010. DOSTUPNÉ Z WWW:
KRUG, S. Webdesign. Nenuťte uživatele přemýšlet! Brno: Computer Press, a.s., 2007. ISBN 80-251-1291-8. NIELSEN, J. Použitelnost domovských stránek. Brno: Zoner Press, 2004. ISBN 80-86815-18-8. ŠPINAR, D. Tvoříme přístupné webové stránky. Brno: Zoner Press, 2004. ISBN 80-86815-11-0. USEIT.COM JAKKOB
NIELSEN’S WEBSTE [ONLINE]. 2010. DOSTUPNÉ Z WWW: < http://www.useit.com/>
UX MATTERS [ONLINE]. 2010.
DOSTUPNÉ Z WWW:
Literatura
61
62
Literatura
Přílohy
Webová navigace
63
A Webová navigace
64
Tabulka
B Tabulka Caption Person | URL |
Summary |
Bryan | Avalonstar |
Dan | SuperfluousBanter |
Formulář
C Formulář
65
66
Drátěný model – domovská stránka
D Drátěný model – domovská stránka
Drátěný model – sekce Zákazník
E Drátěný model – sekce Zákazník
67
68
Drátěný model – sekce Zumba v kategorii Zákazník
F Drátěný model – sekce Zumba v kategorii Zákazník
Drátěný model – sekce Investor
G Drátěný model – sekce Investor
69
70
Drátěný model – sekce Trampies v kategorii Investor
H Drátěný model – sekce Trampies v kategorii Investor
Drátěný model – sekce Přihlášení
I Drátěný model – sekce Přihlášení
71