Design a správa webových stránek - Zkouška PDF

1. Co je to design? Typologie a přístupy - 11 definic (shoda na tom, že design je proces) - DESIGN = Proces, který má jasně stanovený začátek, prostředek a konec. Pro práci v oblasti designu jsou tak nutné také základy projektového řízení. - V rámci procesu je běžné pracovat v týmu, proto jsou pr...

1. Co je to design? Typologie a přístupy - 11 definic (shoda na tom, že design je proces) - DESIGN = Proces, který má jasně stanovený začátek, prostředek a konec. Pro práci v oblasti designu jsou tak nutné také základy projektového řízení. - V rámci procesu je běžné pracovat v týmu, proto jsou pro bezproblémový chod projektu designu důležité také týmové kompetence. (Zřídka je proces zajištěn jednotlivcem) - Design je lidská činnost, během které tvoříme plán pro tvorbu věcí, které mají za cíl přinášet hodnotu pro potenciální uživatele, tak aby jim pomáhaly v dosahování jejich vlastních cílů. - DESIGN SLUŽEB = je disciplína zabývající se tvorbou lepších řešení v oblasti služeb. - I zde platí tradiční marketingové posloupnost: diagnóza situace, náměty a návrhy, vývoj a testování řešení. - Výstupem procesu designu služby je pak zlepšení, které se projeví ve zvýšení úrovně poskytované služby. - Hlavním cílem je zlepšení zákaznické zkušenosti (customer experience – CX), která je v odvětví služeb klíčová. - Složité na práci designera v oblasti služeb je, že je každá služba jiná a neexistuje jasně daný proces pro zlepšování. - Vždy ale narazíme na průzkum u klíčových zájmových skupin (zákazníci, zaměstnanci, manažeři, majitelé, zástupci místní samosprávy, partneři), často je také zapojíme do tvorby námětů a návrhů. - Vytvoříme prototyp služby a testujeme jej na zákaznících ideálně ve skutečných situacích. Tým může například připravit fiktivní pobočku, ve které bude testovat nové procesy pro zlepšení služby. - PRODUKTOVÝ DESIGN: Definice produktového designu se různí - Produktový design = je kreativní proces, na jehož začátku identifikujeme nějakou potřebu trhu nebo zajímavou příležitost. Pro daný problém pak hledáme nejlepší řešení tak, aby vyhovovalo technickým požadavkům a zároveň bylo atraktivní. - Při návrhu se zohledňuje mimo jiné poměr cena/kvalita, potřebné materiály, ergonomie a mnoho dalšího.“ - GRAFICKÝ DESIGN = Kromě designu obalu, můžeme využít grafický design i v dalších oblastech vizuální komunikace. - V reklamě, při tvorbě vizuální identity značky (logo, barvy, tvary, písmo), - v prezentacích, výročních zprávách, na fakturách, v publikacích a samozřejmě také při tvorbě webu. 2. Principy webového designu a heuristiky - WEBDESIGN = je mezioborová disciplína, která využívá poznatky vizuální komunikace, interakčního designu, psychologie, marketingu, copywritingu, gamifikace a dalších oborů. - Cílem webdesignu je vytvořit funkční webové stránky nebo webové aplikace. - FUNKČNÍ = znamená, že splňují především následující kritéria: - Na web přicházejí relevantní návštěvníci. - Web je ovlivňuje/pomáhá jim tak, že provedou konverzní akci (akce), která je v souladu se záměrem tvůrce webu. - Návštěvníci se na web rádi vrací a provádějí stejnou nebo další akci. - Web návštěvníky zaujme natolik, že o něm mluví sami od sebe s dalšími členy cílové skupiny webu. - CÍL WEBU = je přinášet majiteli a/nebo návštěvníkům stránek užitek. - Tomu by měla být podřízena snaha webdesignera – aby se vyplatily náklady spojené s tvorbou webu a aby web dobře sloužil svému účelu, tj. například v případě komerčních stránek vytvořil ekonomický zisk. - KONFLIKTY V OBLASTI WEB DESIGNU: - potřeby uživatele oproti potřebám designéra (firmy), - rovnováha formy a funkčnosti, - zhodnocení kvality provedení, - soulad mezi konvenčními prvky a inovacemi. - Častou chybou webových stránek firem je bohužel pořád to, že jsou vytvářeny spíše pro potřeby firmy, namísto skutečných uživatelů. - Firma si vybuduje svoje stránky na základě vlastních předpokladů, s čím si uživatel mnohdy nemusí dát rady. - Proto je nezbytně nutné nahlížet na webové stránky z pohledu uživatele a vykonávat uživatelské testování. - ROVNOVÁHA FORMY A FUNKČNOSTI: - Forma a funkce tvoří základ web designu. - Funkce by byla bez formy nudná, neboli i když stránky fungují, uživatel není nadšený. Naopak, i když by byla forma velmi působivá, no na druhé straně funkčnost omezená, uživatel by byl zklamaný. - Forma a funkčnost by tedy mely být v jasně definovaném a souvislém vztahu. - INTERAKČNÍ DESIGN = je jedním z nových oborů z kategorie výpočetní techniky a je výrazem ze světa tvorby webových stránek a aplikací. - Často je chybně zaměňován s pojmem informační architektura. Je to obor zabývající se návrhem interakcí. - Tradiční design se zabývá monologem, jako je tomu například u tištěných médií. - U interakčního designu jde o dialog, který uživatel povede například s počítačem, mobilním telefonem, bankomatem apod. - Interakční design je označován za jednu z oblastí User Experience Designu (UX) zabývající se návrhem aplikací uspokojujících potřeby uživatelů a současně naplňujících funkční a obchodní požadavky - HEURISTIKA = Jednou z heuristických analýz je Nielsenova heuristická analýza, která se skládá z deseti základních pravidel, které je nutno zkontrolovat, aby byla zajištěna odpovídající použitelnost a intuitivní ovládání aplikace. Tyto pravidla je dobré mít na paměti již při vytváření návrhu UI. - 1) Visibility of system status: - Stav systému musí být vždy viditelný. - Uživatel musí vždy vidět, v jakém stavu se aplikace nachází, jestli čeká na nějaký vstup, nebo provádí určitou operaci, například pomocí ikonky přesýpacích hodin, nebo rotujícího kolečka. - 2) Match between system and the real world: - Systém „mluví uživatelským jazykem“ a je co nejvíce přizpůsoben tak, aby práce s ním připomínala práci v reálném světě. - Toto pravidlo se vztahuje převážně k vizualizaci informací. Například ikona koše opravdu vypadá jako koš a přetažení souborů na tuto ikonu způsobí přesunutí souborů do koše, stejně tak jako v reálném světě vyhazujeme papírové soubory. - 3) User control and freedom: - Systém musí poskytovat uživateli možnost vrátit se z určitého stavu zpět, nebo zrušit zvolenou akci. - Nejčastěji se to řeší pomocí tlačítek, nebo odkazů s nápisem Zpět, Undo, Storno. - 4) Consistency and standards: - Systém by měl být konzistentní jak vzhledově, tak i co se týče ovládání. - Popisky stejných akcí by měli mít stejný název, nemělo by se střídat např. uložit/upravit. Stejně tak by se měl používat výchozí vzhled, dle použitého systému a standardní ovládací prvky. Např. nepoužívat vzhled prvků z platformy Mac pro program, který poběží na platformě Windows. - 5) Error prevention: - Systém by měl předcházet chybovým stavům, např. pomocí potvrzovacích dialogů a varování. - Je vhodné upozornit uživatele, pokud zapomene vyplnit povinné položky formuláře, stejně tak jako zeptat se, že si opravdu přeje smazat vybraný adresář i přesto, že není prázdný. - 6) Recognition rather than recall - Uživatel by měl být při používání systému co nejméně kognitivně zatížen. - To zajistíme tím, že bude systém nabízet pouze volby, které lze vybrat a ostatní skryje, nebo vizuálně zneplatní. - Dále je vhodné použití drobečkové navigace, stránkování, nebo zvýraznění pozice ve stromové struktuře, aby uživatel ihned viděl jeho aktuální pozici v systému. - 7) Flexibility and efficiency of use: - Systém musí být efektivní a jednoduchý pro použítí. - Zároveň však musí poskytovat i dostatečný počet voleb, které využijí hlavně pokročilí uživatelé. - V rámci možností je také vhodné poskytovat uživatelům klávesové zkratky anebo funkce automatického doplňování vstupních polí. - 8) Aesthetic and minimalist design - Systém by měl zobrazovat co nejméně informací a voleb, tak aby práce v něm byla co nejrychlejší, přehledná, a uživatel musel co nejméně přemýšlet. - Položky a volby, které nejsou často využívány, není vhodné umísťovat přímo na běžně používané obrazovky - 9) Help users recognize, diagnose, and recover from errors - Systém by měl uživateli poskytovat srozumitelné chybové zprávy tak, aby měl uživatel možnost chyby obratem opravit a věděl, co po něm systém vyžaduje. - Zprávy by měly být v běžném jazyce a musí zároveň informovat o možném řešení problému. - 10) Help and documentation - systém musí poskytovat nápovědu přesně tam, kde jí uživatel očekává a v situacích, kdy je nejvíce potřeba. - Například vyplňování formulářů, zakládaní nových projektů apod. - Nápověda by měla být buď kontextová (přímo u daného prvku), nebo globální s možností vyhledávání. 3. Role webové stránky v marketingu - Dobrý web musí fungovat, tedy plnit účel pro byznys firmy a také odpovídat potřebám návštěvníků webu. - Přínos webové prezentace je nejčastěji prezentován finančním ziskem, protože díky webovým stránkám může firma peníze vydělat nebo ušetřit. - WEBOVÁ PREZENTACE A JEJÍ ÚČEL:  - Z pohledu účelu můžeme weby rozdělit do tří hlavních skupin: - 1) Webová prezentace, která má za cíl ovlivnit nebo změnit chování jisté skupiny uživatelů. - 2) E-shop, prostřednictvím kterého firma prodává produkty online. - 3) Webová aplikace, která řeší konkrétní problém svých uživatelů. To znamená, že není kanálem pro prodej určitých produktů, ale sama je produktem. - BRANDING = je proces, v rámci kterého firma dává smysl své značce, vypráví její příběh zapamatovatelným a konzistentním způsobem. - Zásluhou virtuální povahy internetu i malé firmy mohou disponovat online prezentací, která vypadá zcela působivě jako prezentace od velkých značek. - Firmám využívajícím internet k zvýšení popularity u cílových segmentů, tedy posílení značky, je k dispozici řada různých internetových nástrojů (microsity, online PR články, videa, sociální sítě). 4. Modely chování uživatele na webu - FOGGŮV BEHAVIORÁLNÍ MODEL (FBM) zdůrazňuje dva základní prvky: - 1) Motivaci (Core Motivators), - 2) Způsobilost (Simplicity Factors). - Určuje v jaké kombinaci těchto dvou prvků budou fungovat pobídky (nebo jinými slovy výzvy k akci) - FBM tedy ukazuje, že ve stejném okamžiku musí dojít ke konverzi tří elementů: Motivace, Způsobilost a Pobídka. - Pokud nedojde k určitému chování, chybí alespoň jeden z těchto tří prvků. - Při zohlednění těchto tří prvků mohou web designéři zjistit, co brání uživatelům v tom, aby podnikli požadované akce. - Pokud firma chce, aby uživatelé (zákazníci) napsali recenzi, může pomocí tohoto modelu zjistit, který z těchto tří psychologických spouštěčů není v jejich web designu. - DAVISŮV MODEL AKCEPTACE TECHNOLOGIE: - Vyvíjel se s ohledem na dva hlavní cíle: - Lepší chápání procesů akceptace technologií uživateli a poskytnutí nových teoretických poznatků o úspěšném návrhu a implementaci informačních systémů. - TAM měl poskytnout teoretický základ pro praktickou metodologii „testování přijetí uživatelem“, která by umožnila návrhářům systémů a implementátorům vyhodnotit nově navrhované systémy před jejich implementací. 5. Možnosti tvorby webové stránky - DOMÉNA = Doménu lze chápat ve smyslu adresy. - Tak jako vaše trvalé bydliště je na nějaké adrese, tak i webová stránka je na nějaké adrese, což je doména. - Doména – Určuje jednoznačnou pozici vašich webových stránek v internetovém prostředí a za žádných okolností byste její výběr neměli podceňovat. - Požadavky na doménu: - Krátká – vyhněte se víceslovným výrazům - Výstižná – charakterizuje co nejpřesněji obor vaší činnosti - Dobře zapamatovatelná – zákazník si vás může podruhé lépe najít - Snadná písemná verze – snažte se o soulad písemné i slovná podoby - Bez hanlivých výrazů – vyvarujte se dvojsmyslným výrazům - WEBHOSTING (HOSTING) = pronájem místa na internetu pro vaše webové stránky. Je to něco jako pozemek pro váš dům – stránky. - Na webhostingu je umístěn web. Například redakční systém, ve kterém si stránky vytváříte a spravujete. - Dále jsou na hostingu nahrané všechny obrázky a fotky, které chcete na svých stránkách ukázat, a také sem směřuje vaše doména. - Za hosting platí provozovatel webových stránek provozovateli webhostingu pravidelné splátky. (Nejčastěji na roční bázi). - Uživatel, nájemce webového prostoru, má neomezený přístup ke svým webovým stránkám. Ty může libovolně upravovat, přidávat nebo mazat. - Celková velikost stránek je přitom ohraničena velikostí vyhrazeného diskového prostoru na daném hostingu. Ta se dnes pohybuje v řádu gigabajtů. - PŘÍSTUPY K TVORBĚ WEBOVÉ STRÁNKY: - Možnosti zpracování webové stránky jsou různorodé a zahrnují činnosti od situace, kdy se nevyhneme programování až po „naklikání“ webové prezentace úplným laikem bez znalosti programovacích jazyků. - Rozhodovací kritéria pro výběr: cíl webu role webu v podnikové strategii rozpočet projektu časové možnosti (jak moc to spěchá) - Přístupy k tvorbě webové stránky: Na míru Šablona s redakčním systémem Drag and drop systémy - PŘÍSTUPY K TVORBĚ WEBOVÉ STRÁNKY: - Obecně můžeme mluvit o třech základních situacích. - 1. web na míru – staví profesionální studio s programátory a webdesignery. - 2. Redakční systém – předpřipravená šablona, kde je možné upravovat na webu barvy písmo, položky menu, texty, vkládat obrázky ale už méně můžeme měnit celkové rozvržení stránky. Základní nastavení zvládne i amatér ale častěji se při tvorbě obracíme na konzultanty a webdevelopery. Díky menší náročnosti to bude menší tým lidí. - 3. Cloudové služby – které využívají drag and drop systémy – umisťování prvků a celkovou editaci tak zvládne skutečně každý - WEB POSTAVENÝ NA MÍRU: - Vhodný pro projekty: - Při kterých je web strategickým nástrojem podnikatelské činnosti. - Když požadujeme velmi specifické funkce. Např. web firmy Mixit.cz, kde si uživatel seskládá sám vlastní müsli. Tento interakční design šablonové řešení ani drag&drop editory nesvedou.  - Web na míru vyžaduje zapojení vývojářů ovládajících programovací jazyky, jako jsou například HTML, PHP, Javacsript a mnohé další. - REDAKČNÍ SYSTÉM = CMS = CONTENT MANAGEMENT SYSTÉM: - Redakční systém se používá pro správu a publikování obsahu webu. - Nejčastěji pro správu: příspěvků, diskusí, komentářů, pro publikování obrázků nebo jiných multimediálních souborů. - CMS jsou vytvořeny tak, aby je i laik mohl jednoduše a efektivně ovládat. - CMS umožňují určovat práva jednotlivým uživatelům. - REDAKČNÍ SYSTÉM – Výhody: - Jednoduché ovládání –WYSIWYG editor (What You See Is What You Get), díky kterého vidíte prováděné změny v reálném čase. - Mobile friendly – Redakční systémy obsahují šablony pro responzivní webové stránky (stránky optimalizované pro telefon) - Pokročilá personalizace – Stránky lze rozšířit o „plug-iny“, které dodávají systému další funkcionality a jsou zdarma ke stažení přímo v redakčním systému. - Multi-users – Každému uživateli lze přidělit specifická práva pro úpravy - Komunita – fóra, návody, WordCamp - SEO – CMS disponují mechanismy pro optimalizaci stránek pro internetové vyhledávače - POUŽITÍ REDAKČNÍHO SYSTÉMU A ŠABLONY: - Mezi oblíbené redakční systémy patří Wordpress, Joomla nebo Drupal. - Všechny tyto systémy jsou zdarma, nicméně existují samozřejmě i placená řešení. - WORDPRESS: - http://wordpress.org (Pozor! Neplést s wordpress.com.) - WordPress je software patřící mezi redakční systémy. - Má 2 části: administraci webového obsahu (backend, obslužnou aplikaci) a samotný výsledný webový obsah (frontend, webové stránky – to, co vidí návštěvník). - Instaluje se na webový hosting nebo server a k jeho obsluze potřebujete webový prohlížeč (tedy počítač, což je dnes také laptop, tablet nebo i chytrý mobil). - WordPress dokáže fungovat jako e-shop, magazín s redakční radou, firemní prezentace nebo mobilní aplikace. - Umí se napojit na jiný software a číst z něj data nebo je tam posílat. - Web na WordPressu si můžete vyrobit sami, nebo si najmout dodavatele (firmu nebo konzultanta). - Vzhled výsledných stránek určují šablony vzhledu, které lze získat zdarma, koupit si je, nebo si je nechat naprogramovat na míru. 6. Proces tvorby webové stránky - OBJEVOVÁNÍ (klienta, jeho podnikání, strategických cílů atd.): - Otázky na podnikání, mise, vize, hodnoty - Pochopení business modelu - Pochopení zákazníků - Pochopení, jakou roli hraje web v businessu dané firmy - Potřebuje klient pro naplnění svých cílů webovou stránku? - Stanovení cílů webu (Více poptávek? Vyšší návštěvnost?) - Rozpočet projektu - VÝZKUM: - Po první schůzce zpracuje agentura úvodní analýzu. Nejčastěji jde o analýzu konkurence, tržního prostředí a klíčových slov (SEO analýza). - Po analýze má agentura představu, o jak velký projekt pravděpodobně půjde, a zasílá klientovi nabídku s cenou za své služby. Ten ji může přijmout/odmítnout. - Proč je analytická část důležitá? Aby agentura pochopila klienta a trh, na kterém působí, včetně jeho zákonitostí, co je na něm běžné, důležité, nebo co má naopak ignorovat. - Dále jaké je postavení klienta na trhu, co jeho zákazníci hledají a chtějí a jak jim to nakonec co nejlépe podat. - VYŽÁDÁNÍ PODKLADŮ: Pokud klient cenovou nabídku přijme, spolupráce pokračuje. - Agentura se znovu sejde s klientem, představí mu všechna zjištěná data a společně se dohodnou, jakým směrem se budou ubírat. Poté následuje výzva k dodání podkladů. - Agentura bude potřebovat fotografie a texty, které na web umístí. Pokud žádné fotografie nemá klient k dispozici, většina agentur se o nafocení vašich produktů postará. - Zároveň by se měla postarat o adekvátnost veškerých textů. Buď je agentura sama sepíše (tuto práci mají na starost copywriteři), nebo přepracuje texty, které zašle klient. - ANALÝZA KONKURENCE: Analýza současného webu Analýza webů konkurence Analýza klíčových slov STP (segmentace, targeting, positioning) Hloubkové/strukturované rozhovory Uživatelské testování Eye tracking - Přihlaste se k odběru jejich newsletteru. Sledujte jejich stránky na sociálních sítích. Pozorujte změny na jejich e-shopu. Všímejte si cenové politiky, zavádění novinek na trh a prezentace slev či akcí. Prozkoumejte jejich bonusový program, pokud nějaký nabízí. Projděte si důkladně e-shopy a vypozorujte jejich funkce. Zjistěte, kde všude inzerují jak na internetu, tak případně i v offline světě. Dohledejte názory jejich zákazníků, např. na srovnávačích zboží a v diskuzích. Navštivte jejich kamenné prodejny a sledujte práci zaměstnanců. Najděte na jejich e-shopech konkurenční výhody, kterými se prezentují - ANALÝZA KLÍČOVÝCH SLOV: Soupis toho, co lidé nejčastěji hledají na internetu. Naslouchání cílové skupině v tom, jaké konkrétní slova a slovní spojení vyhledávají v souvislosti s oblastí, které se má webová stránka týkat. Na základě ní pak vznikají např. požadavky na vstupní stránky, návrh kategorií na e-shopu nebo filtrů pro zboží. Pokud text na webu zahrnuje oblíbená klíčová slova, podpoří to jeho návštěvnost a pozici ve vyhledávání. - TVORBA (INFORMAČNÍ ARCHITEKTURA): - Dříve, než se designéři pustí do tvorby, je potřeba promyslet, jak bude celý web strukturován z hlediska podstránek. - K tomu si můžete sestavit například myšlenkovou mapu, která vám vizualizuje, jaké podstránky má web mít a jaké informace musí obsahovat. - Nikdy bychom stránky neměli vytvářet „do počtu“. Vždy by pro jejich existenci měl být důvod. - TVORBA (WIREFRAME): - Jakmile víme, jaké podstránky má web mít, potřebujeme si je rozvrhnout, jak budou vypadat. Bezcílná tvorba podstránky a ”zkoušení” skládání elementů bez dobrého plánu, je ztráta času a zejména peněz. Proto se tvoří tzv. wireframy. - Wireframy jsou podkladem pro zpracování grafického návrhu webové stránky. - Wireframe definuje rozmístění funkčních prvků. Nejedná se v žádném případě o grafický návrh, neobsahuje obrázky a je tvořen pouze pomocí čar a textu (odtud drátěný model). - TVORBA (UX): - UX deisgnér (UX = user experience neboli „uživatelský prožitek) v rámci plánovaného webu řeší to, aby zážitek jeho návštěvníků z prohlížení webu byl co nejlepší. - Jedná se o odbourání bariér, které lidem v prohlížení překáží (např. příliš agresivní pop-up okna) a šperkuje web tak, aby jeho prohlížení pro lidi bylo co nejpříjemnější a nejzáživnější (apeluje na zrychlení webu, snaží se vyzdvihnout nejdůležitější informace na webu atd.) - UX designer zpracuje svůj návrh v jedné ze tří podob: textové zadání, wireframe nebo v podobě prototypu (funkční model webu, kde se před nakreslením vše vyzkouší vč. toho, jak jednotlivé prvky fungují). - Nedoporučuje se použití barev, model by měl být co nejjednoduší. - Wireframe připravuje informační architekt ve spolupráci s UX designérem. Do nákresů jsou přeneseny požadavky klienta. - Rozložení podstránek by mělo odpovídat domu, co lidé na webu hledají. Nejdůležitější informace jim předat ”na zlatém podnose”. - Důležité je nenutit uživatele přemýšlet. Tím přicházíme o možné konverze – lidé nemají čas a chuť zjišťovat, co a jak designéři webu mysleli. - TVORBA (GRAFIKA): - Když je vymyšlená celková vize vzhledu webu a jeho funkcí, předá se zadání grafikovi, který ho zpracuje do výsledné podoby. - Tato fáze je poměrně drahou záležitostí – U profesionálních webů totiž design nevychází pouze z jednoho návrhu, ale každá podstránka se kreslí atypicky svému obsahu, což vyžaduje mnohem více času. - Grafik při tvorbě vychází z wireframů. - TVORBA (KÓDOVÁNÍ/DESIGN): - Po grafikovi se práce předává člověku, který z grafického návrhu tvoří funkční web. V případě, že se web tvoří na míru, předá se zadání kodérovi, v případě redakčního systému, kde se řešení nasadí prostřednictvím šablony, předá se web designérovi který grafický návrh přivede k životu. - Při kódování dochází k přepsání grafického návrhu do jazyka, kterému weby rozumí. Výsledkem je webová stránka. - Vše se musí nakódovat zvlášť pro desktop a mobilní zařízení, které navíc mají různé operační systémy. - TVROBA (CMS):  - CMS (systém pro správu obsahu, redakční systém) - administrační systém, do kterého se web nasadí. - CMS může obsahovat pouhou správu textů a fotografií, ale také přes něj můžete zpracovávat objednávky, přidávat příspěvky na blog, vést firemní databáze, spravovat poptávky, rezervační systém, distribuční sítě atp. - Dodatečné funkcionality se přidávají pomocí plug-inů. - EVALUACE: vytvořením webu dobrá práce nekončí. - Sledování návštěvnosti Sledování požadovaných konverzí Sledování plnění požadovaného cílu webu Ověření, že nový web je skutečně navržen dobře: Přináší požadované konverze Uživatelské testování Eye trackingový experiment A/B testování Dotazníky/průzkumy (nejméně efektivní) - EVALUACE (UŽIVATELSKÉ TESTOVÁNÍ): Skuteční uživatelé testují web za účelem identifikace možných problémů a zlepšení uživatelského zážitku. Uživateli zadáte úkol (aniž byste mu vysvětlovali, jak jej na webu vyřešit) a pozorujete jeho kroky. Uživatel musí spadat do vybrané cílové skupiny webu. Na základě výsledků můžete určit slabá místa webu, nalézt nefunkčnosti či nejasnosti v designu. 7. Využití výzkumu při designu webu - TESTOVÁNÍ POUŽITELNOSTI: Použitelnost je definována 5 komponenty: - 1) Naučitelnost: Jak snadné je pro uživatele splnit základní úkoly při prvním setkání s rozhraním? - 2) Účinnost: Jakmile se uživatelé naučili rozhraní, jak rychle mohou provádět úkoly? - 3) Zapamatovatelnost: Když se uživatelé vrátí k návrhu po období, kdy ho nepoužívají, jak snadno mohou provádět úkoly? - 4) Chyby: Kolik chyb udělají uživatelé, jak závažné jsou tyto chyby a jak snadno mohou tyto chyby napravit? - 5) Spokojenost: Jak příjemné je používat design? - Je možné testovat stávající web, konkurenční web, wireframy nebo prototyp. - Testování se skládá z několika hlavních částí, jejichž rozsah se může různit, opomenutí některé z nich však může mít na jeho přínos negativní dopad - POSTUP: - 1. Analýza cílových skupin webu a jejich potřeb – Kdo jsou zákazníci? Co jim má web nabídnout? - 2. Vytvoření scénáře testování – seznam úkolů, které jsou jednotlivým testerům uloženy. Jedná se o většinou typické akce cílových skupin webu. - 3. Výběr testerů – vzorek účastníků testování by měl odpovídat cílové skupině webu. Rovněž je třeba získat zhruba rovnoměrný podíl pokročilých a nezkušených uživatelů internetu – každá skupina totiž narazí na zcela jiný typ problémů. - 4. Samotný průběh testování – pod dohledem zkušeného odborníka na použitelnost plní testeři úkoly dle scénáře testování. - 5. Analýza výsledků testování – je potřeba setřídit poznatky získané během testování, zanalyzovat je, a především vymyslet nejvhodnější řešení vedoucí ke zvýšení použitelnosti webu. - 6. Prezentace výsledků – seznámení s průběhem testování, komentář k výsledkům a detailní výklad aplikace doporučených opatření. - MOUSE TRACKING: - Pokud chce marketér přesně sledovat, jak se zákaznici pohybují na webu, může použít metody pozorování pohybu myši, kterým se odborně říká mouse tracking nebo cursor tracking. Instalovaný software sleduje pohyb myši uživatele na webové stránce a poskytuje informace o nejčastějších návštěvách. Pro marketéra či designéra webové stránky tak tato technika přináší cenné informace o celkovém designu webového rozhraní. Výstupem takového výzkumu jsou nejčastěji tepelné mapy, které ukazují na nejfrekventovanější místa výskytu kurzoru. - Výstup v podobě clickmapy – tepelné mapy. - Červená teplá místa zobrazují kde se pohyboval kurzor uživatele. - EYE TRACKING = je technologie, která sleduje pohyby a fixace oka, čímž zaznamenává, kam se osoba dívá. Umožňuje analyzovat, na které části obrazovky nebo materiálu uživatel nejvíce zaměřuje svůj pohled. Usadíte respondenta za počítač, zapnete eye tracking, provedete kalibraci a zadáte respondentovi úkol na daném webu. Výsledkem jsou fixační mapy či heat mapy, které znázorňují, kam se respondent díval a jak dlouho. Nezbytná fyzická účast při testování – nelze realizovat na dálku. - Výstup v podobě clickmapy – tepelné mapy. - Červená teplá místa zobrazují kde se uživatel díval. - Path analysis neboli analýza cesty pohybu očí umožňuje oproti tepelným mapám zobrazit, jak oči uživatele putovaly po webové stránce.  - A/B TESTOVÁNÍ = představuje metody, které umožňují na reálných uživatelích testovat dvě či více variant určité webové stránky. Výzkumník pak pozoruje rozdíly v konverzních poměrech a je schopný vyhodnotit, která testovaná stránky je pro uživatele přívětivější, snadnější na ovládání, atraktivnější a tím také lépe plní svůj účel. Oproti metodám dotazování je experiment formou techniky A/B testování věrohodnější, jelikož se uživatel chová zcela přirozeně a v podstatě ani neví, že je součástí výzkumu. 8. Redakční systémy - PRÁCE V CMS – ZÁKLADNÍ INFORMACE: - WordPress = je CMS platforma. - Slouží pro tvorbu a správu webů. Vznikl v roce 2003. Je nejrozšířenější CMS na světě. Vhodný pro blogy, firemní web, e-shopy. - Frontend se nazývá část webu, kterou vidí návštěvníci. Backend je část webu, kde se odehrává správa webu a vidí ji administrátoři. - Uživatelé Wordpressu mají různé role, které určují jejich oprávnění (to, co mohou a nemohou v systému dělat). Příspěvky Wordpress využívá pro aktuální obsah. Stránky Wordpress využívá pro stálý obsah. - PRACOVNÍ PROSTŘEDÍ WORDPRESSU: - Dashboard (nástěnka) - poskytuje přehled o stavu webu. Jeho vzhled a zobrazované informace si lze nastavit. Boční menu pro navigaci. Rychlý přístup k funkcím. Jednoduchá administrace. Přizpůsobení – různorodá nastavení, zejména co se týče vzhledu webu - PŘÍSPĚVKY: - Jsou určeny pro blogové články a krátkodobý obsah. Příspěvky se vytváří v editoru příspěvků. Jeho vzhled a obsah se může lišit dle zvolené šablony. Přidání obrázků a videí. Články lze organizovat do různých kategorií (rubrik). Taktéž lze využívat štítky, které návštěvníkům usnadní vyhledávání napříč blogem. Články lze plánovat (směrem do budoucna) a publikovat. Také mohou být ve stavu konceptu, kdy jsou viditelné pouze pro administrátora a lidi, kterým je to v systému povoleno. - STRÁNKY: - Jsou určeny pro stálý a nezměněný obsah. Typickou stránkou může být třeba homepage – domovská stránka. Další příklady: 'O nás', 'Kontakt‘. Nezobrazují se v blogovém archivu. Jsou součástí hlavní navigace webu. - MENU A NAVIGACE: - Vytváření a úprava navigačního menu jsou klíčové pro zlepšení uživatelské zkušenosti a umožňují návštěvníkům snadno najít obsah, který hledají. WordPress umožňuje přidávat do menu položky jako jsou stránky, kategorie, příspěvky a vlastní odkazy. Menu lze také strukturovat do více úrovní, což je ideální pro velké weby s bohatou strukturou. Při tvorbě menu je důležité zvážit responzivní design, aby bylo menu funkční i na mobilních zařízeních. Často se na mobilech a tabletech řeší tak, že se menu sbalí pod ikonku „hamburgeru“. - MÉDIA: - Mediální knihovna ve WordPressu je centrální místo, kde jsou uloženy všechny obrázky, videa a další soubory, které můžete použít v příspěvcích a na stránkách. Obrázky a soubory do knihovny lze snadno nahrát a poté je možné je vkládat do obsahu pomocí editoru. WordPress také nabízí základní nástroje pro úpravu obrázků, jako je ořezávání, otáčení a změna velikosti. - PLUGINY: - Pluginy slouží pro rozšíření funkcionalit standardního WordPressu (např. zlepšení SEO, zvýšení bezpečnosti webu, …) - Instalace nových pluginů je snadná díky vestavěnému správci pluginů, který umožňuje vyhledávat, instalovat a aktualizovat pluginy přímo z administračního rozhraní Wordpressu. - Při výběru pluginů je důležité se zaměřit na jejich kvalitu, hodnocení, kompatibilitu a frekvenci aktualizací. - Důležité je také pravidelně prověřovat pluginy a odstranit ty, které již nejsou potřebné, aby se zajistilo, že web zůstává rychlý a bezpečný. - VZHLED A ŠABLONY (TÉMATA): - Výběr vhodného tématu je klíčový pro design a uživatelskou přívětivost vašeho webu, WordPress nabízí tisíce volně dostupných i placených témat (šablon). Po instalaci šablony můžete přizpůsobit její vzhled a funkce podle vašich potřeb. Pro pokročilé úpravy nebo pro uchování změn při aktualizacích je vhodné vytvořit „child theme“, které umožňuje upravit kód šablony bez rizika ztráty změn. - KOMENTÁŘE: - Komentáře jsou důležitou součástí mnoha WordPress webů, protože umožňují interakci s návštěvníky a podporují komunitu okolo vašeho obsahu. WordPress poskytuje rozsáhlé možnosti správy komentářů, včetně nastavení, která umožňují moderovat komentáře a bojovat proti spamu. Je také důležité nastavit pravidla pro diskuzi, abyste měli kontrolu nad tím, co uživatelé na vašem webu zveřejňují. Spam je častý problémem Wordpress webů. Pokud víte, že se nechcete zabývat moderací komentářů – doporučuji sekci pro komentáře na webu vůbec nepoužívat. - ZÁLOHOVÁNÍ: - Pravidelné zálohování vašeho WordPress webu je nezbytné pro ochranu vašeho obsahu a nastavení před potenciálními problémy jako jsou chyby serveru, uživatelské chyby nebo útoky hackerů. Existuje mnoho způsobů, jak zálohovat WordPress, včetně ručních metod či pluginů, které proces automatizují. Udržování WordPressu, témat a pluginů v aktuálním stavu je kriticky důležité pro zabezpečení a funkčnost vašeho webu.  - NASTAVENÍ ROLÍ: - Administrátor – neomezený přístup ke všem nastavením WordPressu. Šéfredaktor – může nejen publikovat a spravovat své vlastní příspěvky, ale třeba i zasahovat do příspěvků ostatních uživatelů. Redaktor – může publikovat a spravovat své vlastní příspěvky, stejně tak jako nahrávat soubory. Spolupracovník – může vytvářet a spravovat své příspěvky, ale nemůže je sám veřejně publikovat. Nemá povoleno nahrávat mediální soubory. Návštěvník – prakticky se jedná pouze jen o zaregistrovaného uživatele bez speciálních pravomocí v administraci WordPressu. Může pouze vkládat komentáře. Nemůže se podílet na tvorbě a správě obsahu webu. 9. Obsah na webu - BLOG: - Blog firmě dodává lidskou tvář, která jí mnohdy schází. Blog ke čtenářům promlouvá jazykem jim blízkým, a často jim přináší informace, které by se jinak z oficiálních zdrojů nedozvěděli. Díky blogu může firma čtenáře vtáhnout do dění firmy přes pohled pod pokličku. Skvělý nástroj pro budování SEO (optimalizace pro vyhledávače) Nejzásadnější věc, která odlišuje webové stránky s blogy od webových stránek bez nich, je aktuálnost textu. - Existuje několik zásad, které se firmám vyplatí dodržovat: 1. Výběr jednoho autora – aby blog působil nenuceně a autenticky. 2. Nepřetržité aktualizování obsahu – mrtvé blogy nikdo nečte 3. Podněcování k diskuzi – Firma by měla čtenářům umožnit reagovat na její příspěvky, vybízet je k reakcím a okořenit diskusi. Kredibilita blogu vychází z velikosti komunity, které členové se opakovaně vrací a diskutují. - VIDEA - COOKIES A GDPR - PRODUKTOVÁ STRÁNKA (E-SHOP) - UŽIVATELSKÉ ROZHRANÍ 10. Propagace webové stránky - REKLAMA NA INTERNETU: - Reklama ve výsledcích vyhledávání (TOP pozice) - Výsledky vyhledávání obecně nabízí kromě placených linků (viz obrázek) také výsledky organické, které ovšem PPC reklama neovlivní. - V organických výsledcích má největší váhu SEO konkrétní webové stránky. - (TOP POZICE) (V OBS. SÍTI) - Reklama v obsahové síti Formát reklamy, který vidíme na různých webových stránkách po internetu. Na ukázce kampaň společnosti Mall na webu Proženy.cz - RETARGETING: - Silným nástrojem online reklamy jsou retargetingové kampaně. Některé inzerentní platformy je označují jako remarketing, ale v principu se jedná vždy o ten samý postup. Díky digitální stopě, kterou za sebou na internetu zanecháváme ve formě cookies mohou inzerenti cílit reklamu na ty uživatele, kteří provedli na webové stránce určitou akci. Určitě jste se setkali s tím, že jste si prohlíželi nějaký produkt na e-shopu a poté vás pronásledovala reklama na tento produkt i na dalších webových stránkách. - KONVERZE = v anglickém znění Conversion Rate, je úspěšné dokončení nějaké akce. U e- shopu pak konverzi reprezentují akce skutečných zákazníků. Skutečným zákazníkem je ten, který si u vás zakoupil zboží, registroval se k odběru newsletteru nebo provedl registraci. Obecně do konverze spadá uživatel, který provedl požadovanou akci. - S tímto pojmem souvisí konverzní poměr, což je metrika, která vyjadřuje kolik pro-cent uživatelů dokončí požadovanou akci (provede konverzi). - Konverzní poměr není výsadou pouze u online aktivit, můžeme si jej klidně vysvětlit na příkladu kamenného obchodu. Pokud do prodejny přijde 50 zákazníků a 25 z nich nakoupí můžeme hovořit o konverzi 50 % (polovina zákazníků, kteří vstoupili do obchodu nakonec nakoupilo). Totéž pak v případě e-shopu bude znamenat, pokud z 5 000 návštěvníků nakoupí 2 500.  - MĚŘENÍ EFEKTIVITY REKLAMY: - CTR (Click through rate) - Míra proklikovosti, je základní metrika pro měření úspěšnosti online reklamy - Výpočet bere do úvahy počet zobrazení a počet kliknutí: - CTR = (číslo kliků / číslo zobrazení) * 100 - CTR = (200/10000) * 100 = 2 % - Z 10 000 zobrazení reklamy na ni kliklo 2 % (200) - Zobrazení se někdy říká také imprese - Vysoké CTR znamená, že mají zákazníci o reklamu zájem – je pro ně relevantní - CPC (Costs per click) - Náklady na kliknutí - Výpočet bere do úvahy smluvenou sumu za proklik a počet kliknutí: - CPC = Cost to an Advertiser / počet kliků - Cost to an Advertiser: 2 € * 1 000 = 2 000 - Objednatel musí zaplatit 2 000 €. - CPM (Costs per mile) - Náklady na zobrazení tisícovce lidí - Výpočet bere do úvahy smluvenou sumu za tisích zobrazení a počet zobrazení: - CPM = Cost to an Advertiser * 1 000 / Počet zobrazení - Cost to an Advertiser = 5 € * (200 000/1 000) = 1 000 - Objednatel musí zaplatit 1 000 €. - BOUNCE RATE – MÍRA OKAMŽITÉHO OPUŠTĚNÍ = Okamžité opuštění je návštěva jedné stránky na vašem webu. Ve službě Google Analytics se okamžité opuštění počítá jako návštěva, která iniciuje pouze jeden požadavek na server Analytics, například když uživatel otevře jedinou stránku na webu a poté z ní odejde, aniž by při této návštěvě vyvolal jakýkoli další požadavek na server Analytics. - Ne vždy je ala vysoký bounce rate na škodu. V případě, že je cílem webu rychle informovat zákazníky například o adrese nebo telefonním čísle a to je na stránce ihned viditelné a dostupné, může takový zákazník navštívit jen jednu stránku, najít na ni vše potřebné a odejít. 11. Optimalizace webu pro vyhledávače - Vytvoření webové stránky jako takové nestačí k jejímu úspěšnému provozu a plnění cíle. - Ve většině případů budete potřebovat, aby byl na webu provoz, tedy aby přicházeli návštěvníci. - Zdrojem návštěvnosti bývají velmi často vyhledávače jako je Google, Seznam, Bing a další. - Otázkou na kterou se nyní pokusíme odpovědět je jak se umístit s webem na prvních stránkách ve výsledcích vyhledávání. - 62 % lidí klikne na odkazy na první straně vyhledávání. - V rámci první stránky je pak důležité umístění co nejvýše ve výsledcích. Proklik z vyšších pozic jsou mezi uživateli běžnější. - JAK FUNGUJÍ VYHLEDAVAČE: - Vyhledávače hrají významnou roli jako zdroj návštěvnosti webové stránky. Podle studie společnosti Yotpo je to druhý největší zdroj na základě dat z 65 milionů objednávek zákazníků, v hodnotě 2 miliardy dolarů z 120 000 e-shopů. - Abychom ale mohli naplno využít síly vyhledávačů, musíme si říct, jakým způsobem fungují. - Pro příklad sice využijeme nejpopulárnější vyhledávač Google, ale na podobném principu fungují i ostatní jako například český Seznam. - A) Procházení (Crawling) B) Indexování (Indexing) C) Zobrazování a hodnocení - PROCHÁZENÍ: - Jako první krok je potřeba zjistit, jaké stránky jsou na webu k dispozici. Žádný centrální registr všech webových stránek neexistuje, proto musí Google neustále vyhledávat nové stránky a přidávat je do svého seznamu známých stránek. Tento proces objevování se nazývá procházení. - O některých stránkách Google ví, protože už je v minulosti procházel. Jiné stránky Google objeví následováním odkazu ze známé stránky na novou stránku. Další stránky objeví pomocí seznamů stránek (tzv. map webů nebo souborů Sitemap), které vlastníci webů odešlou do Googlu k procházení. Pokud používáte spravovaného webového hostitele, například službu Wix nebo Blogger, může takový hostitel žádat Google o procházení aktualizovaných nebo nových stránek, které vytvoříte. - INDEXOVÁNÍ: - Po objevení stránky se Google snaží zjistit, o čem stránka je. Tento proces se nazývá indexování. - Google analyzuje obsah stránky, zařazuje do katalogu obrázky a videosoubory vložené na stránce a dalšími způsoby se snaží stránce porozumět. - Tyto informace se zapisují do indexu Google, obrovské databáze uložené na mnoha a mnoha počítačích. - ZOBRAZOVÁNÍ: - Když uživatel zadá dotaz, Google se v indexu na základě mnoha faktorů pokusí najít nejrelevantnější odpověď. Google se pokusí určit nejkvalitnější odpovědi a zohlednit i další aspekty, které umožní nabídnout nejlepší uživatelský dojem a nejvhodnější odpověď, jako je například umístění, jazyk a zařízení (počítač nebo telefon) uživatele. - Na dotaz „opravny jízdních kol“ by se zobrazily jiné odpovědi uživateli v Paříži a jiné uživateli v Karviné. Pozici si nelze zaplatit. Google nepřijímá platby za vyšší hodnocení stránek. Hodnocení se provádí algoritmicky. - KLÍČOVÉ SLOVO = je slovo, které popisuje obsah na webové stránce. - Je to výraz, pro který chcete aby byl web ve výsledku vyhledání. Takže když lidé hledají toto klíčové slovo nebo frázi v Google nebo v jiných vyhledávačích, měli by najít vaši stránku v seznamu výsledků. - Když mluvíme o klíčových slovech, mnohokrát máme na mysli frázi místo jednoho slova. - Například „běžecké boty“ jsou keyword přesto, že je to spojení dvou slov. - Jak jsme si vysvětlili výše, jsou to slova, která Google hledá na webových stránkách v procesu procházení a následně s nimi pracuje ve fázi indexování tak, aby informace o webech na celém světě kategorizoval do svých databází. - Zadané dotazy uživatelů opět ve formě textu, který může být totožný s klíčovým slovem pak porovnává s těmito informacemi a vyhodnocuje, jaké webové stránky budou pro uživatele nejrelevantnější. - Na webu bychom tedy na klíčové slova neměli zapomenout. - Zároveň také jejich analýza zajistí to, že budeme vkládat slova, které hledají uživatelé a ne ty které používáme my. - Naši zákazníci totiž mohou pojmenovat produkt úplně jinak než si myslíme. - JAK HLEDAT KLÍČOVÁ SLOVA? - Prvním krokem, který nás nic nestojí, je podívat se na související dotazy s hledaným klíčovým slovem dole pod výsledky vyhledávání. Sám Google nám tak poodkryje malinkou část toho co lidé hledají. - Dále také můžeme nakouknout na klíčová slova pomocí našeptávače při psaní požadavku. Náš konkrétní příklad ukazuje, že pojmenovat pánev na vajíčka „4 oko“, jak  je na některých e-shopech běžné, nemusí být úplně dobrý nápad. Zákazníci do Googlu totiž píší spíše „pánev na volská oka“. - Pro komplexnější a přesnější analýzu klíčových slov už ale bude nutné použít profesionální nástroj jako je například Collabim. Tyto nástroje umožní klíčová slova monitorovat, jednoduše zadávat požadavky a vytvářet profesionální reporty, které pomáhají marketérům i webmasterům upravovat obsah aby souhlasil s tím, po čem lidé touží a prostřednictvím vyhledávače se to na internetu snaží najít. - LONGTAIL: - v přeložení „dlouhý chvost“, je pojmenování pro slova a fráze, které nejsou do vyhledávačů zadávány často, ale přesto jsou považovány za klíčové. Jsou to konkrétnější výrazy, které sice nepřilákají tolik lidi zadávající obecné výrazy, ale přivádí na web zákazníky, kteří už jsou více nakloněni nákupnímu rozhodnutí. Hledají konkrétní produkt, službu či odpověď na otázku - Spousta lidí vám do vyhledávače napíše obecné slovo, například „skříň“, ale řada z nich zkrátka si jen prohlíží zboží a rozmýšlí se, jestli si vůbec novou skříň pořídí. Záměr člověka, který hledá pomocí této fráze, není jednoznačný. Možná hledá typy skříní, možná hledá návod na sestavení skříně, možná jen shání obrázky, možná hledá něco jiného. - Druhou skupinu tvoří lidé, kteří zadají do vyhledávače například „prosklená vestavěná skříň dekor olše“, a to je to, čemu se říká konkrétní slovo a tvoří zadní výsek longtailu. Je řešením, jak přivést na web takové zákazníky, kteří přesně vědí, co chtějí, a u nichž je šance, že opravdu nakoupí, mnohonásobně vyšší. - Budete-li na stránkách používat tato konkrétní klíčová slova, nejen že zacílíte více na potenciální nakupující, ale také zvyšujete efektivnost vašeho odkazu ve výsledcích hledání. Toho v případě užívání obecných klíčových slov (zmiňování skříň) dosáhnete vel- mi těžce. Jsou vysoce konkurenční, protože je používá každý. Dosáhnout lepších pozic ve výsledcích hledání v případě obecných klíčových slov je náročné a mnohdy nemožné. - OPTIMALIZACE WEBU PRO VYHLEDAVAČE (SEO): - SEO (search engine optimization) je proces ovlivňování viditelnosti webu nebo stránky v neplacené části výsledků internetového vyhledávače. - Obecně řečeno, čím výše a čím častěji se web objevuje ve výsledcích vyhledávače, tím více návštěvníků web může z internetového vyhledávače získat. - SEO může cílit na různé typy hledání včetně obrázků, lokálního hledání, videí, akademických informací, novinek nebo užšího hledání v specifických oborech - Přivádění návštěvnosti Snížení míry odchodu ze stránek Snížení nákladů na zákaznickou podporu Zlepšení viditelnosti značky na internetu SERM (Search Engine Reputation Management – Online Reputation Ma-nagement) Zvýšení konverzního poměru - ON-PAGE FAKTORY:  - TITULEK: Titulek stránky by měl obsahovat informaci o obsahu zvolené stránky. Titulek by rozhodně neměl být stejný pro celý web, ale unikátní pro každou stránku webu. Zápis titulku v HTML kódu: - META DESCRIPTION Popisek stránky by měl obsahovat krátkou informaci o obsahu stránky. Ani meta description by neměl být pro celý web stejný. Zápis titulku v HTML kódu: - NADPISY STRÁNKY - ZVÝRAZNĚNÝ TEXT NA STRÁNCE - ALTERNATIVNÍ POPIS OBRÁZKU - TEXT STRÁNKY - URL ADRESA STRÁNKY 12. Základy webové analytiky v Google Analytics - Hlavní náplní webové analytiky je sběr, měření, analýza, reporting a interpretace dat získaných z webu za účelem jejich dalšího využití. - Google Analytics (zkráceně GA) je nástroj od společnosti Google, který umožňuje vlastníkům webových stránek získávat statistická data o uživatelích svého webu. - Díky této službě je možné sledovat aktuální i historickou návštěvnost, chování uživatelů a jejich vlastnosti; konverze, prodeje a další. - Statistiky ukazují, že téměř 50 % webových stránek užívá ke sledování návštěvnosti právě Google Analytics, což z něj dělá nejpoužívanější nástroj v této oblasti služeb - Platforma, která sbírá data o webové stránce a poskytuje je uživateli pro lepší marketingová rozhodování. - Vytvořením účtu Google Analytic a vložením html kódu do webové stránky začnete sbírat data o uživatelích webu. - Při každé návštěvě pak kód uchovává anonymizované informace o interakci uživatele na webu. - VÝHODY: - Google Analytics je poskytován zcela zdarma. - Implementace je velice snadná a s návodem jí zvládne lehce každý. - Pro plné používání Google Analytics nemusíte nic instalovat na váš počítač a k datům se dostanete odkudkoli, kde máte připojení na internet. - Google Analytics je plně podporován ve více než 30 jazykových mutací včetně češtiny a slovenštiny. - Google Analytics se dá rychle naučit, není to žádný složitý systém. - Nástroj dokáže poskytnout dostačující množství dat, která vám umožní zjistit, co se na vašem webu odehrává. - Google Analytics má velice intuitivní navigaci a příjemné grafické zpracování včetně vykreslování velkého typu přehledných grafů. - JAKÉ DALŠÍ INFORMACE O UŽIVATELÍCH HLÍDÁ? - Jazyk, který je nastavený v prohlížeči Typ prohlížeče Zařízení Operační systém Zdroj návštěvy - Platforma získává informace o návštěvníkovi v relacích Relace se vypíná po 30 minutách neaktivity Data se natvrdo zapisují do databáze - UTM PARAMETR: - UTM parametry se používají pro správné měření výsledků kampaní v Google Analytics. - Když přijde návštěvník na web, Google Analytics se mu pokusí přiřadit zdroj návštěvy. - V prvním kroku zkontrolují, zda nepřišel z Google Ads reklamy. Pokud ne, ve druhém kroku v URL hledají měřící parametry, mj. i UTM. - Pokud by v URL nebyly žádné měřící parametry, v dalším kroku se Google Analytics podívají na odkazující zdroj. - A právě tady se snadno smíchají placené a neplacené návštěvy, protože v Google Analytics mohou mít shodný zdroj / médium identifikátor. - Seznam nebo Sklik, bez UTM to Google Analytics nepoznají a obě návštěvy zařadí do jedné kolonky. - Pokud se potom budete snažit rozklíčovat, které návštěvy přišly z neplaceného vyhledávání a které z placených Sklik reklam, budete mít problém. - VLASTNOSTI UTM: - utm_source = název zdroje (název webu, ze kterého odkaz vede) - utm_medium = název média = druh marketingového kanálu (cpc = placené vyhledávání, organic = neplacené vyhledávání, referral = odkaz, atp.) - utm_campaign = kampaň = název kampaně (např. v Skliku) nebo jiné odlišení (např. datum příspěvku na Facebooku, nebo odeslání newsletteru) - utm_content = název reklamy = další podúroveň, může být např. název reklamní sestavy v PPC reklamě - utm_term = klíčové slovo = další podúroveň, může být např. klíčové slovo v PPC reklamě - PARAMETR UTM: - Takže aby bylo možné odlišit, které návštěvy pochází z Sklik reklam, Facebook reklam, newsletterů a dalších marketingových aktivit, je potřeba k cílové URL přidat parametry typu utm_source=facebook.com&utm_medium=ads - Tento konkrétní příklad pro Facebook reklamu umožní v Google Analytics odlišit placené a neplacené návštěvy, protože placené návštěvy budou mít zdroj / médium facebook.com / ads a neplacené facebook.com / referral. UTM parametry vám pomohou sledovat statistiky většiny kampaní. - GA často netuší, odkud uživatelé na web přišli. Někdy sice umí přiřadit zdroj, ale nerozeznáte placené a neplacené návštěvy. Proto je potřeba ve všech kampaních mimo Google Ads používat UTM parametry. - Neexistuje jednotný postup jak UTM parametry zapisovat, ale logicky je nutné udržet dlouhodobě stejný systém. To radí i Lukáš Krejča: Pokud jednou pojmenujete odkaz v Skliku sklik / ppc a podruhé seznam / cpc, tak těžko můžete sledovat nějaký trend v návštěvnosti. Doporučuji si hned ze začátku vytvořit tabulku, kde budete mít zaznamenáno, jak své odkazy označujete. Nasdílejte ji kolegům a dodržujte ji - ČASTÉ CHYBY UTM PARAMETR: - Označujete PPC reklamu na Seznamu jako sklik/cpc. - Ztrácíte zde logiku utm_source=název webu, což je takový začátek UTM chaosu. - Nemůžete pak také např. porovnat výkonnost Googlu a Seznamu bez ohledu na médium. - V porovnávání totiž bude Google, Seznam a Sklik. - Označujete reklamu na Facebooku jako facebook/cpc. - CPC ale znamená (aspoň pro Google Analytics) placenu návštěvnost z vyhledávání. - Pokud do toho budete míchat Facebook, nemůžete použít všechny automatické segmenty a přehledy. - Měníte UTM parametry, jak se vám zlíbí – ještě jednou – v UTM je nutné mít pořádek a hlídat si překlepy. - Pokud budete mít jednou facebook, podruhé facebok, a potřetí Facebook, máte tři různé zdroje a v analytice pěkný bo***l. - LEADY: - Leady.cz identifikuje firemní návštěvníky webu. Řekne, jaká firma přistoupila na váš web, co ji zajímalo, a doplní další informace jako obrat, počet zaměstnanců, obor, adresu a ověřené kontakty. - Umožňuje uživatelům identifikovat nové klienty, více vytěžovat ty stávající a monitorovat své kampaně či online aktivity. - Leady.cz je obchodní a marketingový nástroj vhodný pro jakoukoliv B2B firmu, která má aktivní obchod nebo marketing. - Na rozdíl od ostatních nástrojů neříká jen počet návštěv webu, ale i kdo konkrétně ti návštěvníci jsou. - LEADY FUNKCE: - Zjistit, jestli návštěvník webu přichází z nějaké firmy. Leady.cz umožňují identifikovat cca polovinu firemních návštěv. - Identifikovat, o jakou firmu jde, její název, IČ, odvětví, obrat, počet zaměstnanců a kontaktní osobu. - Poslat údaje o identifikované návštěvě do Google Analytics a propojit tak data o firmách s online marketingovými daty a daty o chování prospektů na webu. - Díky tomu můžete zjistit, z jaké kampaně firma přišla, nebo jak se pro vás relevantní tržní segment firem chová na vašem webu v porovnání s ostatními návštěvami. - Propojit data o firemní návštěvnosti z Google Analytics s vaším CRM systémem a dát tak obchodníkům tipy na to, o jaké produkty a služby se konkrétní firma na vašem webu zajímala a marketérům zase to, zda jejich marketingové kampaně vedou k uzavírání skutečných obchodů. - Cílit remarketingové kampaně v Google Adwords pouze na firmy, které jsou pro vás relevantní (ať už podle obratu, odvětví nebo počtu zaměstnanců). - Nástroj jde za hranici běžné analytiky díky předchozí znalosti o návštěvnících. Pro-pojením zdroje návštěvy, chování na webu a CRM databáze tak získává firma na B2B trhu velmi silný nástroj jak optimalizovat své obchodní činnosti a to díky návštěvě potenciálního zákazníka (partnera) na webové stránce. - RYCHLOST WEBOVÉ STRÁNKY: - Kromě chování zákazníků a uživatelů webu je důležité sledovat také jakou rychlostí se web načítá a jaké možné problémy se na něm z hlediska svižnosti vyskytují. Víme že každá sekunda navíc uživatele odradí a raději z webu odejde. Statistiky jsou v tomto neúprosné. - Jak firmy tak marketingové agentury, které vytváří online kampaně by měly u svých webových stránek a klientů vždy před spuštěním propagace prověřit, zda nebudou vodit zákazníky na příliš pomalý web a tím dramaticky sníží efektivitu vynaložených prostředků na kampaně. - PageSpeed Insights: - Po zadání vámi vybrané webové stránky a stisknutí tlačítka analyzovat dostanete report rychlosti na mobilním zařízení i na desktopu (počítači). - Co je u tohoto nástroje velmi důležité jsou také podrobné výsledky které umožní prohlédnout si hlavní příčiny zpomalení načítání. - Někdy to může být taková banalita jako je špatná komprese fotografií, jindy zase hlubší problém s CSS styly, které jsou u webu použity.