<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>NaH1 &#187; Clicktale</title>
	<atom:link href="http://blog.h1.cz/tag/clicktale/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.h1.cz</link>
	<description>Weblog poradenské společnosti H1.cz</description>
	<lastBuildDate>Wed, 28 Jul 2010 14:00:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Open Monday: Ladíme konverzní schopnosti webu &#8211; 3 nástroje v akci</title>
		<link>http://blog.h1.cz/open-monday-ladime-konverzni-schopnosti-webu-3-nastroje-v-akci/</link>
		<comments>http://blog.h1.cz/open-monday-ladime-konverzni-schopnosti-webu-3-nastroje-v-akci/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 09:01:52 +0000</pubDate>
		<dc:creator>H1.cz</dc:creator>
				<category><![CDATA[Akce H1.cz]]></category>
		<category><![CDATA[Clicktale]]></category>
		<category><![CDATA[Google Website Optimizer]]></category>
		<category><![CDATA[MYX]]></category>
		<category><![CDATA[nástroje]]></category>
		<category><![CDATA[Open Monday]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=2777</guid>
		<description><![CDATA[
<p>Na Open Monday představil konzultant H1.cz Petr Havlík tři osvědčené
nástroje pro optimalizaci konverzních schopností webu. Věnoval se
i postupu, který se při optimalizaci osvědčil.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Optimalizace konverzních schopností webu je velmi aktuálním tématem a
díky zvyšující se dostupnosti a kvalitě analytických nástrojů nabývá
na významu. <a title="Profil Petra Havlíka"
href="http://www.h1.cz/tym#havlik">Petr Havlík</a> ve své přednášce popsal
postup, který běžně <a title="Hlavní stránka H1.cz"
href="http://www.h1.cz">v H1.cz</a> používáme. Podrobně také představil
3 konkrétní nástroje, které se nám osvědčily: <a
title="Webová prezentace MYXu" href="http://www.myx.cz/">mYx­.cz</a>, <a
title="Webová prezentace Clicktale"
href="http://www.clicktale.com/">Clicktale</a> a <a
title="Webová prezentace Google Website Optimizeru"
href="http://www.google.com/websiteoptimizer/">Website Optimizer</a>.
Přednáška rovněž obsahuje řadu zajímavostí – víte například, proč
Amazon může některé produkty prodávat s nulovou marží?</p>

<p>
				<a href="/wp-content/plugins/nah1/openmonday.php?video=openmonday-20091019-petrhavlik&amp;slide=slideshare-091020192838-phpapp01&amp;KeepThis=true&amp;TB_iframe=true&amp;height=440&amp;width=980" title="Open Monday" class="thickbox">
				    <img src="/wp-content/plugins/nah1/button.png" alt="Otevřít prezentaci a video vedle sebe" style="border: none;" />
				</a></p>

<h3>Příští Open Monday</h3>

<p>Na příští přednášce Open Monday <a
href="http://www.h1.cz/tym#jirka">Jirka Koutný</a> pro změnu představí SEO
nástroje, které v H1.cz používáme. <a
href="http://www.h1.cz/open-monday">Zajistěte si své místo už teď</a>!</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/open-monday-ladime-konverzni-schopnosti-webu-3-nastroje-v-akci/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Testování stránek pomocí nástroje Clicktale</title>
		<link>http://blog.h1.cz/testovani-stranek-pomoci-nastroje-clicktale/</link>
		<comments>http://blog.h1.cz/testovani-stranek-pomoci-nastroje-clicktale/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 08:40:10 +0000</pubDate>
		<dc:creator>Petr Havlík</dc:creator>
				<category><![CDATA[Testování webu]]></category>
		<category><![CDATA[Clicktale]]></category>
		<category><![CDATA[nástroje]]></category>
		<category><![CDATA[Použitelnost]]></category>
		<category><![CDATA[testování]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=1680</guid>
		<description><![CDATA[
<p>Nástroj Clicktale slibuje ještě silnější zbraně pro optimalizaci webu,
a to díky možnosti sledovat chování uživatele na stránkách. Otestovali
jsme s ním jeden rozsáhlý web. Zjistěte, jak Clicktale zafungoval a jak se
dá se získanými daty pracovat.</p>
]]></description>
			<content:encoded><![CDATA[
<p>V dubnu a květnu jsme na <strong>stránkách <a
title="Cestovní portál eTravel.cz" href="http://www.etravel.cz">eTravel.cz</a>
provedli testování pomocí <a title="Stránky nástroje Clicktale"
href="http://www.clicktale.com/">nástroje Clicktale</a></strong>. Ten
umožňuje sledování uživatelů a jejich chování na webu. Protože je
Clicktale pro většinu čtenářů asi neznámý, věnuji úvod článku jeho
představení a stručnému popisu jednotlivých výstupů, které nabízí. Ve
zbytku textu se pak budu věnovat jeho použití pro optimalizaci webu
eTravel.cz.</p>

<h3>Představení Clicktale</h3>
 Clicktale je nástroj, který s určitými omezeními kombinuje kvantitativní
i kvalitativní výzkum. Nabízí přitom velmi zajímavé výstupy:
<ul>
	<li><strong>Form analytics </strong>umožňuje komplexní sledování interakce
	uživatele s formulářem na stránce. Pomocí něj lze např. zjistit, které
	z polí je uživateli v průměru vyplňováno nejdéle (a tím pádem by tedy
	zasluhovalo upravit). Lze dokonce sledovat, jaké konkrétní hodnoty
	jednotliví uživatelé vyplňují (vhodné pro testování problematických
	polí, typicky např. formát telefonního čísla či PSČ).</li>
</ul>
 <a
href="http://blog.h1.cz/wp-content/uploads/clicktalecom-form-analytics2.png"><img
class="size-medium wp-image-1982"
src="http://blog.h1.cz/wp-content/uploads/clicktalecom-form-analytics2-480x243.png"
alt="Nástroj Form Analytics v Clicktale" width="480" height="243"
/></a>
<ul>
	<li>Dalším zajímavým výstupem je <strong>Scroll Mapa</strong>
	zobrazující, která část stránky je pro uživatele nejvíce atraktivní.
	Princip měření je založen na sledování pozice posuvníku v prohlížečia
	 všechna měření jsou následně agregována. Měření tedy není tak
	dokonalé jako u klasického <abbr
	title="Sledování pohybu očí uživatele pomocí speciální kamery.">eye-trackingu</abbr>,
	ale pro získání alespoň hrubé představy určitě postačí. Součástí
	Scroll Mapy je ještě <strong>Link Analytics</strong>, tedy detailní
	monitorování odkazů na stránce (počty kliků, <abbr
	title="Časová prodleva kliknutí po najetí ukazatele na odkaz.">hover
	time</abbr> a <abbr
	title="Celkový čas mezi příchodem na stránku a následným kliknutí na daný odkaz.">time-to-click</abbr>
	a další statistiky).</li>
</ul>
 <a
href="http://blog.h1.cz/wp-content/uploads/clicktalecom-heatmap.png"><img
class="size-medium wp-image-1985"
src="http://blog.h1.cz/wp-content/uploads/clicktalecom-heatmap-480x291.png"
alt="Nástroj Heatmap v Clicktale" width="480" height="291" /></a>
<ul>
	<li>Nejsilnější “zbraní” je ovšem <strong>Visitor Playback</strong>.
	Pomocí vložených JavaScript kódů je návštěva uživatele nahrávána ve
	formě připomínající klasický <abbr
	title="Video-záznam pohybu myší daného uživatele.">screencast</abbr>. Je
	sledován pohyb kurzoru myši, kliknutí a stisk kláves. Samozřejmě nemá
	cenu při vyhodnocování sledovat jednoho návštěvníka po druhém, ale díky
	pokročilým možnostem filtrace (přístupné u placené verze) lze získat
	segment návštěvníků, u kterých to smysl mít bude. Příkladem takového
	segmentu mohou být uživatelé, kteří přišli z rozeslaného e-mailingu a
	navštívili zvolenou konverzní stránku. Následnou analýzou pohybu těchto
	uživatelů po jednotlivých stránkách lze zjistit potenciální
	nedostatky.</li>
</ul>

<p style="text-align: center;"><object width="425" height="344">
	<param name="movie"
	value="http://www.youtube.com/v/2a3eCeOSMMs&amp;hl=cs&amp;fs=1" />
	<param name="allowFullScreen" value="true" />
	<param name="allowscriptaccess" value="always" />
	<embed src="http://www.youtube.com/v/2a3eCeOSMMs&amp;hl=cs&amp;fs=1"
	type="application/x-shockwave-flash" allowscriptaccess="always"
	allowfullscreen="true" width="425" height="344" /></object></p>

<h4>Implementace</h4>
 Nasazení je velmi jednoduché — stačí vložit dva JavaScript kódy do
každé sledované stránky (jeden před počáteční
tag <em>&lt;body&gt;</em> a druhý pak před uzavírací <span
class="misspell">tag</span> <em>&lt;/body&gt;). <span
style="font-style: normal;">Nastavení je ovšem potřeba provádět s určitou
obezřetností, nejlépe po detailní analýze dat z Google Analytics nebo
jiného nástroje pro měření návštěvnosti, pomocí kterého zjistíme
údaje o počtech shlédnutí jednotlivých stránek. Ty budeme potřebovat
kvůli správnému určení procenta uživatelů, které budeme pomocí
Clicktale sledovat (viz omezení na </span><abbr
title="Zjednodušeně řečeno: 1 načtení stránky uživateli = 1 pageview.">pageviews</abbr>
dále v textu<span style="font-style: normal;">).</span></em>
<h4><em><span style="font-style: normal;">Cena</span></em></h4>
 Je nutné poznamenat, že Clicktale je placený nástroj, který funguje na
principu měsíčního „předplatného“. Pro eTravel.cz jsme použili
základní tarif (Bronze, $99), který omezuje měření na 20 tisíc
pageviews. Detailní přehled všech nabízených variant lze nalézt přímo
na <a id="wakd" title="stránkách Clicktale"
href="http://www.clicktale.com/pricing.aspx">stránkách
Clicktale</a>.Clic­ktale se tedy neřadí mezi nejlevnější nástroje,
nicméně jeho výstupy jsou například ve srovnání s konkurenčním <a
title="Nástroj CrazyEgg" href="http://crazyegg.com/">CrazyEgg</a> podstatně
detailnější. Největším přínosem jsou pravděpodobně statistiky
formulářů, u nichž Clicktale nabízí unikátní výstupy, které
například z Google Analytics nelze snadno získat. Na druhou stranu je ale
potřeba zmínit také omezení, která spočívají především v nemožnosti
sledovat dynamicky se měnící obsah stránek – typicky přepínání
záložek či rozevírání nabídek. Nicméně i přes tuto skutečnost jsou
dostupné údaje <strong>cenným zdrojem zpětné vazby a poskytují mnoho
zajímavých informací</strong>.
<h3>Výsledky měření</h3>
 Měření jsme rozdělili na dvě fáze. V první byl měřící kód nasazen
na všech stránkách, ve druhé pak pouze na 6 konkrétních stránek, které
byly zvoleny jako nejdůležitější. Ve zbytku článku se však vzhledem
k jeho rozsahu zaměřím pouze na tři nejzajímavější stránky z druhé
etapy, přičemž stručně okomentuji získané výsledky.
<h4>Titulní stránka</h4>
 Na titulní stránce nás zajímala především interakce uživatelů
s formulářem sloužícím pro vyhledání zájezdu dle preferencí
uživatele.
<p><a
href="http://blog.h1.cz/wp-content/uploads/titulka_etravel.jpg"><img
class="size-medium wp-image-1700 " style="border: 1px solid black;"
src="http://blog.h1.cz/wp-content/uploads/titulka_etravel-479x330.jpg"
alt="Titulní stránka eTravel.cz - výstup z Clicktale" width="479"
height="330" /></a></p>

<p>Měřením jsme zjistili, že vyhledávací pole na titulní stránce
používá necelých 40 % uživatelů a jeho vyplnění jim zabere v průměru
50 s.</p>

<p>Z výstupu je patrné, že některé prvky formuláře mají podstatně
větší „klikavost“ než ostatní. V nově připravované verzi tedy
jednotlivé prvky lépe uspořádáme podle priorit. Zároveň  odstraníme
některé prakticky nepoužívané prvky – konkrétně například skupinu
radio-buttonů v pravém horním rohu a dále pak také odkaz na nápovědu
(<em>Chci s hledáním poradit</em>) v levém dolním rohu.</p>
Dále je vidět, že nezanedbatelné procento kliků směřovalo na záložky
pod formulářem, ovšem preference jednotlivých zemí na jednotlivých
záložkách se dosti liší. Rozhodli jsme se tedy vytvořit novou záložku
s nejpopulárnějšími destinacemi, jejímž cílem bude zjednodušení a
zrychlení navigace.
<h4><strong>Katalog hotelů</strong></h4>
 <a
href="http://blog.h1.cz/wp-content/uploads/kataloghotelu_etravel.jpg"><img
class="size-medium wp-image-1695" style="border: 1px solid black;"
src="http://blog.h1.cz/wp-content/uploads/kataloghotelu_etravel-448x480.jpg"
alt="kataloghotelu_etravel" width="448" height="480" /></a>
<p style="text-align: left;"></p>

<p style="text-align: left;">Na této stránce je podobně jako na titulní
stránce nejčastější akcí uživatele vyhledávání (necelých 30 %),
takže by mu měla být věnována velká pozornost. Z výstupu je patrné, že
některé země (Egypt, Řecko) dominují nad těmi ostatními, jejich řazení
by tomu tedy mělo být přizpůsobeno. V připravované verzi proto nahradíme
řazení abecední řazením podle populárnosti a stejnou úpravu provedeme
u volby parametrů.</p>

<p style="text-align: left;">Samotný výpis hotelů bude rovněž
přepracován – odebereme stránkování v horní části a nabízené
možnosti zobrazení, které jsou uživateli prakticky ignorovány. Tím by
mělo dojít k výraznému zjednodušení celé stránky.</p>

<h4><strong>Stránka země Řecko</strong></h4>

<div><strong> </strong></div>

<p style="text-align: center;"><a
href="http://blog.h1.cz/wp-content/uploads/recko_etravel.jpg"><img
class="size-medium wp-image-1699  aligncenter" style="border: 1px solid black;"
src="http://blog.h1.cz/wp-content/uploads/recko_etravel-276x480.jpg"
alt="Země Řecko - výstup z Clicktale" width="276" height="480" /></a></p>

<p>Na stránce věnované <a title="Portál eTravel.cz"
href="http://www.etravel.cz/recko">zájezdům do Řecka</a> se hezky potvrdilo,
že <strong>oblast pod přehybem stránky je pro většinu uživatelů prakticky
neviditelná</strong>. Při jejím novém návrhu tedy budeme toto zjištění
respektovat a úplně odebereme výpis konkrétních zájezdů pod mapou. Tím
by mělo dojít k celkovému zpřehlednění stránky.</p>
Další změny se týkají způsobu výpisu jednotlivých letovisek v horní
části stránky. Těm nejčastěji navštěvovaným dáme větší vizuální
prioritu a samotný box s letovisky rovněž zvýrazníme – jedná se
totiž o nejvíce používaný prvek stránky.
<h4><strong>Závěrem</strong></h4>
 Některá z doporučení by bylo jistě možné učinit i bez použití
Clicktale. Tato doporučení lze označit za tzv. best-practices, které se
osvědčily během letitých zkušeností s uživatelským testováním.
Neměli bychom ovšem zapomínat, že část závěrů bude ryze subjektivního
charakteru, takže by mohly být v rozporu s tím, jak uživatelé web
skutečně používají. Například výše zmíněná prioritizace prvků
u složitých formulářů by bez Clicktale byla velmi obtížná, ne-li
nemožná.
<p>Na problém subjektivnosti bychom při úpravách neměli zapomínat. Pomocí
Clicktale (a jemu podobných nástrojů) si svoje hypotézy můžeme ověřit a
následně je buďto přijmout anebo naopak zamítnout. Připravte se na to, že
pravděpodobně budete velmi často překvapeni tím, jak je chování
uživatelů diametrálně odlišné od vašich očekávání.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/testovani-stranek-pomoci-nastroje-clicktale/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
