<?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; Veronika Rojkovičová</title>
	<atom:link href="http://blog.h1.cz/author/rojkovicova/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>Aby spolupráca s grafikom nebolela</title>
		<link>http://blog.h1.cz/aby-spolupraca-s-grafikom-nebolela/</link>
		<comments>http://blog.h1.cz/aby-spolupraca-s-grafikom-nebolela/#comments</comments>
		<pubDate>Wed, 12 May 2010 13:47:25 +0000</pubDate>
		<dc:creator>Veronika Rojkovičová</dc:creator>
				<category><![CDATA[Ostatní]]></category>
		<category><![CDATA[Použitelnost]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[design webu]]></category>
		<category><![CDATA[grafika webu]]></category>
		<category><![CDATA[hodnocení grafiky]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=3399</guid>
		<description><![CDATA[<p>Spolupráca s grafikom čaká každého, kto sa podieľa na príprave<br />
nového designu webu. Ako postupovať, aby celý proces prebehol hladko a na<br />
konci vás čakala pekná a účelná grafika? Prinášame vám niekoľko tipov<br />
vychádzajúcich z našich skúseností a veríme, že vám spoluprácu<br />
uľahčia.</p>
<p>Určite si, kto z týmu bude za finálny grafický návrh zodpovedný</p>
<p>V prvom rade pri návrhu novej grafiky je veľmi dôležité stanoviť<br />
hlavnú [...]</p>
]]></description>
			<content:encoded><![CDATA[
<p>Spolupráca s grafikom čaká každého, kto sa podieľa na príprave
nového designu webu. Ako postupovať, aby celý proces prebehol hladko a na
konci vás čakala pekná a účelná grafika? Prinášame vám niekoľko tipov
vychádzajúcich z našich skúseností a veríme, že vám spoluprácu
uľahčia.</p>

<h3>Určite si, kto z týmu bude za finálny grafický návrh zodpovedný</h3>

<p>V prvom rade pri návrhu novej grafiky je veľmi dôležité stanoviť
hlavnú osobu, ktorá bude niesť za celý projekt zodpovednosť. Ku grafickému
návrhu sa často vyjadruje celá firma, čo nebýva vždy prínosné. Práve
táto osoba by mala všetky pripomienky korigovať a brať do úvahy len tie,
ktoré sú v prospech celého konceptu. V opačnom prípade sa úplne vytratí
pôvodná idea grafika a vznikne návrh, ktorý síce vyhovuje celej firme, ale
neberie do úvahy to najdôležitejšie – požiadavky cieľovej skupiny. Aké
znalosti by mala mať táto osoba?</p>

<ul>
	<li>Veľmi dobre pozná vašu firmu, cieľovú skupinu, celkovú stratégiu
	spoločnosti i konkurenčné stránky.</li>

	<li>Orientuje sa v oblasti internetového marketingu alebo reklame.</li>

	<li>Má prehľad v súčasných trendoch designu webových stránok.</li>

	<li>Pozná základné pravidlá použiteľnosti a tvorby webových
	stránok.</li>
</ul>

<h3>Ujasnite si s grafikom základnú víziu</h3>

<p>Pred samotným grafickým návrhom odporúčam ujasniť si s grafikom vašu
predstavu o jeho práci. Vysvetlite mu základné informácie o vašej
spoločnosti, obore a cieľovej skupine. Rozhodne nie je na škodu vopred mu
vytipovať stránky, ktorým by ste sa chceli priblížiť a pripraviť mu
prehľad konkurenčných stránok, od ktorých by sa mal odlíšiť. Na základe
týchto údajov ľahšie pochopí celý koncept a dokáže k nemu vytvoriť
odpovedajúci grafický design.</p>

<p>V prípade, že grafik vychádza z pripravených wireframes je dôležité
mu stanoviť hranice ako môže s nimi pracovať. Wireframes definujú
základný koncept rozmiestnenia dôležitých prvkov na stránke, ako je
hlavná a vedľajšia navigácia a samotný obsah stránky. Grafik by však mal
mať voľnosť pri práci s nimi a využiť naplno svoj potenciál. Preto
i v tejto fázy môže dôjsť k zmenám v návrhu rozloženia prvkov
v prípade, že to bude k prospechu pre projekt.</p>

<h3>Ako hodnotiť prvotný výstup od grafika</h3>

<p>Prvú vec, ktorú musí každý pri hodnotení grafického návrhu pochopiť
je, že „vy“ nie ste typickým predstaviteľom cieľovej skupiny. A to čo
sa páči Vám, to sa nemusí pozdávať tým, ktorí vaše produkty a služby
skutočne nakupujú. I v tejto fázy Vám môžu pomôcť <a
href="http://firemniweb.h1.cz/4-modely-navstevniku-webu">persóny</a> (tj.
fiktívne osoby, ktoré majú hlavné charakteristiky vašej cieľovej
skupiny).</p>

<p>Pokiaľ nechcete skončiť na zozname <a
href="http://clientsfromhell.net/">ClientsFromHe­ll.net</a>, netyranizujte
designéra prázdnymi komentármi v duchu „Mne sa to nepáči“. Hlavnou
úlohou grafika totiž nie je trafiť sa do vkusu marketingového manažéra,
ale zákazníka, ktorému má pomôcť orientovať sa na stránkach. Vyvarujte
se preto komentárom ako:</p>

<blockquote>“The website should have the passion of Eleanor Roosevelt, but the
charm and charisma of Bill Clinton.”</blockquote>

<h3>Hodnoťte objektívne nasledujúce parametre</h3>

<h4>Ako grafik splnil vaše zadanie</h4>

<p>Celkový design stránok by mal odrážať zameranie vašej spoločnosti
i to ako chcete pôsobiť na ľudí. Zatiaľ čo u e-shopu s detským tovarom
si môžete dovoliť použiť sýte farby a nápadité ilustrácie, na
finančnom serveri alebo u poisťovne užívatelia očakávajú skôr striedmu
grafiku evokujúcu seriózny a dôveryhodný prístup. Preto sa na začiatku
pokúste zamyslieť nad tým, či grafický design vystihuje atmosféru vašej
spoločnosti a vychádza z vašej firemnej identity.</p>

<p>Skôr ako sa pustíte do kritiky, skúste sa s ním porozprávať a nechať
si vysvetliť jeho zámer. Ak Vás jeho dôvody nepresvedčia, požiadajte ho
o ďalšie návrhy, aby ste mali možnosť porovnávať. V prípade, že máte
záujem dozvedieť sa o použití farieb na web trochu viac, odporúčam
prečítať si článok <a
href="http://sixrevisions.com/web_design/a-look-into-color-theory-in-web-design/">A Look
into Color Theory in Web Design</a>.</p>

<p>Následne porovnajte nový návrh s grafickými webmi vašej konkurencie.
Dajte si pozor či ho dokážu užívatelia ľahko rozpoznať, prípadne či
medzi nimi nezapadne. V tejto fázy rozhodne nie je na škodu ukázať nový
grafický návrh nezainteresovaným osobám, u ktorých si môžete overiť
aký prvý dojem v nich vyvoláva.</p>

<p>V prípade, že grafik vychádzal z pripravených wireframov skontrolujte
taktiež, či sa v grafikom návrhu nachádzajú všetky požadované prvky.
Už sa nám niekoľkokrát stalo, že z hlavnej stránky napríklad vypadol
dôležitý reklamný banner, ktorý sa proste do grafiky nehodil.</p>

<h4>Prioritizácia informácií</h4>

<p>Úlohou grafika rozhodne nie je iba „dať farbu“ wireframom, ale mal by
do nich vložiť svoju pridanú hodnotu. Zatiaľ čo vo wireframes sa
dôležité prvky na stránke znázorňujú použitou veľkosťou písma,
ohraničením alebo komentárom, v grafickom návrhu se pre tento účel
používajú piktogramy, veľkosť a farby písma a iné varianty zvýraznenia.
Typicky by mali mať najvýraznejšiu vizuálnu prioritu prvky, ktoré
vyzývajú návštevníka z nejakej akcii, tzv. call-to-action prvky
(tlačítko objednať pri detaily produktu, registrovať sa a pod.).</p>

<p>Práve grafik by mal pomocou vhodných techník zvýrazniť dôležité prvky
a tie menej významné upozadiť (tzv. prioritizácia informácií). Zároveň
je jeho úlohou udržať na všetkých stránkach webu konzistentný vzhľad
prvkov s rovnakou funkciou (tlačidla, formuláre, odkazy) a zaistiť vizuálne
jednotný štýl všetkých stránok.</p>

<h4>Dodržanie pravidiel použiteľnosti</h4>

<p>Grafický návrh samozrejme musí spĺňať i základné požiadavky
z hľadiska použiteľnosti. Medzi tie základné patria:</p>

<ul>
	<li>dostatočný kontrast farieb pozadia a popredia,</li>

	<li>dostatočne veľké písmo,</li>

	<li>odlíšené odkazy od normálneho textu,</li>

	<li>dodržanie základných konvencií tvorby webu.</li>
</ul>

<p>Pokiaľ i v tomto ohľadu dodaný návrh vyhovie vášmu očakávaniu,
môžete sa pustiť do ďalšieho kroku, ktorým je zvyčajne kódovanie
šablón a ich implementácia.</p>

<h3>Zhrnutie</h3>

<p>S grafikom si vždy dopredu nastavte vzájomné očakávanie, jasný spôsob
komunikácie, termíny i presný proces tvorby grafických návrhov. Po dodaní
prvej verzie návrhu sa vyvarujte všeobecným pripomienkam, ale kritizujte
konkrétne problémy, pričom svoje tvrdenie ideálne doplňte príkladmi webu,
na ktorých ľahko ukážete svoje predstavy. Pokiaľ bude obom stranám od
začiatku jasný cieľ i proces práce, vyhnete sa 90 % nedorozumeniam, čo je
to najlepšie, čo môžete pre svoj web urobiť.</p>

<p>A s akými úskaliami sa pri spolupráci s grafikom stretávate vy?
Podeľte sa s nami o vaše skúsenosti v komentároch.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/aby-spolupraca-s-grafikom-nebolela/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Projektový denník – základ úspešného vyhodnocovania webu</title>
		<link>http://blog.h1.cz/projektovy-dennik-%e2%80%93-zaklad-uspesneho-vyhodnocovania-webu/</link>
		<comments>http://blog.h1.cz/projektovy-dennik-%e2%80%93-zaklad-uspesneho-vyhodnocovania-webu/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 05:30:58 +0000</pubDate>
		<dc:creator>Veronika Rojkovičová</dc:creator>
				<category><![CDATA[Návštěvnost]]></category>
		<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Google Annotation]]></category>
		<category><![CDATA[KPI]]></category>
		<category><![CDATA[project log]]></category>
		<category><![CDATA[projektový deník]]></category>

		<guid isPermaLink="false">http://blog.h1.cz/?p=2637</guid>
		<description><![CDATA[<p>Pokiaľ dlhodobo pracujete na rozvoji firemných či osobných webových<br />
stránok, určite by vám nemal chýbať projektový denník. V dlhodobom<br />
horizonte vám dokáže odhaliť dôležité udalosti, momenty a zmeny, ku<br />
ktorým došlo na vašich webových stránkach a ktoré ovplyvnili dôležité<br />
ukazovatele. Ako si správne viesť projektový denník a čo by mal obsahovať<br />
sa dozviete z tohto článku.</p>
<p>Majitelia webových projektov pravidelne sledojú ukazovatele výkonnosti<br />
stránok [...]</p>
]]></description>
			<content:encoded><![CDATA[
<p>Pokiaľ dlhodobo pracujete na rozvoji firemných či osobných webových
stránok, určite by vám nemal chýbať projektový denník. V dlhodobom
horizonte vám dokáže odhaliť dôležité udalosti, momenty a zmeny, ku
ktorým došlo na vašich webových stránkach a ktoré ovplyvnili dôležité
ukazovatele. Ako si správne viesť projektový denník a čo by mal obsahovať
sa dozviete z tohto článku.</p>

<p>Majitelia webových projektov pravidelne sledojú ukazovatele výkonnosti
stránok (Key Performance Indicator). V súčasnej dobe vďaka <a
href="http://blog.h1.cz/import-dat-z-google-analytics-do-excelu-snadno-a-rychle/">automatickému
importu dat z Google Anayltics</a> nie je problém rýchlo a jednoducho
pripraviť akýkoľvek report s prehľadom potrebných štatistík. Ich
vyhodnotenie je však často závislé na dobrej pamäti manažéra, pretože
iba on môže odladiť významných odchýlok v číslach. Keďže naša
pamäť nie je schopná udržať všetky udalosti, ktoré sa udiali, odporúčam
viesť si projektový denník (tzv. project log).</p>

<h3>Ako si vytvoriť projektový denník</h3>

<p>Donedávna sme boli odkázaný na klasickú excelovskú tabuľku alebo <a
href="http://blog.h1.cz/delejte-si-poznamky-v-analytics/">firefoxové
rozšírenie GA-Notes</a>. Prednedávnom však Google Analytics spustili novú
funkciu <strong>Google Annotation</strong>, ktorá Vám umožní vkladať si
poznámky priamo do vášho profilu. Túto novú vymoženosť v Google
Analytics nájdete po kliknutí na nenápadnú šípku, ktorá sa nachádza
priamo v strede pod hlavným grafom.</p>

<p><img src="http://blog.h1.cz/wp-content/uploads/Obrázok_1-480x181.png"
alt="Pod touto šípkou sa nachádza funkcia Anotácie (Google Annotation). "
width="480" height="181" class="size-medium wp-image-3171" /></p>

<p>Následne môžete ku konkrétnemu dátumu vložiť svoj komentár, ktorý je
obmedzený jedine dĺžkou 160 znakov. Môžete si taktiež vybrať či svoj
príspevok chcete zdieľať s ostatnými (viditeľnosť bude nastavená ako
„sdílená“ ) alebo nechať iba pre seba (stav „soukromá“).</p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/Obra_2-479x256.png"
alt="Komentár v Anotáciách môžete vložiť iba pre sebe alebo zdieľať s ostatnými."
width="479" height="256" class="size-medium wp-image-3174" /></p>

<p>Bohužiaľ nie je možné jednotlivé príspevky triediť do kategórií, ale
verím, že tento malý nedostatok bude časom odtránený. Zatiaľ Vám
odporúčam na začiatku každej správy uviesť do ktorej oblasti sa príspevok
týka (Marketing, PPC reklama, SEO, Web, atď.). V prípade hľadanie určitej
zmeny – napríklad zmeny nastavenia Google Analytics, to určite
oceníte.</p>

<p>Tie najdôležitejšie zmeny si môžete označiť hviezdičkou.</p>

<p>Ku všetkým komentárom sa veľmi ľahko dostanete z každej stránky
Google Analytics prostredníctvom malých obálok, ktoré sa zobrazujú
v spodnej časti grafu.</p>

<p><img
src="http://blog.h1.cz/wp-content/uploads/Obr_3-479x154.png"
alt="Umiestnenie anotácie. " width="479" height="154"
class="size-medium wp-image-3175" /></p>

<h3>Aké informácie by nemali v projektovom denníku chýbať</h3>

<p>Nie je potrebné si zapisovať každú maličkosť. Vo všeobecnosti stačí
evidovať dôležité míľniky, ktoré majú vplyv na výkonnosť projektu.
Pripravila som pre Vás prehľad vecí, na ktoré by ste nemali zabudnúť:</p>

<h4>Všeobecné zmeny na stránkach alebo zmeny v obchodnej stratégií</h4>

<ul>
	<li>Zmeny v nastavení Google Analytics.</li>

	<li>Významné zmeny webových stránok z hľadiska použiteľnosti (napr.
	úprava nákupného procesu).</li>

	<li>Zmeny v cenovej politike alebo v ponúkanom sortimente.</li>
</ul>

<h4>Dôležité zásahy z hľadiska SEO</h4>

<ul>
	<li>Obsahové zmeny – úprava titulkov, nadpisov, URL adries, popisov
	kategórií a dôležitých textov.</li>

	<li>Úprava HTML kódu – validita, zmenšenie veľkosti, premiestnenie obsahu
	pred menu.</li>

	<li>Čiastkové technické zmeny, od ktorých očakávame významný vplyv na
	vyhľadávače (napríklad odstránenie duplicít a podobnosti , pridávanie
	nových cieľových stránok).</li>

	<li>Úprava interného prelinkovanie – pridanie kontextovej alebo
	drobčekovej navigácie.</li>

	<li>Optimalizácia zbožových vyhľadávačov, registrácia do zbožových
	vyhľadávačov.</li>

	<li>Implementácia Sitemaps.</li>

	<li>Linkbaitingové činnosti.</li>
</ul>

<h4>Marketingové činnosti</h4>

<ul>
	<li>Štart a ukončenie významných marketingových on-line i off-line
	aktivít.</li>

	<li>Spustenie affiliate marketingu.</li>

	<li>Významné zmeny ohľadom brandu – logo, design stránok, slogan.</li>

	<li>Získanie významných ocenení alebo certifikátov.</li>

	<li>Rozosielka e-mailingu v prípade, že sa nejedná o pravidelnú
	aktivitu.</li>
</ul>

<h4>Zásadné zmeny v PPC kampaniach</h4>

<ul>
	<li>Nastavenie alebo zastavenie kampaní, obsahových/pla­cementových
	zostáv.</li>

	<li>Zapnutie alebo vypnutie obsahu, optimalizátoru, day-partingu.</li>

	<li>Zmena cielenie (jazyk, lokalita).</li>

	<li>Prípadne akýkoľvek neštandardný test.</li>
</ul>

<p>Tento zoznam určite nie je vyčerpávajúci, pretože každý projekt má
svoje špecifiká a záleží na osobných potrebách každého, ktoré
informácie si potrebuje zaznamenať. A čo vy, ktoré údaje sú pre vás vás
dôležité v projektovom denníku?</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.h1.cz/projektovy-dennik-%e2%80%93-zaklad-uspesneho-vyhodnocovania-webu/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
