<?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; testování</title>
	<atom:link href="http://blog.h1.cz/tag/testovani/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.h1.cz</link>
	<description>Weblog poradenské společnosti H1.cz</description>
	<lastBuildDate>Tue, 07 Feb 2012 16:03:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Nejzajímavější zdroje o zvyšování konverzních schopností webu</title>
		<link>http://blog.h1.cz/nejzajimavejsi-zdroje-o-zvysovani-konverznich-schopnosti-webu/</link>
		<comments>http://blog.h1.cz/nejzajimavejsi-zdroje-o-zvysovani-konverznich-schopnosti-webu/#comments</comments>
		<pubDate>Wed, 26 May 2010 14:37:58 +0000</pubDate>
		<dc:creator>Michal Pařízek</dc:creator>
				<category><![CDATA[Použitelnost]]></category>
		<category><![CDATA[Testování webu]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[nejzajímavější zdroje]]></category>
		<category><![CDATA[testování]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=3444</guid>
		<description><![CDATA[
<p>Po delší odmlce vám přinášíme další seznam užitečných zdrojů
z oblasti internetového marketingu. Tentokrát jsme se zaměřili na
zvyšování konverzních schopností webu a webovou analytiku.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>O <strong>zvyšování konverzních schopností webů</strong> se
v poslední době začíná hodně mluvit i v České Republice<strong>.
</strong>Jedním z důkazů je naše <a
href="http://www.h1.cz/kurz-zvysovani-konverznich-schopnosti"
target="_self">nové školení, které se na toto téma zaměřuje</a>, a které
se setkalo s velkým zájmem. Rozhodli jsme se proto navázat na <a
href="http://blog.h1.cz/tag/nejzajimavejsi-zdroje/" target="_self">náš seriál
z loňského roku</a> a podělit se s vámi o ty <strong>nejzajímavější
zdroje</strong> z této oblasti.</p>

<p>Zvyšování konverzních schopností webu je poměrně širokým tématem, a
proto se zaměření jednotlivých informačních zdrojů celkem liší.
V přehledu naleznete jak úzce zaměřené blogy (např. <a
href="http://websiteoptimizer.blogspot.com/" target="_self">Google Website
Optimizer Blog</a>), tak blogy, které pokrývají širší spektrum oblastí
(např. <a href="http://www.roirevolution.com/blog/" target="_self">The ROI
Revolution Blog</a>).</p>

<p>Přehled je rozdělený na dvě části. V první části představujeme
nejzajímavější <strong>odborné blogy</strong>. Převážná většina je
v anglickém jazyce, ale na to jste už jistě zvyklí. V druhé části pak
představíme dva weby, kde jsou zajímavým způsobem agregovány
<strong>případové studie A/B testování</strong>. Proč zajímavým? Vždy
předtím, než si prohlédnete případovou studii, máte možnost si tipnout,
která verze stránky byla úspěšnější. Výs­ledky vás pak nezřídka
překvapí a právě tak utvrdí v důležitost testování.</p>

<h3>Odborné blogy</h3>
 <strong>Conversion Rate Experts Blog</strong> (<a
href="http://www.conversion-rate-experts.com/blog/">www.conversion-rate-experts.com/blog</a>)
<p>Conversion Rate Experts je londýnská konzultační společnost, která se
zaměřuje výlučně na zvyšování konverzních schopností webů. Ve svém
oboru patří k <strong>nejuznávanějším firmám na světě</strong>. Na
svém blogu v průběhu podzimu nevydali ani jeden článek, ale na jaře byli
aktivnější a publikovali několik zajímavých příspěvků. Za zmínku
stojí např. nedávná <a
href="http://www.conversion-rate-experts.com/seomoz-case-study/">případová
studie SEOmoz</a> nebo <a
href="http://www.conversion-rate-experts.com/articles/101-google-website-optimizer-tips/">101 tipů
ke Google Website Optimizeru</a>. Doporučujeme proto tento blog i přes
nepravidelnou aktualizaci sledovat.</p>

<p><strong>The ROI Revolution Blog</strong> (<a
href="http://www.roirevolution.com/blog/">www.roirevolution.com/blog</a>)</p>

<p>ROI Revolution je další úspěšnou konzultační firmou působící
v USA. Mají <strong>širší nabídku služeb</strong> než Conversion Rate
Experts a odráží se to i na jejich blogu. Mimo článků o zvyšování
konverzních schopností webů publikují i články, které se týkají
sociálních sítí, online reklamy a webové analytiky. Z posledních
článků doporučujeme <a
href="http://www.roirevolution.com/blog/2010/03/maximize_your_google_website_optimizer_wins_with_t.html">Segmentace
u testů v Google Website Optimizeru</a>.</p>

<p><strong>Google Website Optimizer Official Blog</strong> (<a
href="http://websiteoptimizer.blogspot.com/">websiteoptimi­zer.blogspot.com</a>)</p>

<p>Tento blog je oficiálním blogem nástroje Google Website Optimizer, a proto
pokud tento nástroj používáte nebo o jeho využití uvažujete,
doporučujeme tento blog sledovat. Objevují se zde zajímavé případové
studie, rady a tipy a také informace o plánovaných odstávkách a
updatech.</p>

<p><strong>Occam’s Razor by Avinash Kaushik</strong> (<a
href="http://www.kaushik.net/avinash/">www.kaushik.net/avinash</a>)</p>

<p>Avinash Kaushik je přední světový guru webové analytiky. Tento
charismaticky Ind se podílí na vývoji Google Analytics a je autorem
bestsellerů <a href="http://www.webanalyticshour.com/">Web Analytics: An Hour a
Day</a> a <a
href="http://www.amazon.com/Web-Analytics-2-0-Accountability-Centricity/dp/0470529393">Web
Analytics 2.0</a>. Na svém blogu už po několik let publikuje nesmírně
<strong>zajímavé články o všem, co se točí kolem webové
analytiky</strong>, která se zvyšování konverzních schopností webu úzce
dotýká. Nenechte se zastrašit délkou jednotlivých příspěvků, po jejich
dočtení nebudete litovat.</p>

<p><strong>20 bits</strong> (<a href="http://20bits.com/">20bits.com</a>)</p>

<p>20 bits.com píše Jesse Farmer. Jesse je programátor z Kalifornie,
který, jak sám tvrdí, je <strong>posedlý daty</strong>. Na svém blogu
publikuje zajímavé články hlavně o A/B testování a sociálních
sítích. Některé články jsou poněkud techničtějšího rázu, ale
rozhodně stojí za přečtení. Velmi hezky např. vysvětluje <a
href="http://20bits.com/articles/statistical-analysis-and-ab-testing/">statistiku
v pozadí A/B testování</a> nebo <a
href="http://20bits.com/articles/speed-vs-certainty-in-ab-testing/">problematiku
rychlosti a jistoty výsledků u A/B testování</a>.</p>

<p><strong>Conversion Room Blog</strong> (<a
href="http://conversionroom.blogspot.com/">conversionro­om.blogspot.com</a>)</p>

<p>Conversion Room Blog je opět blogem společnosti Google, tentokrát
zaměřený obecně na <strong>zvyšování konverzí</strong>. Kromě článků
věnovaných práci s Google Website Optimizerem, tu pravidelně najdete
i rady, návody a novinky týkající se dalších Google nástrojů, zejména
Google AdWords a Google Analytics.</p>

<p><strong>Optimics Blog</strong> (<a
href="http://www.optimics.cz/blog">www.optimics.cz/blog</a>)</p>

<p>Optimics je asi <strong>první českou společností</strong>, která se
zaměřuje primárně na zvyšování obchodní výkonnosti webů a webovou
analytiku. Tuto společnost založili v roce 2009 náš bývalý kolega
z H1.cz, Martin Snížek, a organizátor <a
href="http://www.webanalyticswednesday.cz/" target="_self">Web Analytics
Wednesday</a>, Jiří Brázda. Na firemním blogu Optimics najdete velmi dobré
články, které se točí okolo zvyšování konverzních schopností webu.
Doporučujeme také <a
href="http://www.optimics.cz/c/optimalizace-webu-kentico-software-kompletni-pripadova-studie"
target="_self">povedenou případovou studii Kentico Software</a>.</p>

<h3>Sbírky případových studií zaměřených na A/B testování</h3>

<p><strong>Anne Holland’s Which Test Won?</strong> (<a
href="http://whichtestwon.com/">whichtestwon­.com</a>)</p>

<p>Web WhichTestWon, který je dílem marketingové specialistky a vydavatelky
Anne Holland, obsahuje <strong>sbírku provedených A/B testů</strong>. Jak
jsem již psal v úvodu tohoto článku, u každého testu si můžete před
prohlédnutím výsledků tipnout vítěze. Určitě se leckdy zmýlíte a
přesvědčíte se, že zdánlivě lepší varianta (alespoň podle
<em>best-practices</em>) nemusí být ve skutečnosti tím nejlepším
řešením. Bez testování to prostě někdy nejde a ani sebelepší expert
nemusí mít vždy pravdu.</p>

<p>Kromě sbírky A/B testů na webu najdete i velice dobrý <a
href="http://whichtestwon.com/testing-glossary/testing-glossary-2"
target="_self">slovník pojmů</a> nebo <a
href="http://whichtestwon.com/thank-you-for-downloading-the-free-which-test-won-pdf"
target="_blank">rady, jak prosadit testování ve své firmě (PDF)</a>.</p>

<p><strong>ABtests.com</strong> (<a
href="http://www.abtests.com/">www.abtests.com</a>)</p>

<p>Princip tohoto webu je stejný jako v případě <em>Anne Holland’s Which
Test Won?</em> Také zde naleznete sbírku provedených A/B testů a můžete si
tipnout vítěze testu. Nenajdete zde ale žádný doplňkový materiál typu
slovník pojmů nebo rady a tipy. Případové studie se ale liší od <a
href="http://whichtestwon.com/" target="_self">sbírky Anne Holland</a>, a proto
také stojí za prohlédnutí.</p>

<p>To je z dnešní sbírky užitečných zdrojů vše. Našli jste v seznamu
weby, které také čtete? Nebo máte jiné favority? Jsme přesvědčeni, že
existuje nespočet dalších kvalitních zdrojů o zvyšování konverzních
schopností webu. Pokud o nějakém víte, podělte se o něj s námi
v diskusi!</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/nejzajimavejsi-zdroje-o-zvysovani-konverznich-schopnosti-webu/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Listopadová poslední středa o konverzních schopnostech webu</title>
		<link>http://blog.h1.cz/listopadova-posledni-streda-o-konverznich-schopnostech-webu/</link>
		<comments>http://blog.h1.cz/listopadova-posledni-streda-o-konverznich-schopnostech-webu/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 07:30:43 +0000</pubDate>
		<dc:creator>H1.cz</dc:creator>
				<category><![CDATA[Akce H1.cz]]></category>
		<category><![CDATA[akce]]></category>
		<category><![CDATA[nástroje]]></category>
		<category><![CDATA[Poslední středa]]></category>
		<category><![CDATA[Použitelnost]]></category>
		<category><![CDATA[testování]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=2970</guid>
		<description><![CDATA[
<p>Potřebujete zvýšit konverzní poměr? Na Poslední středě jsme
představili několik nástrojů, které vám mohou pomoci. Podívejte se na
prezentaci.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Listopadová poslední středa byla věnována aktuálnímu tématu
<strong>optimalizace konverzních schopností webu</strong> za pomoci
nástrojů, které jsou v poslední době na vzestupu a které nabízejí
zajímavé výstupy. Vedle konzultantů H1.cz se přišli zejména
provozovatelé e-shopů, pro které je využití těchto nástrojů asi
nejzajímavější.</p>
V úvodní přednášce <strong>Petr Havlík doporučil</strong>, jak při
<strong>hledání a odstraňování problematických míst</strong> na webu
postupovat. Prezentace samotná pak byla zaměřena především na
<strong>představení jednotlivých nástrojů</strong> i dalších způsobů,
jak získat <strong>užitečná data o návštěvnících webu</strong>.
<h3>Prezentace tedy pokryla tyto okruhy:</h3>

<ul>
	<li><strong>Obecně doporučovaný postup hledání problematických míst
	</strong>na webu a jejich nápravy,</li>

	<li><strong>kategorizace nástrojů</strong>, které lze pro získání
	kvalitativních dat využít,</li>

	<li>popis a příklady<strong> výstupů z těchto nástrojů</strong>,</li>

	<li><strong>Zajímavosti</strong> ze světa optimalizace.</li>
</ul>
 Součástí prezentace bylo několik kvizo­vých otázek, na kterých jsme
mj. otestovali přesnost nástroje <a title="Odkaz na Attention Wizzard"
href="http://www.attentionwizard.com/">Attention Wizzard</a>.
<div style="width:425px;text-align:left" id="__ss_2613176"><a
style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;"
href="http://www.slideshare.net/h1cz/posledn-steda-na-tma-konverzn-schopnosti-webu"
title="Poslední středa na téma konverzní schopnosti webu">Poslední středa
na téma konverzní schopnosti webu</a><object style="margin:0px" width="425"
height="355">
	<param name="movie"
	value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=poslendistreda-20091125-petrhavlik-ss-091130055120-phpapp01&amp;stripped_title=posledn-steda-na-tma-konverzn-schopnosti-webu"
	/>
	<param name="allowFullScreen" value="true" />
	<param name="allowScriptAccess" value="always" />
	<embed
	src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=poslendistreda-20091125-petrhavlik-ss-091130055120-phpapp01&amp;stripped_title=posledn-steda-na-tma-konverzn-schopnosti-webu"
	type="application/x-shockwave-flash" allowscriptaccess="always"
	allowfullscreen="true" width="425" height="355" /></object>
	<div
	style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View
	more <a style="text-decoration:underline;"
	href="http://www.slideshare.net/">presentations</a> from <a
	style="text-decoration:underline;"
	href="http://www.slideshare.net/h1cz">H1.cz</a>.</div>
</div>

<h3>Live-testing</h3>
 Listopadová poslední středa byla <strong>díky účastníkům velmi
interaktivní</strong>. Po prezentaci jsme se na popud jednoho z účastníků
pustili do hodnocení jeho e-shopu. Web jsme promítli na projektor a společně
jsme zkusili projít objednávkovým procesem. Stejným způsobem jsme
následně vyzkoušeli několik dalších webů a odhalené chyby (např.
nevhodná podoba košíku, nepřehledná navigace apod.) jsme doplňovali
ukázkovými příklady implementace.
<p>Během tohoto „uživatelského testování“ jsme probrali řadu drobných
nedostatků, což se stalo velmi hodnotným feedbackem pro všechny
zúčastněné. V řadě případů <strong>byla některá problematická
místa trochu sporná</strong> a rozvinula se kolem nich zajímavá debata.
Vždy jsme se ale nakonec shodli na určitém řešení, které by v případě
daného webu přispělo ke zlepšení.</p>

<p>Poslední středa se tedy protáhla, nikdo z přítomných si ale
nestěžoval, spíš naopak. Zapojení účastníků se osvědčilo a určitě
bychom jej chtěli příště zopakovat.</p>

<p>Připomínáme, že <strong>prosincová Poslední středa se
nekoná</strong>. Lednové téma ještě není vypsáno a <a
title="Stránky Poslední středy H1.cz"
href="http://www.h1.cz/posledni-streda">zveřejníme jej na začátku
roku</a>.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/listopadova-posledni-streda-o-konverznich-schopnostech-webu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Staré pravdy a nová zkracovadla</title>
		<link>http://blog.h1.cz/stare-pravdy-nova-zkracovadla/</link>
		<comments>http://blog.h1.cz/stare-pravdy-nova-zkracovadla/#comments</comments>
		<pubDate>Tue, 15 Sep 2009 10:36:34 +0000</pubDate>
		<dc:creator>Vladimír Saur</dc:creator>
				<category><![CDATA[Použitelnost]]></category>
		<category><![CDATA[heuristická analýza]]></category>
		<category><![CDATA[testování]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=2304</guid>
		<description><![CDATA[
<p>Pravidla heuristického testování mohou být trochu zrádná – pro
každý web se různí důležitost jednotlivých pravidel a vyznění
heuristické analýzy tak do značné míry může její autor ovlivnit,
přestože postupuje podle předem dané sady pravidel. Chcete příklad?</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Prakticky od nepaměti (tedy minimálně od doby, co jsem před lety
nastoupil do H1.cz) je ve firemní heuristické analýze použitelnosti jedno
nenápadné pravidlo:</p>

<blockquote>Přesměrovávejte z nesprávných adres tvořených cizími CMS
(s tečkou či závorkou na konci) na správné adresy.</blockquote>

<p>Znamená to, že jakékoli URL webu by mělo fungovat i tehdy, pokud se na
konec přidá tečka, závorka (případně i čárka, středník) –
například by mělo být funkční URL <code>blog.h1.cz/.</code> nebo
<code>blog.h1.cz/)</code>. Ideálně by obě tyto adresy měly být
přesměrovány pomocí stavového kódu 301 na správnou URL
<code>blog.h1.cz</code>.</p>

<p>Ač jsem napsal hezkých pár heuristických analýz, nepamatuji si, že by
to měl nějaký web kdy ošetřeno. Osobně jsem toto pravidlo považoval za
poměrně <strong>málo důležité,</strong> ostatně na webech se většinou
našla řada podstatně <strong>závažnějších prohřešků</strong> proti
dobré použitelnosti. Existuje však typ webů, kde je toto pravidlo naopak
dosti podstané, protože jejich URL se velmi často umísťují právě do
různých CMS, které z textové podoby URL generují aktivní odkaz. Těmito
weby, či spíše webovými službami, jsou <strong>zkracovače URL,</strong>
mající za úkol vytvořit co nejkratší alternativu k existující
adrese.</p>

<p>Mám ještě v živé paměti, jak jsem v duchu spílal autorům těchto
služeb za <strong>nefunkční URL</strong> na Twitteru, která byla
zapříčiněna právě kombinací ne zcela ideálního převodu URL v textu na
aktivní odkaz na straně Twitteru a neošetřeném přesměrování na straně
zkracovadel URL. Dnes se s tímto problémem už nesetkávám, ale vyřešen
byl zřejmě na straně Twitteru, nikoli zkracovadel URL. Jak vidíte
v následující tabulce, ani dnes si řada zkracovadel s chybnými URL
neporadí, některé (<em>twurl.cc</em> a <em>zkracovatko.cz</em>) dokonce
vracejí na chybná URL stavový kód <em>200 OK</em>.</p>

<table border="0">
	<tbody>
		<tr>
			<th>Zkracovátko</th>

			<th>Příklad URL</th>

			<th>Tečka</th>

			<th>Závorka</th>
		</tr>

		<tr>
			<td><a href="http://jdem.cz">http://jdem.cz</a></td>

			<td><a href="http://jdem.cz/bxr64">http://jdem.cz/bxr64</a></td>

			<td>OK</td>

			<td>OK</td>
		</tr>

		<tr>
			<td><a href="http://tr.im">http://tr.im</a></td>

			<td><a href="http://tr.im/wE4y">http://tr.im/wE4y</a></td>

			<td>X</td>

			<td>OK</td>
		</tr>

		<tr>
			<td><a href="http://tinyurl.com">http://tinyurl.com</a></td>

			<td><a href="http://tinyurl.com/r7kwqj">http://tinyurl.com/r7kwqj</a></td>

			<td>X</td>

			<td>OK</td>
		</tr>

		<tr>
			<td><a href="http://bit.ly">http://bit.ly</a></td>

			<td><a href="http://bit.ly/O6RQP">http://bit.ly/O6RQP</a></td>

			<td>OK</td>

			<td>OK</td>
		</tr>

		<tr>
			<td><a href="http://is.gd">http://is.gd</a></td>

			<td><a href="http://is.gd/2nnuH">http://is.gd/2nnuH</a></td>

			<td>OK</td>

			<td>OK</td>
		</tr>

		<tr>
			<td><a href="http://symlink.cz">http://symlink.cz</a></td>

			<td><a href="http://symlink.cz/J9Kl">http://symlink.cz/J9Kl</a></td>

			<td>X</td>

			<td>X</td>
		</tr>

		<tr>
			<td><a href="http://twurl.cc">http://twurl.cc</a></td>

			<td><a href="http://twurl.cc/1gm2">http://twurl.cc/1gm2</a></td>

			<td>X</td>

			<td>X</td>
		</tr>

		<tr>
			<td><a href="http://budurl.com">http://budurl.com</a></td>

			<td><a href="http://budurl.com/myrh">http://budurl.com/myrh</a></td>

			<td>X</td>

			<td>X</td>
		</tr>

		<tr>
			<td><a href="http://zkracovatko.cz">http://zkracovatko.cz</a>, <a
			href="http://tinyurl.cz">http://tinyurl.cz</a></td>

			<td><a href="http://zkracovatko.cz/4r5">http://zkracovatko.cz/4r5</a></td>

			<td>X</td>

			<td>X</td>
		</tr>
	</tbody>
</table>

<p>Pokud byste si sami chtěli otestovat další podobné služby, může vám
pomoci <a href="http://mashable.com/2008/01/08/url-shortening-services/">seznam
zkracovátek URL</a>.</p>

<p>Na zmíněném pravidle se dá hezky ilustrovat jedna <strong>vlastnost
heuristické analýzy</strong> – pravidla, která jsou její součástí (a
aktuální počet pravidel v naší firemní heuristice se pohybuje kolem 270),
jsou obvykle výsledkem nějakého zobecnění situací, které se vyskytly
např. u uživatelských testování. U různých typů webů tak jednotlivá
<strong>pravidla nabývají různé důležitosti.</strong></p>

<p>Přestože je při psaní heuristické analýzy daná sada pravidel, které
se kontrolují, velmi záleží na správném posouzení důležitosti
určitého pravidla pro testovaný web. Osoba autora heuristické analýzy,
potažmo její zkušenosti s použitelností a uživatelským testováním, je
tak velmi důležitá, může zásadním způsobem ovlivnit vyznění analýzy.
Proto se také s našimi heuristickými pravidly příliš netajíme a
například na <a
href="http://www.h1.cz/workshop-uzivatelske-testovani">workshopu uživatelského
testování</a> je účastníci dostávají jako bonus.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/stare-pravdy-nova-zkracovadla/feed/</wfw:commentRss>
		<slash:comments>6</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>
		<item>
		<title>Uživatelské testování použitelnosti na mobilních zařízeních</title>
		<link>http://blog.h1.cz/uzivatelske-testovani-pouzitelnosti-na-mobilnich-zarizenich/</link>
		<comments>http://blog.h1.cz/uzivatelske-testovani-pouzitelnosti-na-mobilnich-zarizenich/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 07:40:06 +0000</pubDate>
		<dc:creator>František Štrupl</dc:creator>
				<category><![CDATA[Použitelnost]]></category>
		<category><![CDATA[mobilní web]]></category>
		<category><![CDATA[testování]]></category>
		<category><![CDATA[usertesting]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=1550</guid>
		<description><![CDATA[
<p>V nedávné době jsme organizovali uživatelské testování použitelnosti
na mobilních telefonech. Některé zkušenosti z průběhu testování
i z něj vyplývající závěry byly celkem zajímavé, a tak bych se
s vámi o ně rád podělil v následujícím článku.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p><em>Internet v mobilních telefonech si díky klesajícím cenám datových
přenosů a rozvoji technologií získává stále více příznivců, a tak se
i mobilní operátoři snaží, aby jeho použití bylo pro zákazníky co
nejjednodušší a nejpřínosnější. Před nějakou dobou nás jeden z nich
oslovil, zda bychom otestovali jeho mobilní portál, a protože zkušenosti
z průběhu testování i z něj vyplývající závěry byly celkem
zajímavé, rád bych se s vámi o ně podělil v následujícím
článku.</em></p>

<h3>Proč testovat na mobilních zařízeních</h3>
V žádném případě nechci tvrdit, že testování na mobilních
zařízeních je vhodné pro každého. Pokud ale přístupy na mobilní verzi
vašeho webu tvoří nezanedbatelný podíl z celkového počtu, nebo je
dokonce váš web určen výhradně pro mobilní zařízení, existuje
<strong>několik dobrých důvodů, proč se do testování pustit:</strong>
<ul>
	<li>Počet uživatelů přistupujících na internet prostřednictvím
	mobilních zařízení neustále roste, a to meziročně řádově až o stovky
	procent. (<em>Zdroj: <a href="http://www.opera.com/smw/2008/11/">State of the
	Mobile Web, November 2008</a></em>)</li>

	<li>Velká část uživatelů internetu se již celkem dobře naučila
	používat webové stránky v běžných prohlížečích. Mnohem menší
	zkušenosti však mají s ovládáním webů v mobilu. K tomu je potřeba
	při návrhu a úpravách mobilních webů přihlížet a právě uživatelské
	testování pro vás může být v tomto případě dobrým vodítkem.</li>

	<li>Na poli mobilních zařízení panuje mnohem větší různorodost
	v platformách, které mohou uživatelé pro přístup ke stránkám
	používat. Zatímco běžné webové prohlížeče se z hlediska zobrazování
	a ovládání webových stránek liší jen minimálně, u mobilních
	zařízení hraje použitá platforma stále velmi významnou roli.</li>
</ul>

<h3>Specifika testování na mobilních zařízeních</h3>
Mobilní zařízení obecně, a mobilní telefony zvlášť, se od běžného
počítače s velkou obrazovkou, klávesnicí a myší liší v mnoha
ohledech, a tomu je potřeba přizpůsobit i průběh testování:
<ul>
	<li>Pro záznam průběhu testování například <strong>nelze použít
	software snímající dění na obrazovce</strong> tak, jak to děláme
	v případě klasických testování.</li>

	<li>Aby výsledky testování nebyly znehodnoceny neschopností uživatele
	vybrané zařízení používat, je rozumné provádět testování <strong>na
	zařízeních patřících přímo testovaným osobám,</strong> nebo aspoň
	takových, na jaká jsou zvyklí. Na to je dobré myslet již při rekrutaci
	testerů.</li>

	<li>Testování by mělo probíhat <strong>v prostorách s dobře nastaveným
	osvětlením.</strong> Jednak je totiž potřeba, aby uživatelé dobře viděli
	na displej, a navíc, pokud se rozhodnete nahrávat testování videokamerou,
	tak aby také záznam z ní byl dobře čitelný.</li>
</ul>

<h3>Jak jsme testovali my</h3>
Před sestavením scénáře testování jsme si museli s klientem ujasnit
některé otázky, které byly pro realizaci testování stěžejní. Zejména
jsme potřebovali vědět:
<ul>
	<li>Jaký má být výstup z testování a k čemu budou výsledky
	použity.</li>

	<li>Jaká mobilní zařízení mají být pro testování použita.</li>

	<li>Které služby jsou nejpoužívanější a jaké stránky
	nejnavštěvovanější.</li>

	<li>Jak mají být v rámci testování zastoupeni různě pokročilí
	uživatelé.</li>
</ul>

<p>Na základě těchto informací jsme nakonec testování prováděli na
skupině přibližně <strong>deseti osob,</strong> v rámci které byli
mírně pokročilí uživatelé mobilního internetu zastoupeni přibližně
z jedné čtvrtiny a zbytek tvořili pokročilejší uživatelé.</p>
Co se týče různých mobilních zařízení, testovali jsme na mobilních
telefonech, které uživatelé pro přístup na daný web nejčastěji
používají. V našem případě se tedy jednalo například o Samsung E250,
Sony Ericsson K800i nebo Nokia 6300. Při volbě vhodných zařízení je
obecně dobré vycházet z toho, že se všechna dají zařadit do některé z
„rodin“ definovaných vlastnostmi jako jsou:
<ul>
	<li>Velikost displeje,</li>

	<li>rozlišení displeje,</li>

	<li>vstupní zařízení (stylus, číselná klávesnice, QWERTY klávesnice
	apod.),</li>

	<li>operační systém, firmware či prohlížeč.</li>
</ul>

<p>Při rekrutaci vhodných testerů si pak nemusíte tolik lámat hlavu
s tím, jaké konkrétní zařízení by měl používat, ale stačí vám
vybírat vhodné kandidáty právě podle příslušnosti k definovaným
„rodinám“.</p>
Scénář testování, který jsme na základě informací od klienta a záměru
testování sestavili, zahrnoval následující části:
<ul>
	<li>Krátký úvodní rozhovor.</li>

	<li>Plnění uživatelských úkolů.</li>

	<li>Závěrečný rozhovor a vyplnění krátkého dotazníku.</li>
</ul>

<p>Pro dotazník jsme se rozhodli i s vědomím, že na základě tak malého
vzorku nelze dělat žádné kvantitativní závěry. Nakonec však byly
některé získané poznatky velmi cenné a ještě se jim budu
věnovat dále.</p>

<p>Celé testování jsme zaznamenávali videokamerou zaměřenou na displej
mobilního telefonu s dostatečným přiblížením, aby bylo možné záznam
zpětně analyzovat.</p>

<h3>Zajímavá zjištění</h3>

<h4>Datový objem stránek</h4>

<p>Jako velký problém se ukázala datová velikost stránek. Ta ovlivňuje
rychlost jejich načítání, a pokud se to neděje dostatečně rychle,
uživatele to nejen odrazuje, ale často také vede k jejich zmatení.</p>

<h4>Přehlednost stránek</h4>

<p>Zatímco u klasického webu se již uživatelé naučili poměrně rychle
orientovat i ve větším množství informací, na mobilních zařízeních
s omezeným zobrazovacím prostorem je nutné klást mnohem větší důraz na
jednoduchost a přehlednost stránek.</p>

<h4>Navigační mechanizmy</h4>

<p>Na rozdíl od klasického webu, kde více navigačních mechanizmů, pokud
jsou použity promyšleně, může uživatelům používání stránek značně
zjednodušit, u mobilního webu se zdá být efektivnějším způsobem
použití pouze jedné dobře propracované navigace. Přehlednost zmiňovaná
v předchozím odstavci by měla být dodržena i v rámci navigace, zejména
pak pokud jde o počet odkazů zobrazených na stránce.</p>

<h4>Obsah nad a pod přehybem</h4>

<p>Většina lidí zabývajících se použitelností webových stránek ví,
že tzv. přehyb (část stránky viditelná při daném rozlišení po jejím
načtení bez použití posuvníku) hraje při prezentaci informací na stránce
významnou roli. Při testování na mobilech se však ukázalo, že
u mobilního webu je přehyb ještě řádově důležitější a často může
pro uživatele být i nepřekonatelnou bariérou.</p>

<h4>Konzistence napříč stránkami</h4>

<p>Velkým problémem pro uživatele bylo, pokud se od sebe jednotlivé stránky
mobilního webu výrazněji lišily celkovým zpracováním. Uživatel si pak
v extrémních případech dokonce nebyl jistý, zda se ještě nachází na
původním webu, nebo zda se již dostal mimo něj. Je důležité si uvědomit,
že mobilní zařízení většinou uživateli poskytuje mnohem méně
kontextových informací, než klasický webový prohlížeč. Uživatel tak ve
většině případů nemá před očima URL, na které se právě nachází, a
často také nevidí titulek jednotlivých stránek, což mu orientaci
ztěžuje.</p>

<h4>Informační architektura</h4>
Informační architektura by měla být u webů určených pro mobilní
zařízení koncipována odlišně, než v případě klasického webu.
Zatímco „doklikat“ se na stránku zanořenu ve třetí či čtvrté úrovni
není u běžného webu pro uživatele ničím neobvyklým, v případě
mobilního webu to problém být může. Pro uživatele je také u mobilního
webu obtížnější vytvořit si na uživatelské zkušenosti založený
mentální model používaného webu. Uživatel by měl mít v každé chvíli
možnost snadno a rychle zjistit:
<ul>
	<li>V jaké části webu se momentálně nachází.</li>

	<li>Jaké jsou možné další kroky.</li>

	<li>Jak se snadno vrátit o krok zpět.</li>
</ul>

<h3>Další zdroje informací</h3>

<ul>
	<li><a href="http://www.useit.com/alertbox/mobile-usability.html">Jakob Nielsen:
	Mobile Web 2009 = Desktop Web 1998</a></li>

	<li><a
	href="http://www.upassoc.org/upa_publications/jus/2005_november/mobile.pdf">Usability
	Testing of Mobile Applications: A Comparison between Laboratory and Field
	Testing</a> (PDF, 274 kB)</li>

	<li><a
	href="http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-usability.shtml">Mobile
	&amp; handheld usability testing – why it matters</a></li>
</ul>

<h3>Závěr</h3>

<p>Uživatelské testování webů na mobilních zařízeních je v našich
končinách zatím spíše v plenkách. S jejich vzrůstajícím počtem a
zvyšující se penetrací mobilního internetu mezi českými uživateli však
bude získávat stále více na důležitosti. A co vy, máte s testováním
mobilních webů nějaké zkušenosti?</p>

<p><strong>Chtěli byste také otestovat svůj mobilní web? <a
href="http://www.h1.cz/testovani-pouzitelnosti">Rádi vám
pomůžeme!</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/uzivatelske-testovani-pouzitelnosti-na-mobilnich-zarizenich/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Ustoupí klasické audity uživatelskému testování přístupnosti?</title>
		<link>http://blog.h1.cz/uzivatelske-testovani-pristupnosti/</link>
		<comments>http://blog.h1.cz/uzivatelske-testovani-pristupnosti/#comments</comments>
		<pubDate>Wed, 27 May 2009 08:33:20 +0000</pubDate>
		<dc:creator>Michal Pařízek</dc:creator>
				<category><![CDATA[Přístupnost]]></category>
		<category><![CDATA[testování]]></category>
		<category><![CDATA[user]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=1295</guid>
		<description><![CDATA[
<p>Mají pravdu kritici klasických auditů přístupnosti, že nejlepším
způsobem, jak ověřit přístupnost webu, je uživatelské testování?
Ztratily audity přístupnosti tedy svůj lesk i budoucnost?</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>V poslední době se často setkáváme s názorem, že klasické <a
href="http://www.h1.cz/audit-pristupnosti">audity přístupnosti</a> jsou
zastaralé a že jediným způsobem, jak lze opravdu prověřit přístupnost
webu, je <strong>uživatelské testování přístupnosti</strong>. Tedy
usertesting s reálně handicapovanými uživateli. Ostatně, zastánci
uživatelského testování přístupnosti mají vlivného příznivce –
Henrika Olsena z renomovaného serveru o použitelnosti <a
href="http://guuui.com/">guuui.com</a>. Své názory obhajuje v článku <a
href="http://www.guuui.com/issues/01_04.php">Accessibility humanized</a>.</p>

<p>Ačkoliv se zde nabízí jednoznačná <strong>paralela se situací ve
zkoumání použitelnosti</strong> (<a
href="http://www.h1.cz/testovani-pouzitelnosti">usertestingy</a> jsou opravdu
o dost účinnější než běžné <a
href="http://www.h1.cz/analyza-pouzitelnosti">analýzy použitelnosti</a>),
přesto se domnívám, že klasické audity přístupnosti svůj lesk neztratily
a jsou stále nenahraditelné. Uživatelské testování přístupnosti je
jistě zajímavým doplňkem, který dokáže povýšit audit přístupnosti na
vyšší úroveň, ale rozhodně ho <strong>nelze považovat za lepší
alternativu</strong>.</p>

<p>Důvody jsou následující:</p>

<h3>Hlavní motivací pro zkoumání přístupnosti je legislativa</h3>

<p>K úsilí o přístupný web nás vedou různé důvody. Některé jsou
pozitivní (hovoří o nich například článek Davida Špinara <a
href="http://www.h1.cz/fol/2005/vydelat-na-pristupnem-webu">Jak vydělat na
přístupném webu</a>), jiné jsou negativní (soulad s legislativou a obava
před postihy). I když by každý rozumný majitel webu měl akcentovat
spíše ty pozitivní motivace, bohužel jsme stále svědky toho, že hlavním
důvodem pro zkoumání přístupnosti je <strong>nutnost souladu
s legislativou</strong>. Majitel webu prostě potřebuje mít jistotu, že jeho
web splňuje ustanovení Zákona o informačních systémech veřejné
správy.</p>

<p>A proto je nezbytné zkoumat web podle <a
href="http://www.pravidla-pristupnosti.cz">pravidel přístupnosti</a>, pěkně
bod po bodu. Bez formálního auditu přístupnosti se pak neobejdeme.</p>

<h3>Některé chyby testeři nemohou odhalit</h3>

<p>Handicapování testeři na <strong>některé chybové aspekty stránky
nenarazí</strong>, i když na ní nesporně jsou. Je-li například
nepřístupný odkaz nevhodně realizován pomocí JavaScriptu, tester na něj
neupozorní, protože se mu může jevit jako běžný text.</p>

<p>Je sice pravděpodobné, že zásadní chyby v přístupnosti budou
v rámci usertestingu odhaleny, avšak pokud chce mít majitel webu jistotu,
že web vyhovuje všem bodům, není jiné cesty než formální audit
přístupnosti.</p>

<h3>Vysoké náklady na realizaci testingu</h3>

<p>Je důležité si uvědomit, že skupina handicapovaných uživatelů je
značně <strong>různorodá</strong> a všichni mají <strong>různé
specifické potřeby</strong>. Například nevidomým uživatelům nevadí
nedostatečný kontrast barev popředí a pozadí, což může být naprosto
klíčové pro slabozraké. Uživatelé s poruchami hybnosti horních končetin
mají jiné potřeby než uživatelé s dyslexií apod.</p>

<p>Pokud by se tedy mělo organizovat uživatelské testování přístupnosti
opravdu komplexně, měli bychom zvolit poměrně širokou skupinu uživatelů a
nezapomenout na žádný typ postižení. A to není zdaleka všechno, museli
bychom také zajistit veškeré typy asistivních technologií (brailské
řádky, hlasové čtečky, softwarové lupy), aby bylo zajištěno skutečně
přirozené prostředí pro testery.</p>

<p>To všechno pochopitelně celou akci značně komplikuje a především
prodražuje. Je nezbytné, aby se i v rámci zkoumání přístupnosti webu
zohledňoval <strong>poměr „cena/výkon“</strong>.</p>

<h3>Naše vlastní zkušenost</h3>

<p>V minulosti se nám několikrát stalo, že zákazník požadoval
k formálnímu auditu přístupnosti ještě menší uživatelské testování
s vybranou skupinou testerů (např. pouze těžce a lehce zrakově
postižení). Ačkoliv to byla velmi inspirativní zkušenost a pomohlo to také
lépe demonstrovat naše zjištění klientovi, <strong>nikdy se nám nestalo,
že se v testování objevilo něco závažného</strong>, co jsme ve
formálním auditu nezaznamenali.</p>

<p>Dokazuje to, že uživatelské testování přístupnosti míjí svůj cíl a
zapomíná na hlavní premisu: za rozumné náklady prověřit stav
přístupnosti webu, odhalit chyby a navrhnout řešení.</p>

<p>A co vy? Jaký je váš názor na vztah klasického auditu přístupnosti a
uživatelského testování přístupnosti?</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/uzivatelske-testovani-pristupnosti/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Optimalizátor konverzí</title>
		<link>http://blog.h1.cz/optimalizator-konverzi/</link>
		<comments>http://blog.h1.cz/optimalizator-konverzi/#comments</comments>
		<pubDate>Mon, 26 Jan 2009 12:50:32 +0000</pubDate>
		<dc:creator>Ladislav Klimek</dc:creator>
				<category><![CDATA[PPC]]></category>
		<category><![CDATA[AdWords]]></category>
		<category><![CDATA[efektivita]]></category>
		<category><![CDATA[nástroje]]></category>
		<category><![CDATA[testování]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=506</guid>
		<description><![CDATA[
<p>Google nabízí v AdWords účtu řadu nástrojů, které lze využít ke
správě kampaní. Jedním z nich je optimalizátor konverzí. Jedná se
o nástroj, který má uživatelům AdWords pomoci se získáním většího
počtu konverzí za nižší cenu. Není o něm příliš slyšet. A pokud
ano, pak spíše v podobě otázek tápajících uživatelů na zkušenosti
s tímto nástrojem.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Google nabízí v AdWords účtu řadu nástrojů, které lze využít ke
správě kampaní. Jedním z nich je <a
href="https://adwords.google.com/support/bin/answer.py?answer=60150&amp;topic=12046">optimalizátor
konverzí</a>. Jedná se o nástroj, který má uživatelům AdWords pomoci se
získáním většího počtu konverzí za nižší cenu. Není o něm
příliš slyšet. A pokud ano, pak spíše v podobě otázek tápajících
uživatelů na zkušenosti s tímto nástrojem.</p>

<h3>Jak optimalizátor konverzí funguje?</h3>

<p>Optimalizátor konverzí pracuje na bázi <strong>CPA
(Cost-Per-Acquisition)</strong>. Tento přístup v praxi funguje tak, že
uživatel nastaví, jakou cenu je ochoten (si může dovolit) zaplatit za
získání jedné konverze (např. objednávky) a nástroj se pak snaží o to,
aby <strong>za nastavených podmínek získal co nejvíce konverzí</strong>.
Hlavní výhoda spočívá v tom, že optimalizátor konverzí předem odhaduje
šanci na uskutečnění konverze v danou chvíli a za daných podmínek. Tomu
přizpůsobí aktuální cenu za klik. Nástroj k této predikci
<strong>využívá dat z historie dané kampaně</strong>. Reálně uživatel
AdWords stále platí za kliky, nikoli až za získanou konverzi, jak by se
někdo mohl domnívat. Nástroj tedy za nastavenou CPA neručí, jen se snaží
optimalizovat cenu tak, aby byla dodržena.</p>

<h3>Není pro každého</h3>

<p>Možná už jsem vás navnadil a těšíte se, až si sami vyzkoušíte, jak
optimalizátor konverzí funguje. Neradujte se ale předčasně. Protože
optimalizátor konverzí zakládá svou předpověď šance na konverzi na
historických datech vaší kampaně, musí mít z čeho vycházet, a tak čím
více konverzí se ve vaší kampani dříve realizovalo, tím má
optimalizátor více statistických dat a větší šanci na úspěšnou
předpověď. A právě v tom je kámen úrazu – nutnou podmínkou
k aktivaci tohoto nástroje je, aby kampaň, ve které chcete nástroj
používat, měla <strong>za posledních 30 dní minimálně
50 konverzí</strong>. Tato podmínka je naprosto logická a nástroj by jinak
nemohl úspěšně pracovat. Limit 50 konverzí je navíc novinkou,
<strong>snižuje se již poněkolikáté</strong>. Ještě donedávna bylo
vyžadováno 100 konverzí za posledních 30 dní a předtím dokonce
200 konverzí. To však, zdá se, v rámci ČR dělalo z tohoto nástroje
výjimečně exkluzivní záležitost.</p>

<h3>Vyzkoušeli jsme</h3>

<h4>Výchozí podmínky pro test</h4>

<p>Optimalizátor konverzí jsem <strong>testoval po dobu plných
5 týdnů</strong> na jedné kampani. Od ukončení testu již uběhla nějaká
doba, abych mohl srovnávat chování kampaně před i po vypnutí
optimalizátoru. Test tohoto nástroje jsem spouštěl ještě v době, kdy byl
<strong>limit pro jeho spuštění 200 konverzí</strong> za posledních
30 dní – tento limit kampaň splňovala a navíc běžela stabilně již
více než rok, proto si myslím, že nashromážděných dat měl
optimalizátor k dispozici více než dost. Na druhou stranu se ale jedná
o <strong>kampaň značně rozsáhlou</strong>, proto variabilita slov, která
konvertují, je značně vysoká. To situaci zase komplikuje. V této kampani
byla před spuštěním optimalizátoru aktivní funkce pokročilého
plánování reklam (Advanced Ad Scheduling), která zajišťovala automatické
snižování cen za prokliky v době, kdy jsme nemohli dobře zasáhnout naši
cílovou skupinu. <strong>Funkce pokročilého plánování reklam
s optimalizátorem konverzí <a
href="http://adwords.google.com/support/bin/answer.py?answer=71060">nemůže
fungovat současně</a></strong>, proto jsem ji deaktivoval.</p>

<p>Prvotní nastavení CPA u jednotlivých sestav jsem provedl tak, že jsem se
u každé sestavy podíval, jaké měla průměrné náklady na konverzi za
několik měsíců zpátky, a tyto jsem <strong>navýšil zhruba
o 50 %</strong>. To aby měl optimalizátor dostatečný prostor se projevit a
získat více konverzí, byť za vyšší náklady.</p>

<h4>Průběh testu</h4>

<p>Po prvním dni, kdy byl aktivován nástroj, který měl kampani zajistit
vyšší počet konverzí při nižší ceně za konverzi, <strong>došlo
k přesnému opaku</strong> – počet konverzí zůstal na standardní
úrovni, zato náklady se dostaly rovnou na dvojnásobek!</p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/1-konverze.png"
alt="Počet konverzí zůstává stejný" title="Stejný počet konverzí"
width="401" height="152" class="size-full wp-image-512" /></p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/1-naklady.png" alt="Rostoucí cena"
title="Rostoucí cena" width="405" height="149" class="size-full wp-image-513"
/></p>

<p>Po tomto efektu, kdy jsem získal stejný počet konverzí za dvojnásobné
peníze, jsem nastavil CPA jednotlivých sestav na úroveň jejich dlouhodobého
průměru. Poté se situace stabilizovala a jiné zásahy jsem již
neprováděl, aby nástroj mohl běžet za relativně konstantních podmínek,
které byly de-facto stejné jako ty, které <strong>platily před zapnutím
nástroje</strong>.</p>

<h3>It's all about results</h3>

<p>Pojďme se podívat, jaké výsledky nám přineslo <strong>5 týdenní
používání optimalizátoru konverzí</strong>. Základní otázkou je:
„Podařilo se nástroji zvýšit počet konverzí a snížit cenu za
konverzi?“ Odpoveď zní – nepodařilo, <strong>cena za konverzi zůstala
na stejné úrovni a počet konverzí byl bohužel spíše
nižší</strong>.</p>

<p>Co se týká dalších dat z období běhu tohoto nástroje, můžete si
prohlédnout grafy nejdůležitějších hodnot. Doba, během které byl
aktivní optimalizátor konverzí, je v nich vyznačena červeně.</p>

<p>Zásadní problém je v <strong>konverzním poměru</strong> – pokud by
totiž nástroj předvídal konverze úspěšně, měl by tento ukazatel
vykázat znatelný růst. Jinými slovy – měl by se snížit počet kliků
(tím i náklady) a díky predikci by se měla zvýšit konverzní
úspěšnost. To se stalo, ale jen z části. Počet kliků i celkové
náklady sice byly v daném období opravdu viditelně nižší, ruku v ruce
s tím ale <strong>šel dolů i počet konverzí</strong>, což už se stát
nemělo. Nemilý je <strong>i propad celkového CTR</strong>. Na jednu stranu
chápu, že predikce nástroje mohla často inzerát odsunout níže
v případě, že za daných okolností neměl šanci na konverzi, na druhou
stranu ale právě zvýšení CTR je to, oč při správě kampaní dlouhodobě
usilujeme.</p>

<p><img src="http://blog.h1.cz/wp-content/uploads/2-ctr-480x160.png"
alt="Propad CTR" title="Propad CTR" width="480" height="160"
class="alignnone size-medium wp-image-531" /> <img
src="http://blog.h1.cz/wp-content/uploads/2-imprese-480x160.png" alt="Imprese"
title="Imprese" width="480" height="160" class="size-medium wp-image-532"
/></p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/2-kliky-480x160.png" alt="Kliky"
title="Kliky" width="480" height="160" class="size-medium wp-image-533"
/></p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/2-konverze-480x160.png" alt="Konverze"
title="Konverze" width="480" height="160" class="size-medium wp-image-534"
/></p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/2-konverzni-pomer-480x160.png"
alt="Konverzní poměr" title="Konverzní poměr" width="480" height="160"
class="size-medium wp-image-535" /></p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/2-naklady-480x160.png" alt="Náklady"
title="Náklady" width="480" height="160" class="size-medium wp-image-536"
/></p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/2-naklady-na-konverzi-480x160.png"
alt="Náklady na konverzi" title="Náklady na konverzi" width="480" height="160"
class="size-medium wp-image-537" /></p>

<p>Na závěr ještě podotýkám, že tento test se vztahuje k jedné
konkrétní kampani, která má svá specifika a neprohlašuji výsledky tohoto
testu za obecně platná fakta ohledně fungování optimalizátoru konverzí.
Je jisté, že s jinou kampaní by se optimalizátor konverzí vypořádal
jinak, možná daleko lépe.</p>

<p>Google vylepšil Optimalizátor konverzí a snížil limit pro jeho
použití. My jsme nástroj před časem testovali s nepříliš
přesvědčivými výsledky. Máte podobné zkušenosti? Zkusíte
optimalizátor nyní?</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/optimalizator-konverzi/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Q/A: Jak prezentovat detailní informace o produktu</title>
		<link>http://blog.h1.cz/qa-jak-prezentovat-detailni-informace-o-produktu/</link>
		<comments>http://blog.h1.cz/qa-jak-prezentovat-detailni-informace-o-produktu/#comments</comments>
		<pubDate>Wed, 05 Dec 2007 18:26:25 +0000</pubDate>
		<dc:creator>Václav Štrupl</dc:creator>
				<category><![CDATA[Použitelnost]]></category>
		<category><![CDATA[Q/A]]></category>
		<category><![CDATA[dotazy]]></category>
		<category><![CDATA[e-shopy]]></category>
		<category><![CDATA[testování]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/qa-jak-prezentovat-detailni-informace-o-produktu/</guid>
		<description><![CDATA[<p>Spolužák z VŠE Jirka Baloun v komentářích pod posledním článkem Nahé jedničky využil nabízenou příležitost a položil nám všetečnou otázku. Jirka se ptá, jaký je podle nás ideální způsob prezentace většího množství informací na stránce produktu v elektronickém obchodě. Doporučuji vám přečíst si nejprve celý Jirkův dotaz, cituji alespoň z jeho úvodu: Potýkám se momentálně [...]</p>
]]></description>
			<content:encoded><![CDATA[<p>Spolužák z <a href="http://www.vse.cz">VŠE</a> <em>Jirka Baloun</em> v komentářích pod <a href="http://blog.h1.cz/qa-pridani-do-kosiku-ve-vypisu-produktu/">posledním článkem</a> <em>Nahé jedničky</em> využil nabízenou příležitost a položil nám všetečnou otázku. Jirka se ptá, jaký je podle nás ideální způsob prezentace většího množství informací na stránce produktu v elektronickém obchodě. Doporučuji vám přečíst si nejprve celý <a href="http://blog.h1.cz/qa-pridani-do-kosiku-ve-vypisu-produktu/#comment-630">Jirkův dotaz</a>, cituji alespoň z jeho úvodu:</p>
<blockquote class="hilite"><p>Potýkám se momentálně s problémem uspořádání produktové stránky (detail produktu) našeho budoucího obchodu. Když už jste na začátku nakousli ten Megapixel, tak se to pokusím vysvětlit na něm. Na stránce detailu produktu jsou fotky, stručný popis, do košíku, cena, sklad apod. Potud všechno fajn. Pokud ovšem máme k produktu co říci (podrobné parametry, plusy, mínusy, hodnocení a komentáře k produktu). Otázka je, jak to vyřešit co nejlépe.</p></blockquote>
<p>Jak už to tak bývá, možností je požehnaně. Pojďme si popsat ty smysluplné, přičemž se vždy zaměříme na hlavní výhody a nevýhody nabízeného řešení:</p>
<h3>1. Záložky s vlastními stránkami</h3>
<p>Tuhle možnost můžete vidět například na současné verzi webu <a href="http://www.megapixel.cz">Megapixel.cz</a> nebo v obchodech patřících k <a href="http://www.mall.cz">Mall.cz</a>. Používá se obvykle u výrobků, u nichž máte k dispozici velké množství informací, které chcete přehledně rozdělit do skupin a jednotně prezentovat napříč celým webem.</p>
<h4>Výhody</h4>
<ul>
<li><strong>Každá skupina informací má vlastní stránku.</strong> Větší množství stránek může být výhodné z hlediska SEO – získáte větší kontrolu nad rozmístěním a hustotou klíčových slov a strukturou obsahu.</li>
<li><strong>Přehlednost.</strong> Vyšší přehlednost není jistá, nicméně ze zkušenosti vím, že při menším množství obsahu na stránce je nižší šance, že se designér dopustí závažných chyb.</li>
<li><strong>Rychlost načítání stránky.</strong> Tato vlastnost je v dnešní době spíše zanedbatelná.</li>
</ul>
<h4>Nevýhody</h4>
<ul>
<li><strong>Při každém přechodu mezi záložkami se znovu načte celá stránka.</strong> Obvykle přitom zobrazí web od vrchního okraje případně od pruhu se záložkami (pokud míří odkaz záložky na kotvu ve stránce), což většinou vede k většímu či menšímu „cuknutí“ stránky a následnému zmatení uživatele. Tohle je z hlediska použitelnosti dost nepříjemné.</li>
<li><strong>Hrozí vznik duplicitního obsahu.</strong> Pokud některé záložky obsahují jen malé množství unikátního obsahu, hrozí, že budou vyhledávače stránky záložek považovat za duplicitní.</li>
</ul>
<h3>2. Záložky přepínané JavaScriptem</h3>
<p>Na pohled vypadá toto řešení úplně stejně jako předchozí, po technické stránce je ale zcela odlišné. K vidění je třeba v e-shopu <a href="http://www.palmpc.cz">Palm PC</a>. Záložky tentokrát přepínáme JavaScriptem, takže veškerý obsah všech záložek máme pouze na jediné stránce. Přepínání mezi záložkami je rychlejší a nedochází při něm ke znovunačtení stránky.</p>
<h4>Výhody</h4>
<ul>
<li><strong>Rychlost přepínání mezi záložkami.</strong></li>
<li><strong>Žádné poskakování stránky při přepínání záložek.</strong></li>
<li><strong>Hodně obsahu na jedné stránce.</strong> Ve vyhledávačích máte pro každý produkt jedinou stránku, na kterou můžete zaměřit veškerou svoji pozornost. Obsah se tak nedělí mezi větší množství velice podobných stránek.</li>
</ul>
<h4>Nevýhody</h4>
<ul>
<li><strong>Hodně obsahu na jedné stránce.</strong> Některý obsah, jako například hodnocení nebo diskuse, vám může stránku produktu obsahově neúměrně natáhnout, zaplevelit velkým množstvím balastu a vůbec nabourat vaše snahy o její optimalizaci pro vyhledávače.</li>
<li><strong>Vyšší doba načítání stránky.</strong> Všechny informace k produktu se nacházejí na jediné stránce, proto je vyšší její celkový objem, a tudíž i doba načítání.</li>
<li><strong>Větší zátěž databáze.</strong> Při otevření stránky produktu načítáte všechny informace (například včetně komentářů), což výrazně zvyšuje počet dotazů do databáze.</li>
<li><strong>Zmatení uživatele při příchodu z vyhledávačů.</strong> Vyhledávače indexují obsah všech záložek, nicméně při příchodu na stránku je otevřena jen jedna z nich. Uživatel na ní přitom vůbec nemusí najít obsah, který mu vyhledávač zobrazil ve výsledcích vyhledávání.</li>
</ul>
<h3>3. Vše na jedné stránce</h3>
<p>V hlavě bohužel nemám žádný vhodný příklad, ale toto řešení spočívá jednoduše v tom, že <strong>všechny informace zobrazíte na jediné stránce bez jakýchkoliv záložek.</strong> Můžete je přitom rozdělit do sloupců, vypsat je pod sebe s nadpisy nebo využít jakékoliv jiné rozvržení stránky.</p>
<p>Výhody i nevýhody ve vztahu k vyhledávačům jsou v tomto případě obdobné jako u záložek přepínaných JavaScriptem. Co se týče uživatelů, tam nese toto řešení velké riziko plynoucí z dlouhých a často nepřehledných stránek. Kromě toho klade zpracování velké nároky na správnou prioritizaci informací, nutí vás totiž obvykle některé údaje umísit výše a jiné až na konec stránky. Hrozí, že k některým z nich se uživatel vůbec nedoscrolluje.</p>
<h3>4. Úryvky na jedné stránce</h3>
<p>Světoznámým reprezentantem tohoto přístupu je <a href="http://www.amazon.com">Amazon</a>. <strong>Všechny informace umisťuje na jedinou stránku, většinu z nich ale pouze ve formě „ochutnávky“ s odkazem na kompletní výpis.</strong> Přečíst si tu tak můžete například 3 z celkových 150 komentářů, vidíte jen přibližně první desítku z uživateli použitých štítků atd.</p>
<p>Toto řešení je podobné výpisu všech informací na jediné stránce, obvykle ale bývá přehlednější, méně zatěžuje databázi a jeho výsledkem je kratší stránka. Stejně jako předchozí se hodí především v případech, kdy by už záložek u každého produktu bylo příliš. Tentokrát si ale musíte dát velký pozor při určování kritérií, podle kterých chcete „útržky“ z jednotlivých sekcí vybrat, a opět je důležité obsah na stránce logicky rozmístit a seřadit.</p>
<h3>5. Kombinace výše uvedených řešení</h3>
<p>Všechna výše uvedená řešení můžete samozřejmě podle libovůle kombinovat. Obecně však platí, že v takovém případě je dvojnásob důležité mít po ruce zkušeného designéra a provádět při vývoji testování chystaného rozvržení na uživatelích. Příkladem budiž dle mého názoru výborně navržený obchod <a href="http://www.newegg.com">NewEgg.com</a>, který kombinuje výpis úryvků na jediné stránce s JavaScriptem přepínanými záložkami.</p>
<h3>Doporučení na závěr</h3>
<p>Asi už tušíte, že žádné z nabízených řešení nelze označit za nejlepší a univerzálně použitelné. Vždy musíte vycházet ze specifik vašeho oboru a sortimentu a v každém případě je při návrhu dobré zkoušet různé možnosti a testovat je na lidech. Přesto se pokusím uvést malý tahák, který by vám mohl při výběru pomoci:</p>
<p><strong>Záložky s vlastními stránkami</strong> se nejlépe hodí pro weby, které mají omezený počet typů obsahu (záložek), ale každý z nich je velice rozsáhlý a specifický. Je tedy žádoucí rozdělit obsah na více stránek a zabezpečit tak větší množství potravy pro vyhledávače a zrychlení načítání stránek při menší zátěži databáze.</p>
<p><strong>Záložky přepínané JavaScriptem</strong> bych doporučil pro většinu běžných případů. Vyhnete se s nimi zmatení uživatelů i riziku duplicitního obsahu, vše bude probíhat rychle a hladce. Pokud se bojíte načítání všech diskusních příspěvků na stránce produktu, můžete na jejich záložce vypsat jen část z nich a ostatní zobrazit až na zvláštní stránce.</p>
<p><strong>Vše na jedné stránce</strong> by měly zobrazovat jen obchody s menším množstvím informací a dobrým designérem (provádějícím uživatelské testování). V takovém případě uživatelům usnadníte skenování veškerého obsahu dostupného k vybranému produktu, jen si dejte pozor, ať si uživatel všimne, že stránka pokračuje i pod „přehybem“.</p>
<p><strong>Úryvky na jediné stránce</strong> kladou asi největší nároky na designéra i informačního architekta. Je potřeba dbát na kvalitní výběr a pořadí obsahu, proto bych je doporučil jen obsahově tak rozsáhlým obchodům, kde už záložky nemohou efektivně plnit svou funkci.</p>
<h3>Máte také dotaz?</h3>
<p>Napište nám ho na <a href="mailto:info@h1.cz">info@h1.cz</a> nebo do komentářů pod článkem a my se vám pokusíme tady na blogu poradit.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/qa-jak-prezentovat-detailni-informace-o-produktu/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Q/A: Přidání do košíku ve výpisu produktů</title>
		<link>http://blog.h1.cz/qa-pridani-do-kosiku-ve-vypisu-produktu/</link>
		<comments>http://blog.h1.cz/qa-pridani-do-kosiku-ve-vypisu-produktu/#comments</comments>
		<pubDate>Mon, 03 Dec 2007 12:51:49 +0000</pubDate>
		<dc:creator>Martin Snížek</dc:creator>
				<category><![CDATA[Použitelnost]]></category>
		<category><![CDATA[Q/A]]></category>
		<category><![CDATA[dotazy]]></category>
		<category><![CDATA[košík]]></category>
		<category><![CDATA[testování]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/qa-pridani-do-kosiku-ve-vypisu-produktu/</guid>
		<description><![CDATA[<p>Odpovídáme na dotazy čtenářů: Kdy uvádět tlačítko pro přidání do košíku ve výpisu produktů v kategorii? Pokud máte nějaký vlastní dotaz, se kterým by vám mohla H1.cz pomoci, napište nám také! (Návod najdete uvnitř spotu.)</p>
]]></description>
			<content:encoded><![CDATA[<p>Před rokem jsme provedli <a href="http://www.h1.cz/usertesting-megapixel">uživatelské testování webu Megapixel.cz</a> a zveřejnili na ukázku jeho závěrečnou zprávu. I dnes si na něj ale ještě někdo vzpomněl a po pročtení zprávy nám zaslal e-mailem následující dotaz:</p>
<blockquote class="hilite"><p>V testování doporučujete odstranit tlačítko &#8222;přidat do košíku&#8220; z galerie (výpisu produktů), ale již nevysvětlujete proč. Píšete jen v odůvodnění, že uživatel se vůbec nedostal na detail produktu, ale copak to vadí? U e-shopu jde přece o to, kolik toho prodá a né o počet zobrazení stránek.</p></blockquote>
<p>O počet zobrazení nám opravdu nešlo, hlavní problém byl jinde. Někteří uživatelé si totiž po tom, co viděli tlačítko pro přidání do košíku ve výpisu produktů v kategorii, mysleli, že &#8222;toto už je všechno&#8220; &#8211; že teď už se musí rozhodnout, jestli si produkt objednají nebo ne. Nepředpokládali, že na webu naleznou ještě další informace o produktu (neproklikli se na jeho stránku), a proto by buď vybírali na základě pár útržkovitých údajů ve výpisu produktů, nebo si nevybírali vůbec &#8211; buď by nenakoupili na internetu, nebo nakoupili na konkurenčním webu (který z jejich pohledu obsahuje více informací o produktech).</p>
<p>Obecně klientům doporučujeme uvádět tlačítko pro přidání do košíku ve výpisu produktů jen tehdy, pokud pro nákup zboží není potřeba mnoho informací, zákazník nevěnuje rozhodnutí přílišnou pozornost a nákupy se provádějí opakovaně &#8211; typickým případem je třeba kancelářský spotřební materiál, jako papír nebo inkoust do tiskárny. Fotoaparáty do této kategorie ale nespadají (aspoň zatím).</p>
<h3>Napište také svůj dotaz!</h3>
<p>A nyní speciální překvapení! Pokud máte jakýkoliv dotaz týkající se SEO, použitelnosti, PPC, analýzy návštěvnosti, internetového marketingu a dalších oblastí, kterými se H1.cz zabývá, napište nám ho na e-mail <a href="mailto:info@h1.cz">info@h1.cz</a> nebo do komentáře k tomuto spotu. Pokud bude zajímavý i pro ostatní čtenáře, odpovíme vám zde na blogu!</p>
<p>Odpovídání na dotazy čtenářů byl původně jeden z motivů, proč jsme NaH1 spouštěli. Rádi odhalíme i více z fungování naší firmy, včetně &#8222;kdo s kým&#8220;. :-) Budeme se tedy těšit na vaše dotazy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/qa-pridani-do-kosiku-ve-vypisu-produktu/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Otestujte si, jak si lidé pamatují název vašeho webu</title>
		<link>http://blog.h1.cz/test-zapamatovatelnosti/</link>
		<comments>http://blog.h1.cz/test-zapamatovatelnosti/#comments</comments>
		<pubDate>Sat, 21 Apr 2007 08:04:15 +0000</pubDate>
		<dc:creator>Marek Prokop</dc:creator>
				<category><![CDATA[Testování webu]]></category>
		<category><![CDATA[PPC]]></category>
		<category><![CDATA[testování]]></category>
		<category><![CDATA[vyhledávače]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/test-zapamatovatelnosti/</guid>
		<description><![CDATA[<p>Vyhledavače a jejich reklamní systémy jsou mj. skvělé testovací prostředí. Vyzkoušejte s jejich pomocí třeba to, jak dobře si lidé dokáží zapamatovat název vašeho webu.</p>
]]></description>
			<content:encoded><![CDATA[<p>Vyhledavače a jejich reklamní systémy vám mohou pomoci nejen k vyšší návštěvnosti, ale i jako skvělé testovací prostředí. Vyzkoušejte s jejich pomocí třeba to, jak dobře si lidé dokáží zapamatovat název vašeho webu nebo firmy.</p>
<h3>Co k testu potřebujete</h3>
<ol>
<li>Web se zajímavým obsahem, ke kterému se alespoň část uživatelů krátce po první návštěvě ještě vrací.</li>
<li>Google Analytics nebo srovnatelný systém na měření návštěvnosti.</li>
<li>Účet v reklamním systému Google AdWords nebo Sklik a trochu peněz na reklamu.</li>
</ol>
<p>Před testem se ujistěte, že lidé ve vyhledavačích snadno najdou váš web pomocí jeho názvu.</p>
<h3>Postup testování</h3>
<ol>
<li>V AdWords nebo Skliku založte testovací kampaň zaměřenou na dotazy, kterými váš web dosud nebyl k nalezení. Použijete-li AdWords, nezapomeňte v nastavení kampaně vypnout obsahovou síť.</li>
<li>Kampaň spusťte a pomocí Google Analytics sledujte, v jakém poměru vám přivádí nové a vracející se návštěvníky.</li>
<li>Počkejte, až se podíl vracejících se návštěvníků ustálí a pak kampaň zastavte.</li>
<li>V několika následujících dnech sledujte nárůst návštěv pocházejících z hledání názvu resp. domény vašeho webu. Pokud se blíží počtu návštěv vracejících se dříve z testovací kamapaně, lidé si dokázali název zapamatovat.</li>
</ol>
<h3>Proč test funguje</h3>
<p>Test je založen na dvou typických způsobech chování uživatelů vyhledavačů:</p>
<ul>
<li>Když se chce uživatel vrátit na určitý web, často k tomu použije stejný postup, kterým web našel poprvé.</li>
<li>Mnozí uživatelé, kteří si pamatují doménu webu, ji namísto do adresního řádku prohlížeče zadávají do vyhledavače. Jedná se o tzv. navigační dotazy.</li>
</ul>
<p>Po vypnutí testovací kampaně uživatelé váš web původním postupem znovu nenajdou, takže musí zkusit náhradní řešení. Pak již záleží jen na tom, jak moc se k vám opravdu chtějí vrátit a jak dobře si zapamatovali název webu.</p>
<h3>Jak test vylepšit</h3>
<p>Před vypnutím testovací kampaně si připravte ještě jednu kampaň či reklamní sestavu zaměřenou na všechny možné překlepy názvu a domény svého webu. Ta vám pak pomůže zjistit, zda a jak lidé při zadávání zapamatovaného názvu do vyhledavače chybují.</p>
<p>Budu rád, když vás tento test inspiruje k dalším experimentům a když se s námi o ně podělíte v komentářích.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/test-zapamatovatelnosti/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

