VYSOKÁ ŠKOLA POLYTECHNICKÁ JIHLAVA Katedra cestovního ruchu
Analýza webových stránek C A Yv e t t a a C A A G I S Bakalářská práce
Autor: Jana Vosáhlová Vedoucí práce: Mgr. Martina Černá, Ph.D. Jihlava 2011
Abstrakt Vosáhlová, Jana: Analýza webových stránek CA Yvetta a CA AGIS. Bakalářská práce. Vysoká škola polytechnická v Jihlavě. Katedra cestovního ruchu. Vedoucí práce Mgr. Martina Černá, Ph.D. Stupeň odborné kvalifikace: bakalář. Jihlava 2011. Cílem bakalářské práce Analýza webových stránek CA Yvetta a CA AGIS je zanalyzovat a zhodnotit webové stránky výše uvedených agentur a na základě odborné literatury a názorů a připomínek klientů zpracovat návrhy na zkvalitnění webových stránek. V teoretické části se zaměřuji na tvorbu webových stránek. Vysvětluji, co je to webová stránka, z čeho se skládá, jaké prvky a navigace má domovská stránka. Uvádím zde nejčastější chyby webových stránek a také vysvětluji psychologii barev. V praktické části jsem obě agentury stručně představila. Vytvořila jsem mapy webových stránek cestovních agentur. Na fotografiích stránek znázorňuji prvky domovské stránky a navigace. V dalším oddílu praktické části se nachází dotazník, kterým zjišťuji názory klientů na webové stránky. V závěru práce zhodnocuji a vydávám doporučení jednotlivým cestovním agenturám. Klíčová slova: Cestovní agentura, webová stránka, marketingový výzkum.
Abstract The goal of my graduation thesis “Analysis of Yvetta and AGIS travel agencies web sites” is to analyze and to review web sites of these agencies and to work up suggestions to improve the quality of web sites, based on the principles of literature and opinions and comments of clients. In the theoretical part I focus on web site creation. I explain what the web site is, what is consists of, which features and navigation the homepage has. I list the most common mistakes of web sites and I also explain the psychology of colours. In the practical part I introduced both agencies. I created maps of web sites of travel agencies. In the pictures of sites I showed features of homepage and navigation. In another practical part is a questionnaire, in which I gather the clients’ opinions about the web sites. At the end of my thesis I review and issue a recommendation for each travel agency. Key word: Travel agency, web sites, marketing research.
Touto cestou bych ráda poděkovala Mgr. Martině Černé, Ph.D. za odborné vedení mé bakalářské práce a poskytování cenných rad.
Prohlašuji, že předložená bakalářská práce je původní a zpracoval/a jsem ji samostatně. Prohlašuji, že citace použitých pramenů je úplná, že jsem v práci neporušil/a autorská práva (ve smyslu zákona č. 121/2000 Sb., o právu autorském, o právech souvisejících s právem autorským a o změně některých zákonů, v platném znění, dále též „AZ“). Souhlasím s umístěním bakalářské práce v knihovně VŠPJ a s jejím užitím k výuce nebo k vlastní vnitřní potřebě VŠPJ . Byl/a jsem seznámen/a s tím, že na mou bakalářskou práci se plně vztahuje AZ, zejména § 60 (školní dílo). Beru na vědomí, že VŠPJ má právo na uzavření licenční smlouvy o užití mé bakalářské práce a prohlašuji, že s o u h l a s í m s případným užitím mé bakalářské práce (prodej, zapůjčení apod.). Jsem si vědom/a toho, že užít své bakalářské práce či poskytnout licenci k jejímu využití mohu jen se souhlasem VŠPJ, která má právo ode mne požadovat přiměřený příspěvek na úhradu nákladů, vynaložených vysokou školou na vytvoření díla (až do jejich skutečné výše), z výdělku dosaženého v souvislosti s užitím díla či poskytnutím licence. V Jihlavě dne 17. 12. 2010 ...................................................... Podpis
Obsah Úvod ...................................................................................................................................... 7 1
Teoretická část............................................................................................................... 8 1.1
Webová stránka a její složení ................................................................................. 8
1.1.1
Co je to webová stránka................................................................................... 8
1.1.2
Proč si pořídit webovou stránku ...................................................................... 8
1.2
Složení webové stránky .......................................................................................... 9
1.3
Tvorba webových stránek ..................................................................................... 10
1.3.1 1.4
Webový design ..................................................................................................... 11
1.4.1
Co je webový design ..................................................................................... 11
1.4.2
Pravidla designu ............................................................................................ 11
1.5
Navigace ............................................................................................................... 15
1.6
Domovská stránka................................................................................................. 17
1.6.1
2
Postup tvorby webových stránek................................................................... 10
Sestavení domovské stránky.......................................................................... 17
1.7
Psychologické vlivy působící na webových stránkách......................................... 20
1.8
Nejčastější chyby na webových stránkách............................................................ 21
Praktická část............................................................................................................... 22 2.1
Cestovní agentura Yvetta...................................................................................... 22
2.1.1 2.2
Cestovní agentura AGIS ....................................................................................... 23
2.2.1 2.3
Základní informace dostupné na webových stránkách.................................. 22
Základní informace dostupné na webových stránkách.................................. 23
Mapy webových stránek ....................................................................................... 24 5
2.3.1
Mapa webových stránek CA Yvetta.............................................................. 24
2.3.2
Mapa webových stránek CA AGIS ............................................................... 27
2.4
Analýza navigace webové stránky CA Yvetta...................................................... 29
Obrázek 1 Navigace webové stránky CA Yvetta ............................................................ 29 2.5
Analýza navigace webové stránky CA AGIS....................................................... 30
2.6
Analýza domovské stránky CA Yvetta................................................................. 31
2.7
Analýza domovské stránky CA AGIS .................................................................. 33
2.8
Zhodnocení webových stránek cestovní agentury Yvetta .................................... 34
Zhodnocení webových stránek CA AGIS ....................................................................... 36 2.9
Marketingový výzkum .......................................................................................... 38
2.9.1 2.10
Vyhodnocení marketingového výzkumu....................................................... 39 Srovnání a návrhy ke zlepšení webových stránek CA Yvetta a CA AGIS....... 56
Závěr.................................................................................................................................... 58 Seznam literatury................................................................................................................. 59 Seznam grafů ....................................................................................................................... 61 Seznam obrázků................................................................................................................... 62 Seznam tabulek.................................................................................................................... 63 Seznam příloh ...................................................................................................................... 64
6
Úvod Pro svojí bakalářskou práci jsem zvolila téma ,,Analýza webových stránek CA Yvetta a CA AGIS“. Tyto agentury jsem si vybrala, protože bydlím nedaleko města Vlašim, kde obě agentury sídlí a také proto, že jejich služby využívá má rodina a mé nejbližší okolí. Problematiku webových stránek jsem si zvolila proto, že mě tohle téma velmi zajímá. Internet využívám každý den a mám tak možnost vidět škálu profesionálně tvořených i amatérských stránek. Ze své vlastní zkušenosti vím, že správně udělané stránky působí na příjemce lépe a zároveň se s nimi lépe pracuje. Propracovanost a bezchybný vzhled webových stránek neodmyslitelně patří k dnešní době, protože přispívá k úspěšnému získávání klientů ze širokého okolí. Je důležité, aby agentury měly dobře a účelně zpracované webové stránky. Cílem mé práce je zanalyzovat a vzájemně srovnat webové stránky cestovní agentury Yveta a cestovní agentury AGIS. Dále dle připomínek klientů výše uvedených cestovních agentur a odborné literatury zpracovat návrhy na zkvalitnění webových stránek. Tyto návrhy využijí výše uvedené cestovní agentury, při úpravách svých webových stránek za účelem předávání potřebných informací klientům v odpovídající obsahové i formální kvalitě. Dobře propracované stránky mohou být jedním z důvodů nárůstu klientely, která si jejich služby bude objednávat prostřednictvím internetu. Agentury tak nebudou odkázáni jen na zákazníky, kteří přijdou přímo do kamenné prodejny. Při splnění všech uvedených kriterií agentury zvýší svoje šance na prosazení v tak vysoce konkurenčním odvětví jako je cestovní ruch. Téma mé bakalářské práce souvisí s literaturou zaměřenou na výpočetní techniku, marketing a Public Relations, psychologii a cestovní ruch. Tuto problematiku například zpracovali: Petr Broža Jak na počítač: Vytváříme WWW stránky, Jamie Freeman Webové stránky: Pět set rad, tipů a technik, Jana Hanzalíková Webdesign: Pro úplné začátečníky, Steve Krug Web design: Nenuťte uživatele přemýšlet, Jitka Vysekalová a Růžena Komárková Psychologie reklamy, Zbyněk Vybíral Psychologie lidské komunikace, Tomáš Holčík 1001 tipů a triků pro WWW stránky, Miroslav Čertík. Cestovní ruch: vývoj, organizace a řízení. 7
1 Teoretická část 1.1 Webová stránka a její složení 1.1.1 Co je to webová stránka ,,Webová stránka zobrazuje informace poskytované v rámci World Wide Webu. Web je zobrazován pomocí webového prohlížeče (klienta), který je možné zobrazit na monitoru počítače či mobilního přístroje. Informace jsou prezentovány v podobě hypertextu, který je vytvořen použitím značek HTML nebo XHTML. Stránky se skládají z textu, multimediálních dat (obrázky, videa, zvuky, …) a odkazů, které umožňují přechod na další webové stránky.“ [13] Nejrozšířenější službou internetu je poskytování různých druhů informací rozdílným zájemcům. Tyto informace jsou obsažené na webových stránkách. Lze říct, že webové stránky tvoří celý internet. Webová stránka není jen jedna, ale je to celý soubor stránek, který je navzájem provázaný a tím tvoří celý web, který si uživatel může kdykoliv přečíst. Každá stránka má svého tvůrce, který do ní umístil svůj obsah. Webové stránky mají své vlastní internetové adresy, každá je originálem. Tyto adresy označují místo, kde se stránky nacházejí. Jednotlivé stránky jsou určitým způsobem propojeny pomocí odkazů, které poskytují lepší čitelnost a orientaci v nich.
1.1.2 Proč si pořídit webovou stránku Pokud chceme být v dnešní době úspěšní ve své podnikatelské činnosti, je téměř nutností mít kvalitně zpracované webové stránky. Tyto stránky musí být kvalitní, aktuální, přehledné a musí upoutat svým designem. Webová stránka je snadnou cestou, jak komunikovat se zákazníkem, jak představit firmu veřejnému okolí. Dále je to velmi účinný a relativně levný způsob reklamy.
8
1.2 Složení webové stránky Každá webová stránka se skládá z několika základních prvků. Jsou to především texty, obrázky, odkazy, tabulky a rámy. Text Text je jedním z hlavních stavebních kamenů webové stránky, textem se sdělují informace. Na stránkách jsou používány různé druhy znázornění textu - velikost, typ písma, druh zvýraznění. Dobře zvolený typ písma a způsob zvýraznění vytváří celkový dojem, kterým stránka působí na uživatele. Obrázky Slouží k doplnění a zvýraznění obsahu stránky. Celkově pomáhají při orientaci na stránce a přispívají k zvýšení pozornosti při jejím prohlížení. Stránky, na kterých obrázky či jiný druh grafiky není, jsou nepoutavé a vzbuzují pocit nezájmu. Odkazy Odkazy slouží k tomu, aby se informace rozdělovaly na stránkách do různých sekcí a tím byly uspořádány. Tento prvek je velmi důležitý, jinak by na jedné stránce bylo nepřeberné množství informací. Čtenář by ztratil orientaci a zájem cokoliv hledat, dále by byl soubor příliš velký. Proto na hlavní stránce vytváříme obsah složený z odkazů, jež jsou vzájemně propojené. Čtenář si vybere odkaz, který ho zajímá, a tím otevře stránku s potřebnou informací, kde může najít další odkazy související s tématem. Tabulky Jsou dalším nástrojem využívaných na webových stránkách. Pomocí nich lze přehledně uspořádat data. Při jejich vytváření je vhodné užívat různé typy a barvy rámů, které zvýrazňují obsah tabulky.
9
Rámy Prvek na webové stránce, kterým se ukotví nabídka tak, aby byla stále viditelná. Rám se chová jako samostatná stránka, lze zde klikat na odkazy, které se otevřou jen v tom příslušném rámu. Pomocí něho lze vidět a pracovat s několika stránkami najednou.
1.3 Tvorba webových stránek Je důležité, abychom si před tvorbou webových stránek sepsali, jak chceme, aby stránky ve výsledku vypadaly - vážné, seriózní, profesionální, veselé, atd. Při vlastní tvorbě se tohoto seznamu držme. Je také vhodné mít už jistou představu o designu.
1.3.1 Postup tvorby webových stránek Na tvorbě spolupracujeme s profesionálem, během vytváření postupujeme podle kroků, jež definoval Jamie Freeman (2008): Návrh V této části dochází k předání podkladů, odpovědi na otázky, stanovení vize. Plánování Zvolení postupu pro tvorbu webových stránek, jaké prvky budou použity, jak a kým budou stránky zpravovány. Specifikace projektu Materiál, který již obsahuje ucelené informace o projektu, zřetelně ukazuje, čeho má být dosaženo. Schéma stránek Ilustrace budoucí podoby stránek, zobrazuje hierarchii odkazů, uspořádání a zobrazované informace. Testy Jsou zaměřeny na zkoušení funkčnosti stránek.
10
Design Design se zabývá vzhledem stránek. Tvorba stránek Probíhá vlastní tvorba stránek. Testy přijatelnosti Zadavatel kontroluje, zda vše funguje podle jeho představ. Spuštění stránek V této fázi probíhá umístění stránek na server.
1.4 Webový design 1.4.1 Co je webový design Představuje vzhled stránek, který je propojený s estetickým vzhledem a funkčností stránek.
1.4.2 Pravidla designu Při tvorbě designu webových stránek je bráno v potaz pravidlo, že uživatel stránky nečte, ale prohlíží, hlavně tedy dbáme na přehlednost. Důležité je zhotovit kvalitní obsah. Nesnažme se umístit všechny odkazy na hlavní stranu. Pro přehlednost by měla být vytvořena určitá hierarchie stránek. Na úvodní domovské stránce jsou umisťovány odkazy jen na určité skupiny, hlavní stránka tak není přesycená a nepřehledná. Profesionálně tvořené stránky rozeznáme od amatérských tím, že amatéři mají ve zvyku umístit na stránku co nejvíce prvků, které vytvořili a zdají si jim úžasné. Tím své stránky vlastně přehltí. Profesionál užije třeba jeden prvek, ale za to efektivní.
11
Pravidlo 10sekund Toto pravidlo říká, že pokud uživatel zavítá na naše stránky, během 10 sekund musíme zaujmout jeho pozornost či mu ukázat to, co na našich stránkách hledal. V opačném případě jde na jinou stránku a my ho ztratíme. Umístění fotografií Při umisťování fotografií dbáme na jejich kvalitu. Rozmazané a rozostřené fotografie či obrázky nikoho nezaujmou. Menu Ukazuje obsah webových stránek a obsahuje informace o všech položkách. Barvy Při tvorbě webového designu jsou velmi důležitým prvkem barvy. Je vhodnější používat různé odstíny jedné barvy než různé odstíny rozdílných barev. Při užití rozdílných tónů jedné barvy stránka působí jako jeden celek. Pět bodů pro uživatelovo správné pochopení stránky dle Kruga (2003): • na každé stránce dodržovat jasnou vizuální hierarchii • využívat zvyklostí • rozdělovat stránky na jasně definované oblasti • musí být zřejmé, na co je možné klepnout • minimalizovat šum Vizuální hierarchie Vizuální hierarchie je pojem, který vyznačuje uspořádání nadřazenosti a podřazenosti. Uspořádaný vzhled prvků dělá webovou stránku jasně pochopitelnou. Je důležité odlišit, co spolu souvisí a co ne. Vizuální hierarchie na webové stránce by měla být velmi dobře propracovaná. Při tvorbě vizuální hierarchie se držíme několika pravidel: • co je důležité, je nápadné • nadpisy jsou více zdůrazňovány, například tučným, větším písmem či barvou 12
• objekty spolu související jsou umisťovány do stejné oblasti, nebo je užit podobný styl zvýraznění • nadpis sekce je nadřazován konkrétnímu obsahu (na první pohled musí být viditelné, kde se nacházíme, teprve pak si všímáme obsahu) Cílem vizuální hierarchie je udělat si jasnou představu o tom, co stránka obsahuje před jejím vlastním přečtením. Bez propracované hierarchie si čtenář sám musí určit, co je podstatné. Autor stránky ví, na co chce upozornit, proto by to sám měl zvýraznit a uživatelům tak ulehčit práci. Zvyklosti uživatele Uživatel vnímá určité zvyklosti, které jsou mu po celou dobu nenápadně vštěpovány. Například tučný a velkým písmem psaný titulek shrnuje text, který je pod ním. Text pod obrázkem je popiskem k obrázku nebo informace o tom, kdo je autorem obrázku. Tyto zvyklosti pomáhají v orientaci v textu a jsou uplatňovány ve všech médiích v novinách, na internetu, v rádiu nebo v televizi. Díky nim jsme schopni číst například ve všech druzích novin. Na internetu je spousta prvků, které se již staly zvykem a stačí užít jen ikonu či obrázek bez popisku. Další zvyklostí je menu umístěné vlevo při okraji stránky. Tato hierarchie stránky je chápána, i když je třeba v cizím jazyce, ulehčuje orientaci na stránce. Designéři neradi tyto zvyklosti používají, snaží se přispět něčím novým nebo alespoň obměnit stávající zvyk. Je dobré inovovat, jen pokud jsme si jisti, že náš nápad je opravdu lepší než stávající. Stránka musí být rozdělena do oblastí, ze kterých je jasně viditelné, které druhy informací nalezneme. Uživatel se rozhodne během několika vteřin, zda si na našich stránkách najde, co potřebuje, či má hledat jinde. Jsou používány výrazy, které jsou známé široké veřejnosti, vyhýbáme se nám zažitým zkratkám či počítačovému slangu. Uživatel nemusí rozumět nebo ho otráví přemýšlení nad tím, jak to bylo asi myšleno.
13
Vizuální šum Vizuálním šumem nazýváme rušivé elementy, jež odvádějí uživatelovu pozornost. Například velké množství nabídek k nákupu, nevhodná zvýraznění, špatně zvolené barvy či přehlcení vykřičníků. Správné psaní na webových stránkách Píšeme-li na webových stránkách, je důležité, abychom sdělovali myšlenky stručně a věcně. Nikoho nezajímá „omáčka okolo“. Pokud stránka obsahuje zbytečná slova, působí na uživatele příliš složitě. Uživatel se domnívá, že musí vše přečíst, aby pochopil obsah stránek. Při odstranění zbytečných slov již stránka nepůsobí tak rušivě, stránky se tím zkrátí a obsah bude více viditelný. Nevhodným prvkem při psaní je umisťování tzv. uvítacího textu, který uživatele vítá na stránkách. Tento text nemá žádný užitek, spíše snižuje důvěru uživatele. Dalším nevhodným prvkem je tzv. návod k obsluze. Pokud obsluhu zvládáme bez potíží, nečteme je. Stránky by měli být tvořeny tak, aby je uživatel pochopil, aniž by musel číst jakýkoliv návod. Uživatel si informace na stránkách najde sám či pomocí vyhledávače. Při prohlížení následujeme odkazy obsahující hledaný prvek. Pokud ho nenajde, stránky opouští. Proto je důležitá účinná navigace.
14
1.5 Navigace Navigace je zde proto, aby uživateli zobrazila místo, kde se právě nachází. Účelně vytvořená navigace ukazuje, co všechno webová stránka obsahuje a jak by se stránky měly užívat. Zároveň vzbuzuje v uživateli důvěru. Prvky navigace Logo - jeden z nejnápadnějších prvků celé stránky. Umisťuje se do levého horního rohu a je na něj kladen patřičný důraz, proto musí být zvýrazněné. Sekce - další důležitý prvek v navigaci. Najdeme zde hlavní odkazy na sekce webové stránky, na produkty či novinky. Pomůcky - jsou dalším nástrojem navigace, pomáhají při práci na serveru. Jde o nápovědu, kontakty, informace o firmě nebo domů. Tyto prvky nemusí být tak výrazné. Domů - je odkaz, který uživatele vrátí na domovskou stránku. Je velmi důležitý, jeho umístění nesmí být opomenuto. Někdy bývá nahrazen tím, že tento odkaz zakomponujeme do loga. Vyhledávač - SEARCH - textové pole, do kterého je zadáváno klíčové slovo. Po kliknutí na vyhledat jsou nalezeny odkazy, které ho obsahují. Vyhledávání je možno rozšířit specifikací toho, co uživatel může hledat. Na webové stránce s nabídkou zájezdů je vhodné přidat například seznam nabízených destinací, druh zájezdu, typ stravování, cenový rozsah či další varianty. Název stránky - další nepostradatelnou částí celku je název stránky. Měl by být umístěn na dobrém místě a měl by zarámovat obsah nacházející se na stránce. Je zároveň největším a nejvýstižnějším textem a odpovídá odkazu, díky kterému se na stránku uživatel dostal. Odkazy - slova v odkazu by měla odpovídat či být alespoň podobná tomu, co strana obsahuje. Určení pozice v sekci - navigace také upozorňuje na to, ve které sekci se právě uživatel nachází. Tato sekce by měla být zvýrazněna či jinak označena, aby uživatel jasně rozeznal, kde právě je. Používá se jiná barva, tučné zvýraznění, změna barvy tlačítka nebo ukazatel. 15
Zvýraznění celkové pozice - tento druh navigace je umístěn nad hlavním textem v horním okraji strany a udává popis pozice, kde se právě uživatel nachází. Je napsaný malým písmem doplněný výrazem - zde se právě nacházíte - poté následují hierarchie odkazu, přes které návštěvník prošel. Poslední, ve kterém se nachází, je zvýrazněn tučně. Tento nápis nenahrazuje název stránky jako takový, jen zdůrazňuje pozici. Záložky - rozdělují obsah stránky do jednotlivých sekcí a tím ulehčují výběr a přístup k příslušným sekcím. Stačí již pouze jedno klepnutí. Výhody a požadavky záložek: • jsou nepřehlédnutelné, protože jsou velmi zřetelné • jejich funkce je jasná, pochopí ji i laik • uživatel má dojem, že se stránka přesouvá do popředí a že se rozděluje do více sekcí (musí být rozkresleny tak, aby vytvořily dojem, že aktivní záložka je nadřazena ostatním) • rychlé načítání • barevné třídění - každá záložka má jinou barvu • při načtení strany má už být jedna záložka aktivní, např. vítejte nebo domů (s informacemi o různých akcích ze všech sekcí) Test webové navigace Z důvodu ověření správnosti webové aplikace se provádí testování. Uživatel by měl být schopen bez váhání poznat logo stránky, její název, hlavní sekce serveru, způsob vyhledávání a aktuální umístění. Toto testování odhalí uživatelskou funkčnost. Na webových stránkách se musí uživatel dobře orientovat. Obvykle přichází prostřednictvím odkazu a nezačíná na domovské stránce. Proto je nutné, aby bylo vždy vše přehledné a zároveň byla ukázána pozice uživatele na stránce. Orientovat se musí již během několika vteřin.
16
1.6 Domovská stránka 1.6.1 Sestavení domovské stránky Domovská stránka je obzvlášť důležitá. Obsahuje několik základních prvků, které nesmí být opomenuty. Logo serveru - podává informace o serveru a jeho funkcích. Hierarchie serveru - organizace a obsah serveru. Vyhledávání - nezbytná položka pro vyhledávání na stránce. Upoutávky - poukazují na obsah, mají dvojí dělení: • Obsahové - upozorňují na novinky a informace • Funkční upoutávky - lákají k dalšímu prozkoumávání či k zadání kontaktu pro zasílání aktuálních informací Aktuální obsah - představuje pravidelně aktualizovanou oblast na stránce. Reklama - je placená jakákoliv forma propagace. [14] Na webových stránkách je využívána pro různou reklamu nebo výměnnou propagaci. Zástupce - zobrazuje odkaz na nejžádanější obsah. Registrace - místo na domovské stránce pro přihlášení a registrování uživatele. Dále domovská stránka informuje uživatele o postupu k hledanému i nehledanému (unikátní nabídka) prvku, informaci. Má být patrné, kde začít s prohlížením nebo s vyhledáváním, kde najdeme novinky. Nutností je zřetelnost vstupů, vhodně označovaných jako: začněte zde či registrace. Úkolem je získat důvěru návštěvníka a zapůsobit na něj co nejlepším dojmem. Důraz se klade na univerzálnost vzhledu, zalíbení co nejvyššímu počtu uživatelů. Není jednoduché najít ideální podobu domovské stránky. Skládá se z mnoha prvků. Některé se protlačují, jiné potlačují. Záleží, za jakým účelem je stránka tvořena. Tvůrci často zapomínají zdůraznit, o jaký server se jedná. Uživatel chce vidět na první pohled účel 17
stránky, její nabídku, co zde může dělat a proč tu zůstávat. Je třeba, aby odpovědi na tyto otázky byly jednoznačné, přesné a aby je návštěvník získal s minimálním úsilím. Tvůrci webových stránek také často opomínají definovat celkové pojetí stránek. Možné důvody opomíjení celkového pojetí stránek: • zainteresovanost do tvorby stránek • domněnka o jasném účelu stránek - myslí si, že je to očividné • obava, ze vzbuzení nezájmu uživatele při čtení jakéhokoliv vysvětlení • mylná představa o tom, že ten kdo server potřebuje, pozná, o co jde - veškeré informace vidí v reklamě • snahy o náhradu vysvětlení pomocí záložky ,,Jste zde poprvé?“ - uživatel ji neocení, má potřebu se orientovat bez pomoci Způsoby vysvětlení hlavní myšlenky na domovské stránce Pro vysvětlení hlavní myšlenky je používán: Slogan - nachází se vedle loga na místě, které každý zaregistruje. Slogan propojený s logem slouží jako popis stránky. Slogany se užívají již dlouhý čas hlavně v reklamách, v zábavním průmyslu. Dobrý slogan vystihuje myšlenku, je zvučný, ne příliš dlouhý ideální slogan obsahuje okolo 6 slov, dále musí být jasný a neznít příliš obecně. Slogan nelze nahradit mottem vyjadřujícím základní princip, ale ne nabídku serveru. Pokud uživatel neví, o co se jedná, tak z motta nic nepozná. Úvodní upoutávka - je popis stránky umístěný na viditelném místě. Je dobré, když se dá přečíst bez posunutí stránky.
18
Navigace na domovské stránce Může být odlišná od ostatních stránek serveru, ale ne příliš. a
ukazovat
větší
množství
informací
(popis
Lze ji více rozvinout
sekcí,
seznam
podsekcí).
Navigace na domovské stránce a celková navigace by měly mít společné rysy. Uživatel musí rozeznat, že se jedná o dvě verze stejné stránky. Je důležité dodržovat stejné názvy sekcí, stejné pořadí či seskupení. Rozbalovací seznamy Na domovské stránce se také objevují tzv. rozbalovací seznamy šetřící místo. Používají se, pokud má menu více složek a podsložek. Záporem je, že uživatel seznam musí nejdříve najít, pak na něj kliknout za účelem rozbalení. Rozbalovací seznam není viditelný na první pohled. Problémy se čtením způsobuje rychlost rozbalení a zabalení seznamu. Používají se zejména pro abecedně řazené seznamy (výběr zemí, měst). Designéři je často používají kvůli úspoře místa na stránce. Umístění reklamy Při
umisťování
reklamy
se
uvažuje
o
jejím
dopadu
na
vzhled
stránek.
Reklamní proužek na domovské stránce, může zkazit uživatelův dojem o stránkách. Zároveň odsune začátek stránky a zákazník ji pak neuvidí celou. Testování Při tvorbě stránky si pokládáme tuto otázku: ,,Udělá toto rozbalovací menu s těmito položkami a těmito formulacemi v tomto kontextu na této stránce dobrý dojem na většinu lidí, kteří budou pravděpodobně tento server používat?“ (Krug, 2003) Výše položenou otázku si zodpovíme jedině pomocí testování. Testování je velice důležitý proces, během kterého je zjištěna použitelnost stránek. Jedině touto cestou ověříme funkčnost stránek. Během testování jsou odhaleny nedostatky, které během vytváření nebyly patrné (nejasné pojetí stránek, přeplněnost, nepřehlednost). Díky testování jsou tyto chyby odhaleny a opraveny před spuštěním stránek.
19
1.7 Psychologické vlivy působící na webových stránkách Působení barev Barvy jsou velice účinným nástrojem sloužícím k umocnění celkového dojmu z webových stránek. Každá barva vyvolává v člověku pocit. To vše lze využít a vytvořit webové stránky v barevné kombinaci, jež uživatele osloví. Použitím barvy vyvoláme určité emoce, a tím posilujeme účinek webové stránky. Všeobecným zvykem je užití jedné barvy v různých odstínech. Webová stránka pak působí jako jeden celek. Tabulka 1 Působení barev
Barvy
Červená
Oranžová
Žlutá
Zelená
Modrá
Fialová
Obecné asociace
Asociace spojené s objektem
aktivní, veselá, vládnoucí,
horká, hlasitá, plná, silná, sladká,
vzrušující, podněcující
pevná
srdečná, zářivá, živá, přátelská,
teplá, sytá, blízká, podněcující,
jasná, veselá, vzrušující
suchá, křehká
světlá, jasná, volná, pohyblivá,
velmi lehká, hladká, kyselá,
dynamická, otevřená
obtížná
uklidňující, osvěžující, pokojná,
chladná, šťavnatá, vlhká, kyselá,
klidná, barva naděje
svěží, jedovatá, mladá
pasivní, zdrženlivá, jistá,
studená, mokrá, silná, lesklá, velká,
pokojná, klidná, barva naděje
hluboká, vzdálená, tichá, plná
vážná, chmurná, nešťastná,
sametová, narkotická, sladká,
ponurá, pološerá, znepokojující
měkká, mystická
Zdroj: Behrens (1991)
Díky tomuto přehledu máme možnost použít barvy, které pozitivně působí na propagaci výrobku/služby na webové stránce. Výběr barvy vychází v některých případech z barvy použité v logu.
20
1.8 Nejčastější chyby na webových stránkách • Grafický vzhled webové stránky je příliš nápadný, překombinovaný a uživatel se v něm špatně orientuje. • Grafický styl nekoresponduje se zaměřením stránek. • Stránky se otevírají pouze v jednom druhu prohlížeče. • Stránka je nepřehledná, špatně strukturovaná, nelogická. • Text na stránce je příliš stručný a neobsahuje podstatné informace nebo je text příliš dlouhý a je těžké v něm najít to podstatné. • Text obsahuje gramatické chyby. • Nepřehledné členění informací, jež stránka poskytuje. • V některých prohlížečích stránka dobře nepracuje. • Webová stránka obsahuje nefunkční prvky a nefunkční odkazy. • Stránka se načítá velmi dlouho, je příliš veliká. • Tvůrcem není definována barva pozadí, u každého uživatele je pak jiná dle operačního systému, jež si dosadí svou. • Barva textu nekoresponduje s barvou pozadí (nevhodné užití zeleného textu na červené pozadí), text musí být především čitelný. • Použití nestandardních typů písma. • Přehlcení stránky obrázky (různé typy blikajících ikon, obrázku na nikoho dojem neudělají). • Používání pohybujících se textů, poutají na sebe příliš pozornosti, čtenář se pak neorientuje co je nejdůležitější. • Úvodní stránka musí být lákadlem, uživatel zde musí najít to nejlepší, nesmí se také zapomínat na pravidelnou aktualizaci, musí být vidět, že se na nich něco děje.
21
2 Praktická část 2.1 Cestovní agentura Yvetta 2.1.1 Základní informace dostupné na webových stránkách Adresa provozovny a kontaktní údaje: Cestovní agentura Yvetta - Yveta Katrová Riegrova 1828, 258 01 Vlašim Tel: +420 317 847
GSM: +420 777 030 220
Fax: +420 317 841 265
skype: cayvetta-vlasim
email:
[email protected]
IČO: 624 68 952
Provozní doba: Pondělí - Pátek 9:00- 12:00, 13:00 - 17:00 Sobota 9:00 - 11:00 Cestovní agentura, jejíž činností je zprostředkovávání zájezdů v průběhu celého roku. Na trhu působí již 10 let. Specializuje se na zájezdy s letní a zimní tématikou a na poznávací zájezdy. Ve své nabídce má i pobyty formátu Last minute a výlety pro školy. Zákazník si na jejich stránkách může vyhledat zájezdy českých i německých touroperátorů. Dále CA nabízí pronájem chat a chalup v České republice a na Slovensku. Zájezd je možno objednat nebo rezervovat na kamenné pobočce, na internetu, telefonicky nebo přes skype. Pracovníci CA jsou připraveni zákazníkům poradit s výběrem dovolené, podají jim ucelené informace o destinaci, Last minute nabídkách, stavu plateb, provedou rezervaci či prověří obsazenost zájezdu. Dále na webových stránkách agentura poskytuje aktuální stav měnových kurzů, předpověď počasí v nejnavštěvovanějších destinacích, fotogalerii či možnost zakoupení dárkových poukazů. Klient zde najde informace týkající se pojištění v zahraničí, informace před odletem, podrobnosti o možnostech cestování s domácími zvířaty, upozornění na změny při cestě do Chorvatska a obecné informace o všech destinacích. 22
2.2 Cestovní agentura AGIS 2.2.1 Základní informace dostupné na webových stránkách Adresa provozovny a kontaktní údaje: AGIS - cestovní agentura - Mgr. Ilona Reitschlägerová Lidická 774,258 01 Vlašim Tel: +420 317 844 914
Skype : agiscal
Fax: +420 317 844 914
Mob.: +420 603 329 364
E-mail:
[email protected]
IČO: 653 89 859
Cestovní agentura AGIS se sídlem ve Vlašimi působí na trhu cestovního ruchu 15 let. Zprostředkovává zájezdy od domácích a německých touroperátorů. V nabídce agentury jsou Last minute pobyty, online zájezdy, v internetovém katalogu je možno si vybrat zájezdy v letním a zimním období, poznávací nebo exotické zájezdy. Dále nabízí zájezdy tematické - za lyžováním, za sportem, jednodenní, pobyty na horách nebo v lázních. Klienti CA mohou využít k dovolené také nabídku rekreačních domků, dále si mohou prostřednictvím webových stránek rezervovat letenky a vstupenky. CA poskytuje svým klientům rady při výběru zájezdu, zkušení pracovníci jsou ochotni poskytnout kompletní servis přes telefon či skype. Na webových stránkách jsou aktuální měnové kurzy, rady na cestu, informace o pojištění zahraničních návštěvníků v Čechách a aktuální novinky z oblasti cestovního ruchu.
23
2.3 Mapy webových stránek Pro účely praktické části bakalářské práce byly vytvořeny mapy webových stránek zkoumaných cestovních agentur. Tyto mapy slouží k lepší orientaci. Vidíme z nich obsah webové stránky a dvě základní větve rozdělení odkazů. Mapy nejsou součástí ani jedné webové stránky.
2.3.1 Mapa webových stránek CA Yvetta Hlavní stránka Kde nás najdete O nás Kontakt Letní nabídka
-vyhledávání - téma dovolené, země, termín, cena, doprava, strava, délka, ubytování -nejoblíbenější destinace - ČR, Slovensko, Chorvatsko, Rakousko, Itálie, Egypt, Turecko, Tunisko, Francie, Thajsko, Arabské emiráty, Portugalsko -Chorvatsko 2010 -Itálie léto 2011 -Bulharsko
Zimní nabídka
-vyhledávání - téma dovolené, země, termín, cena, doprava, strava, délka, ubytování - nejoblíbenější destinace - ČR, Slovensko, Chorvatsko, Rakousko, Itálie, Egypt, Turecko, Tunisko, Francie, Thajsko, Arabské emiráty, Portugalsko -Švýcarsko 2011 -Itálie 2010-201 -Rakousko 2010-2011 24
Last minute
- vyhledávání - téma dovolené, země, termín, cena, doprava, strava, délka, ubytování -nejoblíbenější destinace - ČR, Slovensko, Chorvatsko, Rakousko, Itálie, Egypt, Turecko, Tunisko, Francie, Thajsko, Arabské emiráty, Portugalsko
Poznávací zájezdy -vyhledávání - země, termín, cena, doprava, strava, délka, ubytování - nejoblíbenější destinace- ČR, Slovensko, Chorvatsko, Rakousko, Itálie, Egypt, Turecko, Tunisko, Francie, Thajsko, Arabské emiráty, Portugalsko -letecké eurovíkendy 2010 -poznávací zájezdy 2010 - autokarem Interhome apartmány - standardní vyhledávání, detailní vyhledávání, hledat přes mapu Chaty a chalupy
- chaty a chalupy Česká republika léto - chaty a chalupy Česká republika zima - chaty a chalupy Slovensko léto - chaty a chalupy Slovensko zima - apartmány Chorvatsko - apartmány Itálie - apartmány Francie
Německé CK
-vyhledávání
Pojištění v zahraničí Fotogalerie
-Itálie - Val di Fassa, Irsko - Dublin, Bulharsko, Slovensko Bratislava, Vodice, Kefalonie, Kuba, Djerba, Chorvatsko - Tučepi, Řecko - ostrov Rhodos, Ischia, ČR - Lázně Poděbrady, ČRKrokonoše-Benecko, Norsko, Řecko - ostrov Kréta - Agia Pelagia, Francie, Albánie, Mauritius, Chorvatsko - Novi Vinodolski, Egejská 25
riviéra, Turecká riviéra, Itálie - Lago di Garda, Řecko - Chalkidiki, Řecko - ostrov Zakynthos, Itálie - Benátky, Egypt - Sharm el Sheikh, Itálie - Caorle, Řecko - ostrov Thassos, Řecko - ostrov Kréta, Chorvatsko - Promajna a okolí, Řecko - ostrov Skiathos, Řecko ostrov Karpathos, Itálie - Val di Fiemme, Isla Margarita
Destinace
Bulharsko, Černá Hora, Česká republika, Finsko, Francie, Chorvatsko, Irsko, Island, Itálie, Maďarsko, Malta, Německo, Nizozemí, Norsko, Polsko, Portugalsko, Rakousko, Rusko, Řecko, Slovensko, Slovinsko, Španělsko, Švýcarsko, Velká Británie, Egypt, Jihoafrická r., Kapverdy, Keňa, Mauritius, Mosambik, Réunion, Seychely, Tanzánie, Tunisko, Argentina, Brazílie, Dominikán. rep., Kuba, Mexiko, Peru, USA, Venezuela, Austrálie, Arabské emiráty , Čína, Indie, Indonézie, Izrael,Maledivy, Nepál, Srí Lanka, Thajsko, Vietnam, Brazílie, Bulharsko, Egypt, Itálie, Německo, Turecko
Dárkové poukazy Informace před odletem Důležité info. do Chorvatska Dovolená s mazlíčky Jak objednat zájezd Online letenky
-online rezervace
Skupinové a školní zájezdy
-jednodenní zájezdy -pobytové zájezdy -poznávací zájezdy
26
2.3.2 Mapa webových stránek CA AGIS Home O nás Rady na cestu Zdravotní pojištění cizinců v ČR Kontakt Napište nám Obchodní podmínky Zájezdy online
- vyhledávání - téma dovolené, země, termín, cena, doprava, počet dní - oblíbené destinace - Řecko, Itálie, Egypt, Chorvatsko, Bulharsko, Španělsko, Tunisko, Turecko, Kuba
Last Minute -
aktuální nabídka zájezdů -vyhledávání podle země
Katalog zájezdů
-vyhledávání - země, destinace, termín, cena -dovolená -poznávací zájezdy -lázeňské pobyty -jednodenní zájezdy -za sportem -lyžování -exotika -pobyty na horách
Německé CK
-vyhledávání - letecké zájezdy, letenky, ubytování, chci inspirovat - nabídka německé CK - úvod, letecké zájezdy, Family pack, charterové letenky, ubytování v Evropě, ubytování ve světě, 27
ubytování na horách, atlas a recenze, web Tv, nápověda, informace -letecké zájezdy - Last minute, listopad, prosinec, od 7 nocí polopenze, od 14 nocí polopenze, od 7 nocí all inclusive, od 14 nocí all inclusive Rekreační domy
-vyhledávání - standardní vyhledávání, detailní vyhledávání, hledat přes mapu
Vstupenky online
-přesměrování na portál ticket-art
Letenky online
-vyhledávání
28
2.4 Analýza navigace webové stránky CA Yvetta Obrázek 1 Navigace webové stránky CA Yvetta
1
6
5
3
7
2
4
Zdroj: www.ca-yvetta.cz, vlastní úprava
Analýzou navigace byly zjištěny její základní prvky použité na webových stránkách cestovní agentury Yvetta. Logo (1) cestovní agentury umístěné v levém horním rohu slouží i jako odkaz domů, který uživatele vrátí na domovskou stránku. CA Yvetta má na svých stránkách další dva odkazy (2; 3), které vrátí uživatele zpět na domovskou stránku. Na levé straně je umístěno menu (4), které je rozděleno do sekcí - hlavní stránka, letní nabídka, zimní nabídka, last minute, poznávací zájezdy, interhome apartmány, chaty a chalupy, německé CK. V těchto sekcích uživatel najde nabídku zájezdů či vyhledávač, který mu pomůže s výběrem zájezdu. Mezi pomůcky (5) nacházející se v horní části webové stránky patří - kde nás najdete, o nás a kontakt. Tyto odkazy obsahují informace o firmě, kontaktní údaje a další. Informace v horní polovině webu - Jste zde: CA Yvetta > Letní nabídka - poukazuje 29
na zvýraznění celkové pozice (6), informuje uživatele, že se nachází v sekci letní nabídka. Prvek umístění pozice v sekci, není na těchto stránkách použit. Název stránky není použit na domovské stránce, v ostatních sekcích ano. Prvek vyhledávač není umístěn v sekcích - letní nabídka, zimní nabídka, hlavní stránka, Last minute a poznávací zájezdy. V místě umístění vyhledavače (7) se nachází schránka zájezdů, která informuje o zájezdech do ní vložených. V sekcích, které se netýkají objednávání zájezdů, je vyhledavač umístěn v pravém horním rohu.
2.5 Analýza navigace webové stránky CA AGIS Obrázek 2 Navigace webové stránky CA AGIS
1
3
2
4
Zdroj: www.agis-ca.cz, vlastní úprava
Analýza navigace na webových stránkách CA AGIS upozorňuje na použití základních prvků. Logo (1) bylo umístěno do levého horního rohu a funguje jako odkaz domů v sekcích 30
katalog zájezdů, rekreační domy, letenky online a německé CK. Další odkaz domů (2) je umístěn v levé horní časti webu. Jako pomůcky (3) jsou na této stránce označeny záložky - o nás, kontakty a napište nám. Obsahují informace o firmě, kontaktní údaje a další. Na levé straně je umístěno menu (4), rozdělené do sekcí - zájezdy online, Last minute, katalog zájezdů, německé CK, rekreační domy, vstupenky online a letenky online. Zde jsou umístěny nabídky zájezdů a vyhledavače zájezdů. Název stránky je uveden pouze v sekci katalog zájezdů. Při kliknutí na odkaz vstupenky online je nastaveno automatické přesměrování na stránky http://vstupenky.ticket-art.cz, čímž uživatel ztrácí vizuální kontakt se stránkami CA AGIS. Prvky vyhledavač, určení pozice v sekci, zvýraznění celkové pozice nejsou obsahem navigace CA AGIS.
2.6 Analýza domovské stránky CA Yvetta Obrázek 3 Domovská stránka CA Yvetta
1
2 Zdroj: www.ca-yvetta.cz, vlastní úprava
31
Kde se nachází logo, menu, pomůcky a odkazy, bylo zjištěno v předchozí kapitole. Na domovské stránce Ca Yvetta jsou zobrazeny obsahové upoutávky (1) v horní polovině stránky. Uživatele informují o možnosti uplatnění slevy na exotický zájezd. Obsahovou upoutávkou jsou i aktuální zájezdy (2), které cestovní agentura doporučuje. Tento prvek je také označován jako aktuální obsah, který musí být neustále obnovován. Uživatel tak má možnost využívat aktuální nabídky. Dalším prvkem domovské stránky je reklama. Na CA Yvetta je umístěna reklama ve velmi malém formátu, tak neodvádí uživatelovu pozornost od obsahu stránek. Slogan není na domovské stránce použit.
32
2.7 Analýza domovské stránky CA AGIS Obrázek 4 Domovská stránka CA AGIS
4
1
2
2
Zdroj: www.agis-ca.cz, vlastní úprava
Na stránce CA AGIS nebylo nalezeno mnoho typických prvků pro domovské stránky. Napravo jsou umístěny obsahové upoutávky (1), které upozorňuje na aktuální zájezdy a novinky ze světa cestovního ruchu. Tyto upoutávky jsou také aktuálním obsahem. Další obsahovou upoutávku (2) tvoří výpis aktuálních měnových kurzů. Reklama (3) na této stránce je velice výrazná a rámuje celou jednu pravou stranu domovské stránky. Slogan (4) - OBJEVTE KRÁSY SVĚTA - se nachází v horní polovině strany pod názvem cestovní agentury.
33
2.8 Zhodnocení webových stránek cestovní agentury Yvetta Design webových stránek CA působí velmi povedeně. Stránky jsou vyhotoveny v modrožlutém barveném provedení, které dle psychologie barev navozuje příjemnou letní atmosféru. Stejné barevné provedení má i logo, nesplývá se stránkami a snadno jej klient rozezná. Dalším použitým prvkem je obrázek pláže a na ní relaxující dvojice. Menu je logicky rozčleněné podle druhů nabízených služeb. Každá záložka má svojí barevnou ikonu, která souvisí s obsahem (poznávací zájezdy mají ikonu s turistickým batohem). Mimo menu se nachází záložky online letenky a skupinové a školní zájezdy. Tyto záložky mohou být přehlédnuty a klient, který o ně má zájem je bude hledat u konkurence. Proto by měli být součástí menu. Barevné členění stránek prostupuje celými webovými stránkami a je tak jednotícím prvkem webu. Na stránkách CA vidíme několik odkazů s kontaktem na agenturu. Touto cestou se agentura neustále připomíná potenciálnímu zákazníkovi. Nabízené zájezdy jsou doplněné fotografiemi z místa, kde se daný zájezd pořádá. Fotografie dané destinace jsou jedním z faktorů, zda se zákazník bude o nabídku zajímat či nikoliv. Obsahem webu je také samostatná fotogalerie s obrázky z určitých destinací. Pro klienty jsou zde záložky, kde naleznou informace před odletem, novinky tykající se cestování do Chorvatska a sazebník cestovního pojištění sjednaný u ČSOB pojišťovny, a.s.. Jednou ze záložek jsou také destinace, zde si klient CA vybere určitou destinaci a dále pak určitý zájezd. Bohužel tato záložka neobsahuje informace o destinacích obecně. Další chybou této záložky je to, že se v seznamu opakují státy. Další službou poskytovanou CA na webu je schránka zájezdů. Do schránky si klient vloží neomezený počet zájezdů, které si může důkladně prostudovat. Vybrané zájezdy má uložené na jednom místě a odpadá mu tím jejich opětovné vyhledávání. Na webu CA Yvetta existuje možnost zájezd rezervovat online. Při rozbalení určitého zájezdu se tato možnost nachází v odkazu termíny a ceny. Zde si klient vybere v tabulce 34
vyhovující datum a cenu a klikne na odkaz vybrat. Takto se dostane k vyplnění údajů a následnému potvrzení rezervace. Odkaz vybrat by měl být přejmenován na rezervovat. Klientovi bude jasné, kam se po rozbalení dostane. Předběžnou rezervaci lze provést u zájezdů Last Minute a u zájezdů, které si klient zadá v modulu vyhledávání. U zájezdů z doporučených destinací v sekci letní dovolená a zimní nabídka tato možnost není k dispozici. CA zprostředkovává zájezdy od cestovních kanceláří. Bylo by vhodné uvést seznam CK, se kterými spolupracuje. U zájezdů zákazník zjistí název pořádající cestovní kanceláře až při vyplňování předběžné rezervace. Tuto informaci získá až po kliknutí na odkaz pořádající CK. Poté zjistí název CK a IČ, ale žádné informace o pojištění proti úpadku CK. U samostatných nabídek CA v sekcích letní nabídka a zimní nabídka tato informace nebyla nalezena. V sekci Poznávací zájezdy jsou zájezdy zobrazeny v aplikaci Word, kde se také nenachází název pořádající CK a není tam ani možnost online rezervace. U některých zájezdů není uvedeno nástupní místo a po kliknutí na odkaz pořádající CK není pořádající CK vyplněna. Tabulka 2 Klady a zápory www stránek CA Yvetta
Ca Yvetta Klady
Zápory
design
umístění záložek online letenky a skupinové zájezdy mimo menu
barevné ikony u záložek fotogalerie
chybící seznam CK chyby v záložce destinace
schránka zájezdů
nemožnost rezervace u zájezdů, které jsou doporučovány v sekci letní nabídka a zimní nabídka a poznávací zájezdy
online rezervace Zdroj: vlastní úprava
35
Zhodnocení webových stránek CA AGIS Design webových stránek CA AGIS na první pohled působí velmi jednoduše. Stránky jsou provedeny v tónech hnědé barvy, menu má tvar pergamenu. Dalším zajímavým prvkem je použití obrázku kompasu. Stránky mohou působit tak, že se agentura zaměřuje hlavně na poznávací zájezdy, to však není pravda. Barevné provedení a design nejsou ve všech záložkách stejné. V záložce katalog zájezdů je hnědý podklad a modré menu, které již není ve tvaru pergamenu. Neobsahuje jednotlivé služby, které CA nabízí, ale jen druhy zájezdů. Záložky německé CK a rekreační domy také nekorespondují se vzhledem domovské stránky. Tyto záložky nekorespondují s ostatními, čímž dochází k tomu, že stránky nejsou vizuálně propojené. V katalogu zájezdů se dělí nabídka zájezdů podle zaměření. Tím CA ulehčuje hledání svým klientům. V každé záložce je vždy nabízen tip od cestovní agentury a nejbližší konané zájezdy. Při otevření určitého zájezdu se zobrazí nabídka nezávazné rezervace a pod oknem je odkaz, kde klient zjistí pořádající CK. Výhodou je, že klient vidí všechny informace najednou a nemusí už otvírat žádné záložky. Na stránkách CA není žádný seznam, který uvádí cestovní kanceláře, se kterými agentura spolupracuje, a zda jsou pojištěny proti úpadku. U nabízených zájezdů se po kliknutí na objednání vyskytují chyby ve formě textů, fotek destinace a oken sloužící k vyplnění, které pokračují až za rám stránky. Ikona pro odeslání objednávky zájezdu je špatně viditelná. Původní název ikony hledej je přepsán nápisem odeslat žádost. Tento nápis také není kompletní. Tyto chyby velmi snižují důvěru uživatele. Záložka obchodní podmínky se otevírá pouze v některých webových prohlížečích. Je třeba toto sjednotit. Záložka pojištění cizinců v ČR není na místě, když CA zprostředkovává zájezdy převážně občanům ČR a do zahraničí. Záložka vstupenek online je přesměrovaná na web společnosti Ticket-art, klient si zde může vstupenky zarezervovat a vyzvednout je v cestovní agentuře. 36
Agentura uvádí na pravé straně webu novinky z cestovního ruchu. Tyto novinky musí být aktuální. Tabulka 3 Klady a zápory www stránek CA AGIS
Ca AGIS Klady dělení nabídky zájezdů, dle zaměření tipy CA na zájezd
Zápory design rozdílný design a barevné provedení v záložkách chybící seznam CK chyby ve formě textů, rámů a fotek, přecházejících za rám stránky neaktuální novinky z cestovního ruchu chybně se zobrazující záložka obchodní podmínky v různých prohlížečích
Zdroj: vlastní úprava
37
2.9 Marketingový výzkum Marketingový výzkum v této práci je zaměřen na získání názorů a připomínek klientů na webové stránky cestovních agentur Yvetta a AGIS. Výzkum probíhal formou dotazníkového šetření. Dotazník byl distribuován pomocí e-mailu a také formou osobního dotazování. Výzkum probíhal ve městě Vlašim a jeho okolí, odkud pochází většina klientů výše zmíněných cestovních agentur. Cílem šetření bylo zjistit, jak na potencionální klienty cestovních agentur působí webové stránky, jak hodnotí jejich provedení, barvy, přehlednost, logo a jaké další informace a funkce by na webových stránkách uvítali. Celkem bylo rozdáno a zasláno 130 dotazníků. Jejich návratnost byla 88 %, to znamená, že 16 dotazníků nebylo zpětně odevzdáno. Na dotazníky odpovídali muži a ženy různých věkových kategorii s rozdílným dosaženým vzděláním. Dotazník obsahuje celkem 11 otázek. V úvodu dotazníku je respondent seznámen s účelem výzkumu, jehož výsledky budou zpracovány v bakalářské práci. V závěru úvodního textu je poděkování a jméno tazatele. Prvních 8 otázek je zaměřeno na dotazování ohledně webových stránek a služeb. 7 otázek má uzavřenou formu s určitými možnostmi odpovědí. 1 otázka je otevřená, respondent má tak možnost vyjádřit svůj vlastní názor. Poslední 3 otázky jsou zaměřeny na osobnost respondenta (pohlaví, věk, dosažené vzdělání). V následujících kapitolách jsou odpovědi na jednotlivé otázky zpracovány a vyhodnoceny. Výsledky jsou zpracovány do grafů.
38
2.9.1 Vyhodnocení marketingového výzkumu
1. otázka: Ohodnoťte logo CA na stupnici od 1 do 5 (1 výborné, 5 špatné).
12345 Graf 1 Hodnocení loga CA AGIS
Zdroj: vlastní úprava
39
Ohodnoťte logo CA na stupnici od 1 do 5 (1 výborné, 5 špatné).
12345 Graf 2 Hodnocení loga CA Yvetta
Zdroj: vlastní úprava
Příznivými známkami, tedy známkou 1 nebo 2, hodnotilo logo společnosti CA Yvetta 49 % dotázaných oproti 39 % v případě hodnocení loga cestovní agentury AGIS. Negativními známkami 4 a 5 hodnotilo AGIS 31 % odpovídajích, CA Yvetta 21 %. Průměrnou známku 3 udělilo oběma agenturám shodný počet, tj. 30 % účastníků výzkumu.
40
Graf 3 Průměrná známka za jednotlivá loga
Zdroj: vlastní úprava
Z grafu, kde jsou průměrné známky vypočítané na základě váženého průmeru, lze vyvodit, že pozitivnější hodnocení získalo logo cestovní agentury Yvetta.
41
2. otázka: Jak hodnotíte design domovské stránky CA Yvetta? a)velmi spokojen b)spokojen c)nevím d)nespokojen e) velmi nespokojen Graf 4 Hodnocení designu stránek CA Yvetta
Zdroj: vlastní úprava
Více jak polovina dotazovaných byla spokojena s designem webových stránek cestovní agentury Yvetta. Dokonce jedna čtvrtina s ním byla velmi spokojena. Na otázku týkající se hodnocení designu nevědělo odpověď celých 14 % respondentů. Jako pozitivní výsledek pro agenturu Yvetta shledávám to, že 8 % odpovídajících bylo s designem nespokojeno. Velmi nespokojen nebyl nikdo.
42
3. otázka: Souhlasíte s následujícími tvrzeními? Souhlasím/Nesouhlasím
Webové stránky jsou přehledné. Graf 5 Přehlednost webových stránek CA Yvetta
Zdroj: vlastní úprava
Z výzkumu vyplývá, že pro většinu dotazovaných, tj. 82 %, jsou stránky přehledné. Tento výsledek prokazuje, že přehlednost tedy není problémem webových stránek cestovní agenutry Yvetta.
43
Líbí se mi barevné provedení webové stránky.
Souhlasím/Nesouhlasím
Graf 6 Hodnocení barevného provedení CA Yvetta
Zdroj: vlastní úprava
Pouze necelá čtvrtina respondentů nesouhlasí s barevným provedením stránek CA Yvetta. Zbylé tři čtvrtiny s ním souhlasí. Způsob barevného provedení je přijatelný pro celých 76 % dotazovaných.
44
Webová stránka obsahuje dostatečné množství informací.
Souhlasím/Nesouhlasím
Graf 7 Hodnocení obsahu stránek CA Yvetta
Zdroj: vlastní úprava
Z marketingového výzkumu je zřejmé, že pro 77 % dotazovaných obsahují webové stránky CA Yvetta dostatečné množství informací. To lze považovat za pozitivní výsledek pro tuto cestovní agenturu.
45
4. otázka: Jak hodnotíte design domovské stránky CA AGIS? a)velmi spokojen b)spokojen c)nevím d)nespokojen e) velmi nespokojen Graf 8 Hodnocení designu stránek CA AGIS
Zdroj: vlastní úprava
Z grafu hodnocení designu stránek CA AGIS lze vyčíst, že nejvíce respondentů, tj. 37 %, je se stránkami nespokojeno. Velmi nespokojeno bylo 12 % dotazovaných. Je možné říci, že 49 % se design stránek nelíbí. Neutrální odpověď využilo téměř 15 % odpovídajících. Kladně odpovědělo celkem 36 % dotazovaných. Výzkum poukázal na to, že design těchto stránek by měl být víc nápaditý a propracovanější, aby ho kladně ohodnotila větší skupina respondentů.
46
5. otázka: Souhlasíte s následujícími tvrzeními? Webové stránky jsou přehledné.
Souhlasím/Nesouhlasím
Graf 9 Hodnocení přehlednosti stránek CA AGIS
Zdroj: vlastní úprava
Z grafu lze vyvodit, že odpovědi na tuto otázku jsou vyrovnané, v odpovědích je 14 % rozdíl. Z důvodu poměrně velkého počtu negativních odpovědí doporučuji CA AGIS, aby se zaměřila na přehlednost svých stránek.
47
Líbí se mi barevné provedení webové stránky.
Souhlasím/Nesouhlasím
Graf 10 Hodnocení barevného provedení CA AGIS
Zdroj: vlastní úprava
Ze 100 % se barevné provedení líbilo 39% dotazovaných. Z tohoto důvodu agentuře AGIS doporučuji změnu barevného provedení webových stránek. Webová stránka obsahuje dostatečné množství informací. Graf 11 Hodnocení obsahu stránek CA AGIS
Zdroj: vlastní úprava
48
Souhlasím/Nesouhlasím
S tvrzením, že webová stránka obsahuje dostatečné množství informací, nesouhlasily více než dvě třetiny respondentů. Cestovní agentura by se měla zaměřit na obsah svých stránek a rozšířit tak poskytované informace.
6 otázka: Uveďte vlastní návrhy na zlepšení webových stránek CA Yvetta a CA AGIS. Na tuto otázku odpovědělo pouze 22 % z celkového počtu dotazovaných. Jejich návrhy se shodovaly. Respondenti doporučují změnit barevné provedení stránek cestovní agentury AGIS, barevně sjednotit všechny stránky, vylepšit jejich design a ubrat množství reklam. Stránky CA Yvetta se jim líbily, někteří z dotazovaných by uvítali barevné rozlišení záložek. U obou stránek respondenti chtějí více informací o destinacích a jejich fotografie či krátká videa.
49
7. otázka: Využili byste služby zasílání aktuální nabídky zájezdů na e-mail? a) ano b) ne Graf 12 Využití služby zasílání zájezdů na e-mail
Zdroj: vlastní úprava
Na tomto grafu, kde je znázorněno využívání služby zasílání aktuálních zájezdů na e-mail, je zřejmé, že odpovědi jsou vyrovnané. Částečně tomu může být proto, že respondenti, kteří odpovídali záporně, by tuto službu považovali za nevyžádanou poštu.
50
Graf 13 Využití služby zasílání zájezdů na e-mail dle pohlaví
Zdroj: vlastní úprava
Na grafu, kde jsou zkoumány kladné odpovědi na otázku využití služby zasílání zájezdů na e-mail, lze pozorovat, že názory mužů a žen jsou stejné. Z tohoto výsledku lze vyvodit, že o tuto službu je stejný zájem bez rozdílu pohlaví.
51
8. otázka: Využili byste možnost rezervace zájezdu online? a) ano b) ne Graf 14 Využití možnosti rezervace zájezdu online
Zdroj: vlastní úprava
Tuto možnost by dle šetření využilo 81 % z dotazovaných, 19 % nikoliv. Vypovídá to o velmi dobré počítačové gramotnosti dotazovaných.
52
Graf 15 Využití možnosti rezervace zájezdu online dle dosaženého vzdělání
Zdroj: vlastní úprava
Z tohoto grafu vyplývá, že tuto službu by nejvíce využívali respondenti se základním vzděláním. Tito respondenti jsou mladí lidé s kladným vztahem k internetu. Respondenti se středoškolským či vysokoškolským vzděláním o tuto službu mají také zájem, může to být z toho důvodu, že vykonávají práci, kde se s počítačem resp. internetem běžně setkávají. Nízké využití této služby vidíme u respondentů, kteří jsou vyučeni. Lze tak usuzovat z toho, že vykonávají převážně manuální práci a počítačová gramotnost není na takové úrovni. 100% zájem u respondentů s vystudovanou vyšší odbornou školou je možno vysvětlit tak, že na výzkumu se podíleli pouze 2 respondenti s tímto vzděláním, proto může být výsledek považován za neobjektivní.
53
Graf 16 Využití možnosti rezervace zájezdů online dle pohlaví
Zdroj: vlastní úprava
Na tomto grafu je vidět, že by rezervaci zájezdů online využívali víc muži oproti ženám.
54
Informace zjištěné o respondentech 9. otázka: Jste: a) muž b) žena Na marketingovém šetření se podílelo 54 % žen a 46 % mužů. Vzorek respondentů byl vyrovnaný.
10. otázka: Do jaké věkové kategorie patříte? a) do 20 let b) 20 – 40 let c) 40 – 60 let d) nad 60 let 42 % respondentů bylo ve věku 20-40 let, ve věkové kategorii 40-60 let bylo 29 % dotazovaných. 21 % respondentů patřilo k věkové skupině do 20 let. Nejméně respondentů bylo ve věku nad 60 let, a to pouze 8 %.
11. otázka: Vaše dosažené vzdělání: a) základní b) vyučen c) středoškolské s maturitou d) vysokoškolské e) jiné - uveďte jaké Středoškolského vzdělání s maturitou dosáhlo 44 % respondentů, 24 % získalo vysokoškolské vzdělání a 17 % bylo vyučeno. Na základní vzdělání dosáhlo 13 % a 2 % dosáhla vyššího odborného vzdělání.
55
2.10 Srovnání a návrhy ke zlepšení webových stránek CA Yvetta a CA AGIS Dle výsledků získaných z marketingového šetření a poznatků uvedených v kapitole číslo 3.8 a 3.9 Zhodnocení webových stránek cestovních agentur Yvetta a AGIS hodnotím stránky následovně: Technické provedení webových stránek cestovní agentury Yvetta považuji za velice zdařilé. Stránky obsahují všechny prvky, které napomáhají k dobré orientaci klienta na webu. Agentuře doporučuji přidat a doplnit informace o cestovních kancelářích, se kterými spolupracuje, opravit chyby v sekci destinace a zároveň v této sekci doplnit obecné informace k uvedeným destinacím. V odkazech, kde si klient již prohlíží vybraný zájezd agentuře navrhuji, aby v sekci termíny a ceny u nabídky termínů přejmenovala tlačítko vybrat na rezervovat. Případní zákazníci budou ihned vědět, jaký krok následuje. U samostatných nabídek v sekcích letní, zimní nabídka a poznávací zájezdy není možnost okamžité rezervace a není zde rovněž uveden název pořádající cestovní kanceláře. Tato skutečnost je další, na které by agentura měla zapracovat. Podle marketingového výzkumu byla agentura též hodnocena velice kladně. Respondentům se líbilo více logo CA Yvetta než logo CA AGIS. Design byl také hodnocen příznivě. Kladně hodnotili dotazovaní přehlednost, barevnost a množství informací na webových stránkách. Je na agentuře, aby se sama rozhodla, zda vyhoví respondentům, kteří ji doporučili barevně rozlišit záložky. Webové stránky cestovní agentury AGIS nehodnotím tak pozitivně jako webové stránky CA Yvetta. Při prvním zhlédnutí stránky nepůsobily příliš profesionálním vzhledem. Jsou zde technické chyby v provedení stránek. Aby stránky zaujaly klienta, doporučuji barevné sladění a vzájemné vizuální propojení. Dalším problémem je, že informace v záložce obchodní podmínky se zobrazovaly podle toho, jaký webový prohlížeč byl zvolen. Při objednávání zájezdu se objevují další technické problémy, okna sloužící k vyplnění informací a texty pokračují za rám stránky a jsou pak špatně čitelné. Amatérským dojmem také působí tlačítko odeslat žádost, pod tímto nápisem je další nápis hledej. Funkce tlačítka je tak velmi matoucí. Ani na těchto stránkách není žádný seznam cestovních kanceláří, od kterých agentura zájezdy zprostředkovává. Dle marketingového výzkumu webové stránky CA AGIS také nejsou hodnoceny příliš kladně. Logo společnosti bylo oznámkováno 56
průměrně. U designu webu jsem se setkala spíše se záporným hodnocením, proto agentuře doporučuji, aby zapracovala na novém konceptu webových stránek. Dále doporučuji, aby cestovní agentura změnila barevné provedení. Na respondenty totiž působilo velmi tmavě a nevhodně. Agentura také má zvýšit množství poskytovaných informací. Je vhodné, aby se na stránkách objevila záložka s obecnými informacemi o destinacích. Dotazovaní doporučují přidat více fotografií a ubrat množství reklam, která zbytečně odvádí jejich pozornost. Kladně hodnotím to, že na obou stránkách je možnost rezervace zájezdu online. Tato služba je totiž u klientů velice žádaná. Obě agentury by mohly svůj sortiment služeb rozšířit o zasílání aktuálních zájezdů klientům, kteří o tuto službu mají zájem. V celkovém hodnocení webové stránky CA Yvetta jsou lépe propracované než webové stránky CA AGIS.
57
Závěr Cílem mé bakalářské práce, která se nazývá ,,Analýza webových stránek CA Yvetta a CA AGIS,“ bylo zanalyzovat a vzájemně srovnat webové stránky CA Yvetta a CA AGIS a na základě odborné literatury a názorů a připomínek klientů zpracovat návrhy na zkvalitnění webových stránek. V teoretické části práce se zabývám teorií tvorby webových stránek. Zmiňuji, jaké prvky stránka musí obsahovat a z jakých částí se stránky skládají. V praktické části jsem vypracovala
stručný
přehled
o
cestovních
agenturách
z informací
získaných
prostřednictvím jejich webových stránek. Vytvořila jsem mapy těchto stránek a popsala jednotlivé prvky, které se zde nacházejí. Následně jsem stránky zhodnotila z hlediska obsahu a chyb. Další etapou mé praktické části je marketingový výzkum zjišťující názory klientů uvedených CA na jejich webové stránky. Výsledky získané z dotazníku jsem vyhodnotila do grafů a doplnila komentáři. Závěrem jsem agenturám vypracovala návrhy na zlepšení a zkvalitnění webových stránek. Cíl mé práce se podařilo splnit. Vypracovala jsem srovnání, které hodnotí webové stránky dvou cestovních agentur a které obsahuje návrhy na jejich zlepšení. Tato bakalářská práce je přínosem pro CA Yvetta a CA Agis. Závěry plynoucí z marketingového výzkumu i poznatky vycházející z odborných prací věnovaných této problematice budou využity pro zvýšení kvality a přehlednosti www stránek výše jmenovaných cestovních agentur.
58
Seznam literatury Tištěné zdroje 1. FREEMAN, Jamie. Webové stránky: Pět set rad, tipů a technik. Vyd. 1. Praha : Slovart, 2008. 127 s. ISBN 978-80-7391-091-4 2. BROŽA, Petr . Jak na počítač : Vytváříme WWW stránky. Vyd. 1. Praha : Computer Press, 2000. 92 s. ISBN 80-7226-322-6 3. VYSEKALOVÁ, Jitka; KOMÁRKOVÁ, Růžena. Psychologie reklamy. Vyd. 1. Praha : Grada Publishing, 2001. 228 s. ISBN 80-247-9067-X 4. HANZLÍKOVÁ, Jana. Webdesign : Pro úplné začátečníky. Vyd. 1. Brno : Computer Press, 2004. 240 s. ISBN 80-251-0159-2 5. KRUG, Steve. Web design : Nenuťte uživatele přemýšlet. Vyd. 1. Brno : Computer Press, 2003. 144 s. ISBN 80-7226-892-9 6. BEHRENS, G.: Werbe-Psychologie. VW, München 1991 7. ČERTÍK, Miroslav. Cestovní ruch : vývoj, organizace a řízení. Vyd. 1. Praha : OFF, 2001. 352 s. ISBN 80-238-6275-8. 8. VYBÍRAL, Zbyněk. Psychologie lidské komunikace. Vyd.1. Praha : Portál, 2000. 263 s. ISBN 80-7178-291-2. 9. HOLČÍK, Tomáš. 1001 tipů a triků pro WWW stránky. Brno : Computer Press, 2003. 402 s. ISBN 80-7226-756-6.
Elektronické zdroje 10.
http://www.netsystems.cz/tvorba-webovych-stranek/ (17. 9. 2010)
11.
http://www.studio20.cz/webove-zmetky/#20-znaku-weboveho-zmetku (1. 9. 2010)
12.
http://interval.cz/clanky/nejcastejsi-chyby-tvurcu-webovych-str (1. 9. 2010)
13.
http://cs.wikipedia.org/wiki/Webov%C3%A1_str%C3%A1nka (20. 9. 2010) 59
14.
http://cs.wikipedia.org/wiki/Reklama (20. 9. 2010)
15.
http://www.agis-ca.cz/index.php?option=com_content&view=frontpage&Itemid=2
16.
http://www.ca-yvetta.cz/
60
Seznam grafů Graf 1 Hodnocení loga CA AGIS ....................................................................................... 39 Graf 2 Hodnocení loga CA Yvetta ...................................................................................... 40 Graf 3 Průměrná známka za jednotlivá loga ....................................................................... 41 Graf 4 Hodnocení designu stránek CA Yvetta .................................................................... 42 Graf 5 Přehlednost webových stránek CA Yvetta............................................................... 43 Graf 6 Hodnocení barevného provedení CA Yvetta ........................................................... 44 Graf 7 Hodnocení obsahu stránek CA Yvetta ..................................................................... 45 Graf 8 Hodnocení designu stránek CA AGIS ..................................................................... 46 Graf 9 Hodnocení přehlednosti stránek CA AGIS .............................................................. 47 Graf 10 Hodnocení barevného provedení CA AGIS........................................................... 48 Graf 11 Hodnocení obsahu stránek CA AGIS..................................................................... 48 Graf 12 Využití služby zasílání zájezdů na e-mail .............................................................. 50 Graf 13 Využití služby zasílání zájezdů na e-mail dle pohlaví .......................................... 51 Graf 14 Využití možnosti rezervace zájezdu online............................................................ 52 Graf 15 Využití možnosti rezervace zájezdu online dle dosaženého vzdělání.................... 53 Graf 16 Využití možnosti rezervace zájezdů online dle pohlaví......................................... 54
61
Seznam obrázků Obrázek 1 Navigace webové stránky CA Yvetta ................................................................ 29 Obrázek 2 Navigace webové stránky CA AGIS ................................................................. 30 Obrázek 3 Domovská stránka CA Yvetta............................................................................ 31 Obrázek 4 Domovská stránka CA AGIS............................................................................. 33
62
Seznam tabulek Tabulka 1 Působení barev.................................................................................................... 20 Tabulka 2 Klady a zápory www stránek CA Yvetta ........................................................... 35 Tabulka 3 Klady a zápory www stránek CA AGIS ............................................................ 37
63
Seznam příloh Příloha 1 Vzor dotazníku
64