<?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>UX přehledně &#8212; Marketing Mind</title>
	<atom:link href="https://www.marketingmind.cz/tag/ux/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.marketingmind.cz/tag/ux/</link>
	<description>Marketingový konzultant Jan Petrtyl</description>
	<lastBuildDate>Tue, 23 Apr 2019 09:31:21 +0000</lastBuildDate>
	<language>cs</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.2</generator>
	<item>
		<title>Výkonný web pro agenturu, která zprostředkovává práci</title>
		<link>https://www.marketingmind.cz/vykonny-web-pro-agenturu-ktera-zprostredkovava-praci/</link>
		
		<dc:creator><![CDATA[Jan Petrtyl]]></dc:creator>
		<pubDate>Tue, 23 Apr 2019 09:31:21 +0000</pubDate>
				<category><![CDATA[Tvorba webu]]></category>
		<category><![CDATA[analýza klíčových slov]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[konverze]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[tvorba webových stránek]]></category>
		<category><![CDATA[tvorba webu]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[značka]]></category>
		<guid isPermaLink="false">https://www.marketingmind.cz/?p=3418</guid>

					<description><![CDATA[<p>V březnu 2019 byla spuštěna webová prezentace pro jihočeskou agenturu Hoffnung, s.r.o. Byznys model firmy spočívá ve zprostředkování kontaktu na seniory pečovatelům nebo pečovatelkám, které chtějí pracovat v německy mluvících zemích. Nový [&#8230;]</p>
<p>The post <a href="https://www.marketingmind.cz/vykonny-web-pro-agenturu-ktera-zprostredkovava-praci/">Výkonný web pro agenturu, která zprostředkovává práci</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="dslc-theme-content"><div id="dslc-theme-content-inner"><p>V březnu 2019 byla spuštěna webová prezentace pro jihočeskou agenturu Hoffnung, s.r.o. Byznys model firmy spočívá ve zprostředkování kontaktu na seniory pečovatelům nebo pečovatelkám, které chtějí pracovat v německy mluvících zemích. Nový web Hoffnung plní zadané cíle na výbornou. Téměř okamžitě po spuštění majitelka firmy zaznamenala podstatné navýšení poptávek, a to bez jediné koruny utracené za média. Konverzní poměr odeslání přihlášky je téměř 4 %, zobrazení kontaktní stránky pak skoro 15 %. Pojďme se podívat, co k těmto číslům vedlo.</p>
<h2>Předtím a potom</h2>
<p>Podívejte se, jak vypadala <strong>původní</strong> a jak <strong>nová</strong> verze webu.</p>
<figure id="attachment_3420" aria-describedby="caption-attachment-3420" style="width: 600px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2019/04/puvodni-vzhled-webu-hoffnung.jpg" rel="lightbox[3418]"><img fetchpriority="high" decoding="async" class="wp-image-3420" src="https://www.marketingmind.cz/wp-content/uploads/2019/04/puvodni-vzhled-webu-hoffnung.jpg" alt="Původní vzhled webu Hoffnung.cz" width="600" height="509" srcset="https://www.marketingmind.cz/wp-content/uploads/2019/04/puvodni-vzhled-webu-hoffnung.jpg 969w, https://www.marketingmind.cz/wp-content/uploads/2019/04/puvodni-vzhled-webu-hoffnung-300x254.jpg 300w, https://www.marketingmind.cz/wp-content/uploads/2019/04/puvodni-vzhled-webu-hoffnung-768x651.jpg 768w, https://www.marketingmind.cz/wp-content/uploads/2019/04/puvodni-vzhled-webu-hoffnung-660x560.jpg 660w, https://www.marketingmind.cz/wp-content/uploads/2019/04/puvodni-vzhled-webu-hoffnung-450x382.jpg 450w" sizes="(max-width: 600px) 100vw, 600px" /></a><figcaption id="caption-attachment-3420" class="wp-caption-text">Původní vzhled webu Hoffnung.cz</figcaption></figure>
<figure id="attachment_3421" aria-describedby="caption-attachment-3421" style="width: 600px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2019/04/novy-vzhled-webu-hoffnung.jpg" rel="lightbox[3418]"><img decoding="async" class="wp-image-3421" src="https://www.marketingmind.cz/wp-content/uploads/2019/04/novy-vzhled-webu-hoffnung.jpg" alt="Nový vzhled webu Hoffnung.cz" width="600" height="424" srcset="https://www.marketingmind.cz/wp-content/uploads/2019/04/novy-vzhled-webu-hoffnung.jpg 1211w, https://www.marketingmind.cz/wp-content/uploads/2019/04/novy-vzhled-webu-hoffnung-300x212.jpg 300w, https://www.marketingmind.cz/wp-content/uploads/2019/04/novy-vzhled-webu-hoffnung-768x543.jpg 768w, https://www.marketingmind.cz/wp-content/uploads/2019/04/novy-vzhled-webu-hoffnung-1024x724.jpg 1024w, https://www.marketingmind.cz/wp-content/uploads/2019/04/novy-vzhled-webu-hoffnung-660x467.jpg 660w, https://www.marketingmind.cz/wp-content/uploads/2019/04/novy-vzhled-webu-hoffnung-450x318.jpg 450w" sizes="(max-width: 600px) 100vw, 600px" /></a><figcaption id="caption-attachment-3421" class="wp-caption-text">Nový vzhled webu Hoffnung.cz</figcaption></figure>
<h2>Původním zadáním bylo pouze přidat blog na starý web</h2>
<p>Majitelka firmy, paní Kateřina van Griffin, se na mě obrátila s prosbou, zda by na původní web bylo možné přidat blog. Staré stránky za sebou měly již řadu let služby, nebyly přizpůsobeny provozu z mobilních zařízení, neobjevoval se na nich prakticky žádný nový obsah a také optimalizace pro co nejlepší zobrazení ve vyhledávačích (<a href="https://www.marketingmind.cz/seo-optimalizace-vyhledavace/">SEO</a>) mělo opravdu velké rezervy. Proto jsem přišel s návrhem, abychom připravili <a href="https://www.marketingmind.cz/tvorba-webovych-stranek/">nový web</a>, který bude splňovat současné požadavky. Paní van Griffin souhlasila, a mohli jsme se pustit do práce.</p>
<h2>Cíle nového webu: získat nové pečovatelky</h2>
<p>Správné nastavení cílů je alfou a omegou každého marketingového projektu, a web v tomto smyslu není žádnou výjimkou. Právě plnění cílů je klíčové pro posuzování výkonu webu jako takového.</p>
<p><strong>Hlavní cíl</strong>: Generování poptávek po zprostředkování práce pečovatelky. <a href="https://www.marketingmind.cz/konverze/">Konverze</a> má formu odeslané nezávazné přihlášky, případně také odeslaného formuláře s dotazem.</p>
<p><strong>Dílčí cíle</strong>: Zobrazení stránky s kontaktem, telefonát do agentury, šíření povědomí o značce Hoffnung, poskytnutí objektivních informací potenciálním uchazečům a uchazečkám o pečovatelskou práci.</p>
<h2>Technologie: WordPress</h2>
<p>Jako všechny webové prezentace od Marketing Mind, i nový web Hoffnung běží na <a href="https://www.marketingmind.cz/wordpress-vyborny-system-pro-tvorbu-webu/">WordPressu</a>. Na něm je použita spolehlivé jádro šablony <a href="https://www.marketingmind.cz/divi-skvela-sablona-tema-pro-wordpress/">Divi</a>. Díky tomu se web jednoduše upravuje, možnosti designu jsou prakticky neomezené a navíc se všechno správně zobrazuje jak na počítačích, tak tabletech i mobilních telefonech. Ale to není všechno. Web se také načte za méně než vteřinu, což návštěvníci opravdu oceňují – a odpovídá tomu i konverzní poměr.</p>
<figure id="attachment_3423" aria-describedby="caption-attachment-3423" style="width: 731px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2019/04/vysledek-testu-rychlosti-nacitani-webu-tools-pingdom.png" rel="lightbox[3418]"><img decoding="async" class="size-full wp-image-3423" src="https://www.marketingmind.cz/wp-content/uploads/2019/04/vysledek-testu-rychlosti-nacitani-webu-tools-pingdom.png" alt="Výsledek testu rychlosti načítání pomocí nástroje Pingdom" width="731" height="237" srcset="https://www.marketingmind.cz/wp-content/uploads/2019/04/vysledek-testu-rychlosti-nacitani-webu-tools-pingdom.png 731w, https://www.marketingmind.cz/wp-content/uploads/2019/04/vysledek-testu-rychlosti-nacitani-webu-tools-pingdom-300x97.png 300w, https://www.marketingmind.cz/wp-content/uploads/2019/04/vysledek-testu-rychlosti-nacitani-webu-tools-pingdom-660x214.png 660w, https://www.marketingmind.cz/wp-content/uploads/2019/04/vysledek-testu-rychlosti-nacitani-webu-tools-pingdom-450x146.png 450w" sizes="(max-width: 731px) 100vw, 731px" /></a><figcaption id="caption-attachment-3423" class="wp-caption-text">Výsledek testu rychlosti načítání pomocí nástroje Pingdom</figcaption></figure>
<h2>Cílová skupina: zájemci o práci pečovatelky</h2>
<p>Primární <a href="https://www.marketingmind.cz/targeting/">cílovou skupinou</a> webu jsou lidé, kteří chtějí vykonávat pečovatelskou práci v německy mluvících zemích. V 99 % případů jsou to ženy, ale abychom nikoho nediskriminovali, počítáme i s možným zájmem ze strany mužů – pečovatelů. Prvním krokem, který následoval po definici vlastních cílů webu, proto byla <a href="https://www.marketingmind.cz/znate-ukoly-obavy-a-motivace-zakazniku/">pečlivá analýza jeho uživatelů</a>. Je to nezbytné, protože pokud bychom tento krok vynechali, stavěli bychom na velmi vratkých základech. Každý řetěz je tak silný jako jeho nejslabší článek. Proto jsme analyzovali:</p>
<ol>
<li>Jaké úkoly před sebou mají potenciální pečovatelky</li>
<li>Čeho se zájemkyně o práci pečovatelky (otevřeně nebo skrytě) obávají</li>
<li>Jak na to můžeme reagovat = co je naše hodnotová nabídka</li>
</ol>
<h2>Analýza konkurence: cenné informace z trhu</h2>
<p>Zhodnotil jsem strukturu původního webu, silné a slabé stránky zadavatele, požadavky potenciálních pečovatelek a vše zasadil do kontextu konkurenčních internetových stránek. Z toho vyšel seznam bodů, které nová prezentace nutně musí obsahovat, na co se zaměřit nejvíc a co nemusí být komunikováno s takovým důrazem.</p>
<h2>Konkurenční pozice</h2>
<p>Web musí nějak působit a srozumitelně komunikovat <a href="https://www.marketingmind.cz/hodnota-pro-zakaznika-cpv/">hodnoty</a>, které jsou pro <a href="https://www.marketingmind.cz/brand-znacka/">značku</a> Hoffnung charakteristické. To znamená, že je nutné respektovat pilíře, na nichž značka stojí, případně je rozumně poupravit tak, aby byly ještě pevnější. K tomuto tématu se vrátíme ještě při tvorbě textů a grafického návrhu.</p>
<h2>Analýza klíčových slov odkryla, jak pečovatelky hledají zaměstnání</h2>
<p>Když chceme <a href="https://www.marketingmind.cz/tvorba-webovych-stranek/">vytvořit web</a>, který mají lidé najít, musíme se podívat, jakým způsobem ho budou hledat, respektive jak nyní hledají naši konkurenci. K tomu slouží <a href="https://www.marketingmind.cz/analyza-klicovych-slov/">analýza klíčových slov</a>. Pro Hoffnung šlo o analýzu spíše menšího rozsahu. Ukázalo se, že relevantních spojení (např. pečovatelka v Rakousku, hledám práci jako pečovatelka apod.) je celkem 219 a celkový objem hledanosti je přibližně 51 tisíc hledání za měsíc.</p>
<h2>Informační architektura určila novou strukturu webu</h2>
<p>Je důležité, aby informace zveřejněné na webových stránkách byly prezentovány srozumitelně. Základním předpokladem, který k takovému výsledku vede, je informační architektura. Z té vychází struktura webu (jaké stránky bude obsahovat) i nastavení optimálního toku návštěvnosti (tj. jak budou návštěvníci postupovat při prohlížení webu). Cílem je, aby vše bylo maximálně intuitivní, srozumitelné, přehledné a jednoduché.</p>
<p>V případě nového webu Hoffnung.cz postupně vykrystalizovaly tyto hlavní sekce:</p>
<ol>
<li>Pečovatelka v zahraničí (pracovní náplň, podmínky a často kladené dotazy)</li>
<li>Zapojte se (podat přihlášku a formuláře)</li>
<li>Blog (příspěvky na téma péče o seniory v zahraničí)</li>
<li>O nás (příběh a reference)</li>
<li>Kontakt</li>
</ol>
<figure id="attachment_3424" aria-describedby="caption-attachment-3424" style="width: 2502px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2019/04/Nový-web-Hoffnung-s.r.o..png" rel="lightbox[3418]"><img loading="lazy" decoding="async" class="size-full wp-image-3424" src="https://www.marketingmind.cz/wp-content/uploads/2019/04/Nový-web-Hoffnung-s.r.o..png" alt="Základní teze pro web Hoffnung.cz (pracovní verze č. 1, následovaly další)" width="2502" height="1575" srcset="https://www.marketingmind.cz/wp-content/uploads/2019/04/Nový-web-Hoffnung-s.r.o..png 2502w, https://www.marketingmind.cz/wp-content/uploads/2019/04/Nový-web-Hoffnung-s.r.o.-300x189.png 300w, https://www.marketingmind.cz/wp-content/uploads/2019/04/Nový-web-Hoffnung-s.r.o.-768x483.png 768w, https://www.marketingmind.cz/wp-content/uploads/2019/04/Nový-web-Hoffnung-s.r.o.-1024x645.png 1024w, https://www.marketingmind.cz/wp-content/uploads/2019/04/Nový-web-Hoffnung-s.r.o.-660x415.png 660w, https://www.marketingmind.cz/wp-content/uploads/2019/04/Nový-web-Hoffnung-s.r.o.-450x283.png 450w" sizes="auto, (max-width: 2502px) 100vw, 2502px" /></a><figcaption id="caption-attachment-3424" class="wp-caption-text">Základní teze pro web Hoffnung.cz (pracovní verze č. 1, následovaly další)</figcaption></figure>
<h2>Drátěné modely stránek</h2>
<p>Když je jasné, jaké stránky bude nový web obsahovat a jaká bude jejich role, je čas na přípravu tzv. <a href="https://www.marketingmind.cz/drateny-model-wireframe-webove-stranky/">drátěných modelů</a>. Tento krok doporučuji nepřeskakovat. Hlavním přínosem drátěných modelů je totiž ujasnění, na jakém místě konkrétní stránky má být text, kde obrázek, kde formulář nebo interaktivní prvek apod.</p>
<figure id="attachment_3427" aria-describedby="caption-attachment-3427" style="width: 134px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2019/04/ukazka-drateneho-modelu-stranky.jpg" rel="lightbox[3418]"><img loading="lazy" decoding="async" class="wp-image-3427 size-medium" src="https://www.marketingmind.cz/wp-content/uploads/2019/04/ukazka-drateneho-modelu-stranky-134x300.jpg" alt="Ukázka drátěného modelu stránky O nás (návrh č. 1)" width="134" height="300" srcset="https://www.marketingmind.cz/wp-content/uploads/2019/04/ukazka-drateneho-modelu-stranky-134x300.jpg 134w, https://www.marketingmind.cz/wp-content/uploads/2019/04/ukazka-drateneho-modelu-stranky-768x1716.jpg 768w, https://www.marketingmind.cz/wp-content/uploads/2019/04/ukazka-drateneho-modelu-stranky-458x1024.jpg 458w, https://www.marketingmind.cz/wp-content/uploads/2019/04/ukazka-drateneho-modelu-stranky-660x1474.jpg 660w, https://www.marketingmind.cz/wp-content/uploads/2019/04/ukazka-drateneho-modelu-stranky-450x1005.jpg 450w, https://www.marketingmind.cz/wp-content/uploads/2019/04/ukazka-drateneho-modelu-stranky.jpg 800w" sizes="auto, (max-width: 134px) 100vw, 134px" /></a><figcaption id="caption-attachment-3427" class="wp-caption-text">Ukázka drátěného modelu stránky O nás (návrh č. 1)</figcaption></figure>
<h2>Tvorba textů pro web – copywriting</h2>
<p>Při tvorbě textů je <a href="https://www.marketingmind.cz/copywriter/">copywriter</a> mezi mlýnskými kameny. Je totiž důležité připravit obsah tak, aby byl zajímavý, ani dlouhý ani krátký, dostatečně úderný a zároveň optimalizovaný pro vyhledávače – to aby byl web k nalezení. Všechno souvisí s rozsahem webu jako celku. Texty navíc musejí svým laděním odpovídat konkurenční <a href="https://www.marketingmind.cz/positioning/">pozici značky</a>. V případě Hoffnung.cz má být jasně patrné, že jde o seriózní firmu s docela dlouhou historií. Je potřeba, aby potenciální pečovatelky našly všechny potřebné informace – a pokud možno maximálně na jedno, dvě kliknutí daleko. Texty zároveň musejí obsahovat klíčová slova, která byla v rámci <a href="https://www.marketingmind.cz/analyza-klicovych-slov/">analýzy klíčových slov</a> označena jako prioritní.</p>
<h2>Grafický návrh</h2>
<h3>Barevné schéma</h3>
<p>Až když jsou hotovy všechny předcházející fáze, můžeme začít připravovat grafickou podobu nové prezentace. V případě projektu Hoffnung, s.r.o. bylo k dispozici již dříve připravené <a href="https://www.marketingmind.cz/tvorba-loga/">logo</a> (ne z dílny Marketing Mind). To definovalo základ barevnosti (tmavě fialová barva je důstojná, hluboká a důvěryhodná). Doplnili jsme ji variací žlutá/oranžová a světlejší fialovou. Odlehčení si vzala na starost bílá a světle šedá.</p>
<h3>Typografie/písmo</h3>
<p>Typograficky jsme vycházeli z toho, že písmo musí být dobře čitelné a zároveň nesmí být těžké a příliš konzervativní. Proto na webu používáme font Quicksand v několika řezech. Quicksand nabízí širokou škálu tloušťek – od velmi tenkých až po opravdu silné.</p>
<h3>Obrazy</h3>
<p>Protože celým webem prostupuje téma péče o seniory, zcela jednoznačně bylo zapotřebí to převézt do řeči obrazů. Proto titulní stránce dominuje obličej spokojené a sympatické starší dámy, na další klíčové stránce Pracovní náplň pak vévodí propletené ruce pečovatelky a seniora. Za každou cenu bylo nutné vyhnout se kýčovitým a uměle hraným obrazům, které se ve fotobankách objeví na téma „senior care“ hned na prvních stránkách. Jde totiž o zachování autenticity.</p>
<h2>Praktické výsledky</h2>
<p>Téměř ihned po spuštění nového webu jsme zaznamenali výrazný nárůst v počtu přihlášek, mailů i telefonátů. Lidé, kteří přijdou z vyhledávačů (zejména Google a Seznam), tráví na webu více než 4 minuty a míra okamžitého opuštění stránek je na úrovni 40 % z obou těchto zdrojů. Seznam organic navíc dosahuje míry konverze odeslání přihlášky dokonce více než 14 %, což je opravdu výborný výsledek. Při srovnání s minulostí je také patrný podstatný absolutní nárůst publika z přirozeného vyhledávání.</p>
<figure id="attachment_3428" aria-describedby="caption-attachment-3428" style="width: 982px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2019/04/navstevnost-google-organic-pred-a-po-spusteni-noveho-webu.jpg" rel="lightbox[3418]"><img loading="lazy" decoding="async" class="size-full wp-image-3428" src="https://www.marketingmind.cz/wp-content/uploads/2019/04/navstevnost-google-organic-pred-a-po-spusteni-noveho-webu.jpg" alt="Návštěvnost z Googlu se okamžitě zvedla bez jediné koruny investované do placené reklamy" width="982" height="234" srcset="https://www.marketingmind.cz/wp-content/uploads/2019/04/navstevnost-google-organic-pred-a-po-spusteni-noveho-webu.jpg 982w, https://www.marketingmind.cz/wp-content/uploads/2019/04/navstevnost-google-organic-pred-a-po-spusteni-noveho-webu-300x71.jpg 300w, https://www.marketingmind.cz/wp-content/uploads/2019/04/navstevnost-google-organic-pred-a-po-spusteni-noveho-webu-768x183.jpg 768w, https://www.marketingmind.cz/wp-content/uploads/2019/04/navstevnost-google-organic-pred-a-po-spusteni-noveho-webu-660x157.jpg 660w, https://www.marketingmind.cz/wp-content/uploads/2019/04/navstevnost-google-organic-pred-a-po-spusteni-noveho-webu-450x107.jpg 450w" sizes="auto, (max-width: 982px) 100vw, 982px" /></a><figcaption id="caption-attachment-3428" class="wp-caption-text">Návštěvnost z Googlu se okamžitě zvedla bez jediné koruny investované do placené reklamy</figcaption></figure>
<h2>Potřebujete také nový web?</h2>
<p>Rád vám pomohu s poctivou přípravou i realizací <a href="https://www.marketingmind.cz/tvorba-webovych-stranek/">webové prezentace vaší firmy</a> nebo projektu. Mým cílem není nabídnout nejlevnější řešení ze všech, ale výsledek, který bude dobře fungovat a velmi brzy se sám zaplatí. Stačí mě jen <a href="https://www.marketingmind.cz/kontakt/">kontaktovat</a> a domluvíme se.</p>
<p>&nbsp;</p>
</div></div><p>The post <a href="https://www.marketingmind.cz/vykonny-web-pro-agenturu-ktera-zprostredkovava-praci/">Výkonný web pro agenturu, která zprostředkovává práci</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Drátěný model webové stránky (wireframe)</title>
		<link>https://www.marketingmind.cz/drateny-model-wireframe-webove-stranky/</link>
		
		<dc:creator><![CDATA[Jan Petrtyl]]></dc:creator>
		<pubDate>Tue, 13 Mar 2018 20:19:44 +0000</pubDate>
				<category><![CDATA[D]]></category>
		<category><![CDATA[audit webu]]></category>
		<category><![CDATA[drátěný model]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[tvorba webu]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[wireframe]]></category>
		<guid isPermaLink="false">https://www.marketingmind.cz/?p=2518</guid>

					<description><![CDATA[<p>Drátěný model (anglicky wireframe) je grafickým znázorněním hlavních prvků webové stránky. Drátěné modely se používají při tvorbě nových webů nebo při redesignu těch stávajících. V takovém případě navazují na audit [&#8230;]</p>
<p>The post <a href="https://www.marketingmind.cz/drateny-model-wireframe-webove-stranky/">Drátěný model webové stránky (wireframe)</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="dslc-theme-content"><div id="dslc-theme-content-inner"><p><strong>Drátěný model (anglicky wireframe) je grafickým znázorněním hlavních prvků webové stránky. Drátěné modely se používají při <a href="https://www.marketingmind.cz/tvorba-webovych-stranek/">tvorbě nových webů</a> nebo při redesignu těch stávajících. V takovém případě navazují na <a href="https://www.marketingmind.cz/audit-webu-stranek/">audit webu</a>.</strong></p>
<hr />
<p>Hlavními přínosy drátěných modelů jsou:</p>
<ul>
<li>přehlednost (ukazuje, kde co na stránce bude)</li>
<li>možnost včasného provedení úprav (je to snazší a levnější, než když je už vytvořená grafika a muselo by se měnit něco zásadního)</li>
<li>pozitivní dopad do celkové <a href="https://www.marketingmind.cz/ux-uzivatelska-zkusenost-user-experience/">uživatelské přívětivosti (UX)</a> a <a href="https://www.marketingmind.cz/konverzni-pomer-mira-konverze/">konverzního poměru webu</a> (protože wireframy umožňují soustředit se na to nejpodstatnější v rámci navigace, jejich alfou a omegou je orientace na výsledek, ne na nejmenší detaily)</li>
<li>snadnější tvorba v porovnání s kompletní grafickou podobou stránek</li>
</ul>
<figure id="attachment_2521" aria-describedby="caption-attachment-2521" style="width: 388px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2018/03/drateny-model-blogu.png" rel="lightbox[2518]"><img loading="lazy" decoding="async" class="wp-image-2521 size-large" src="https://www.marketingmind.cz/wp-content/uploads/2018/03/drateny-model-blogu-388x1024.png" alt="Drátěný model webové stránky - blogu" width="388" height="1024" srcset="https://www.marketingmind.cz/wp-content/uploads/2018/03/drateny-model-blogu-388x1024.png 388w, https://www.marketingmind.cz/wp-content/uploads/2018/03/drateny-model-blogu-114x300.png 114w, https://www.marketingmind.cz/wp-content/uploads/2018/03/drateny-model-blogu-768x2025.png 768w, https://www.marketingmind.cz/wp-content/uploads/2018/03/drateny-model-blogu-660x1741.png 660w, https://www.marketingmind.cz/wp-content/uploads/2018/03/drateny-model-blogu-450x1187.png 450w, https://www.marketingmind.cz/wp-content/uploads/2018/03/drateny-model-blogu.png 1874w" sizes="auto, (max-width: 388px) 100vw, 388px" /></a><figcaption id="caption-attachment-2521" class="wp-caption-text">Drátěný model webové stránky &#8211; blogu</figcaption></figure>
<h2>Jak vytvořit wireframe</h2>
<p>Příprava drátěných modelů navazuje na <a href="https://www.marketingmind.cz/znate-ukoly-obavy-a-motivace-zakazniku/">analýzu klientů</a>, konkurence, stanovení pozice <a href="https://www.marketingmind.cz/positioning/">značky</a>, <a href="https://www.marketingmind.cz/analyza-klicovych-slov/">analýzu klíčových slov</a> a <a href="https://www.marketingmind.cz/audit-webu-stranek/">audit webu</a>. Díky těmto krokům je možné stavět na reálném základě a opřít se o něj. Jinými slovy &#8211; nepostupuje se naslepo.</p>
<ol>
<li>Máme hotovou strukturu webu (víme, jaké stránky se mají vytvořit)</li>
<li>Víme, co na nich má být (typ a rozsah obsahu)</li>
<li>Můžeme se soustředit na poskládání jednotlivých typů obsahu dohromady</li>
</ol>
<h3>Na počátku stačí tužka a papír</h3>
<p>Způsobů tvorby modelů je celá řada. Model je možné připravit i s pomocí <strong>obyčejné tužky a papíru</strong> (pro zachycení základního schématu, posloupnosti sekcí apod.). Kromě toho existuje celá řada programů (online i offline), které proces tvorby výrazně usnadní.</p>
<h3>Software pro tvorbu wireframů</h3>
<p>Já osobně používám pro tvorbu drátěných modelů program <a href="https://pencil.evolus.vn/" target="_blank" rel="noopener">Project Pencil</a> ↑. Je jednoduchý, ale obsahuje všechno podstatné, co mi umožní připravit model a exportovat jej do formy, kterou mohu prezentovat klientovi. Navíc je k dispozici zdarma.</p>
<figure id="attachment_2523" aria-describedby="caption-attachment-2523" style="width: 1063px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2018/03/program-na-tvorbu-dratenych-modelu-pencil.jpg" rel="lightbox[2518]"><img loading="lazy" decoding="async" class="size-full wp-image-2523" src="https://www.marketingmind.cz/wp-content/uploads/2018/03/program-na-tvorbu-dratenych-modelu-pencil.jpg" alt="Program na tvorbu drátěných modelů Pencil" width="1063" height="847" srcset="https://www.marketingmind.cz/wp-content/uploads/2018/03/program-na-tvorbu-dratenych-modelu-pencil.jpg 1063w, https://www.marketingmind.cz/wp-content/uploads/2018/03/program-na-tvorbu-dratenych-modelu-pencil-300x239.jpg 300w, https://www.marketingmind.cz/wp-content/uploads/2018/03/program-na-tvorbu-dratenych-modelu-pencil-768x612.jpg 768w, https://www.marketingmind.cz/wp-content/uploads/2018/03/program-na-tvorbu-dratenych-modelu-pencil-1024x816.jpg 1024w, https://www.marketingmind.cz/wp-content/uploads/2018/03/program-na-tvorbu-dratenych-modelu-pencil-660x526.jpg 660w, https://www.marketingmind.cz/wp-content/uploads/2018/03/program-na-tvorbu-dratenych-modelu-pencil-450x359.jpg 450w" sizes="auto, (max-width: 1063px) 100vw, 1063px" /></a><figcaption id="caption-attachment-2523" class="wp-caption-text">Program na tvorbu drátěných modelů Pencil</figcaption></figure>
<p>Kromě toho existuje řada dalších nástrojů. Některé z nich mají formu online platformy, která se ovládá v okně prohlížeče, jiné můžete používat, i když jste offline. Zmiňme některé z nich:</p>
<ul>
<li><a href="https://www.axure.com/" target="_blank" rel="noopener">Axure</a> ↑</li>
<li><a href="https://www.justinmind.com/" target="_blank" rel="noopener">Justinmind</a> ↑</li>
<li><a href="https://wireframe.cc/" target="_blank" rel="noopener">Wireframe.cc</a> ↑</li>
<li><a href="https://moqups.com/" target="_blank" rel="noopener">MoqupsUXPin</a> ↑</li>
<li><a href="https://www.mockflow.com/" target="_blank" rel="noopener">Mockflow</a> ↑</li>
</ul>
<p>Tento výčet zdaleka není vyčerpávající. Na webu najdete <a href="https://www.google.cz/search?q=best+wireframe+tools&amp;oq=best+wireframe+tools&amp;aqs=chrome..69i57j69i60j0l4.3741j0j7&amp;sourceid=chrome&amp;ie=UTF-8" target="_blank" rel="noopener">celou řadu článků</a> ↑, které se věnují jejich srovnání. Ty lepší jsou v 99 % případů placené, ale to je zcela v pořádku. Většina z nich má zkušební verze, takže nebudete kupovat zajíce v pytli. Jen pozor, jakou e-mailovou adresu budete zadávat jako kontaktní při registraci. Některé služby totiž doslova bombardují zprávami.</p>
<h2>Další krok: texty a grafický design</h2>
<p>Když jsou drátěné modely hotové, na řadě míst budete mít pouze zástupný text (např. díky tomuto <a href="http://www.lorem-ipsum.cz/" target="_blank" rel="noopener">generátoru textu</a> ↑ Lorem Ipsum). Rámcově byste již měli vědět, co kde má být, takže <a href="https://www.marketingmind.cz/copywriter/">copywriter</a> se bude mít čeho chytit. Následně se připraví grafický design a může se začít s kódováním/tvorbou webu.</p>
<hr />
<p>Pokud chcete <a href="https://www.marketingmind.cz/audit-webu-stranek/">vylepšit</a> váš stávající web nebo <a href="https://www.marketingmind.cz/tvorba-webovych-stranek/">vytvořit zcela nový</a>, ozvěte se mi (<a href="https://www.marketingmind.cz/kontakt/">klikněte sem</a>). Jsem <a href="https://www.marketingmind.cz/specialista-na-online-marketing/">marketingový konzultant</a> a pomáhám firmám výrazně přidat plyn. Rád pomohu i vám.</p>
<p>&nbsp;</p>
</div></div><p>The post <a href="https://www.marketingmind.cz/drateny-model-wireframe-webove-stranky/">Drátěný model webové stránky (wireframe)</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>SEO? Nezapomínejte na kvalitní obsah, pohodlí a dobrou použitelnost webu</title>
		<link>https://www.marketingmind.cz/zajistete-navstevnikum-pohodli-aneb-proc-seo-souvisi-s-ux/</link>
		
		<dc:creator><![CDATA[Jan Petrtyl]]></dc:creator>
		<pubDate>Wed, 06 Dec 2017 09:03:26 +0000</pubDate>
				<category><![CDATA[Online marketing]]></category>
		<category><![CDATA[analýza klíčových slov]]></category>
		<category><![CDATA[audit webu]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://www.marketingmind.cz/?p=2151</guid>

					<description><![CDATA[<p>Má-li váš web vydělávat peníze, je nutné, aby jej lidé našli. Řada firem vynakládá velké úsilí na to, aby jejich prezentace byla na Googlu i Seznamu vidět co nejvýše. Aktivitám [&#8230;]</p>
<p>The post <a href="https://www.marketingmind.cz/zajistete-navstevnikum-pohodli-aneb-proc-seo-souvisi-s-ux/">SEO? Nezapomínejte na kvalitní obsah, pohodlí a dobrou použitelnost webu</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="dslc-theme-content"><div id="dslc-theme-content-inner"><p><strong>Má-li váš web vydělávat peníze, je nutné, aby jej lidé našli. Řada firem vynakládá velké úsilí na to, aby jejich prezentace byla na Googlu i Seznamu vidět co nejvýše. Aktivitám spadajícím do <a href="https://www.marketingmind.cz/seo-optimalizace-vyhledavace/">SEO</a> věnují hodně času a nemalé prostředky. Najít web je jedna věc, zůstat na něm a provést konverzi druhá. Ale úzce spolu souvisejí.</strong></p>
<hr />
<h2>Najít web a zůstat na něm</h2>
<p>Ideální postup vypadá (z pohledu firmy) přibližně takhle:</p>
<ol>
<li>Lidé zadají klíčové slovo či spojení do vyhledávače</li>
<li>Kliknou na web, který se jim z nějakého důvodu líbí nejvíc</li>
<li>Najdou na něm to, co hledají</li>
<li>Udělají to, co si majitel webu přeje (provedou <a href="https://www.marketingmind.cz/konverze/">konverzi</a>)</li>
</ol>
<p>Stává se ale, že i přes velké úsilí jsou konkurenti ve výsledcích vyhledávání nad vámi. Někdy i z na první pohled nepochopitelných důvodů. Odpověď na otázku proč <em>může</em> být relativně jednoduchá: vyhledávač jim dává přednost, protože jejich web se lidem lépe používá a tráví na něm víc času. I když to třeba na první pohled tak nevypadá.</p>
<h2>Jak je na tom vaše konkurence?</h2>
<p>Mimochodem, návštěvnost vašich konkurenčních webů můžete zjistit například pomocí služby <a href="http://www.similarweb.com" target="_blank" rel="noopener">Similarweb.com</a> ↑. Důležitý ukazatel se jmenuje <strong>míra okamžitého opuštění</strong> (anglicky bounce rate). Čím vyšší hodnotu metrika má, tím (většinou) hůře. Zachycuje lidi, kteří na web přijdou a hned zase odejdou. Podobné je to i s <strong>průměrnou dobou návštěvy</strong> &#8211; tam však platí, že čím delší doba na stránce, tím (většinou) lépe.</p>
<h2>Vyhledávače upřednostňují weby, které jsou příjemnější pro lidi</h2>
<p>Základní poučka SEO zní:</p>
<blockquote><p>Web musí být správně optimalizován pro vyhledávače, ale nikdy nezapomínejte, že má sloužit <em>především</em> lidem.</p></blockquote>
<p>Jak Google, tak Seznam chtějí uživatelům dodávat relevantní výsledky. A tak spíše zobrazují odkazy na stránky, ze kterých lidé hned neodcházejí zpět na seznam výsledků, ale na webu zůstávají, protože se jim dobře používá. A najdou na něm zajímavý obsah.</p>
<h2>Jak se posunout výš, když už &#8222;nejde optimalizovat&#8220;?</h2>
<p>Předně &#8211; optimalizovat jde vždy. Mimo jiné i kvůli tomu, že konkurence nespí a optimalizuje sama. Výsledky vyhledávání nejsou statické a vysoké pozice nejsou nijak garantovány. Když dojde inspirace na téma &#8222;co dál dělat&#8220;, pomáhá zpracování kvalitní <a href="https://www.marketingmind.cz/analyza-klicovych-slov/">analýzy klíčových slov</a> (i když ta by měla být stavebním kamenem od počátku). Proč? Už roky se v branži online marketingu skloňuje tříslovná mantra: <em>Content Is King</em> (obsah je král).</p>
<h3>Vytvářejte obsah, který lidé hledají</h3>
<p>Je mnohem jednodušší připravit relevantní obsah, když víte, co lidé chtějí. Není cílem být vidět na jedno či dvě klíčová slova v extrémně konkurenčním odvětví (ač to rozhodně není na škodu). Existuje i řada výrazů v kategoriích, které patří do tzv. long-tail (menší míra hledanosti i konkurence, větší míra detailu). Dalo by se říci, že dobrá analýza klíčových slov slouží jako světla u auta při jízdě v noci. Jízda s nimi je mnohem pohodlnější &#8211; a bezpečnější.</p>
<figure id="attachment_2171" aria-describedby="caption-attachment-2171" style="width: 1032px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2017/12/jak-lide-hledaji-kamna.png" rel="lightbox[2151]"><img loading="lazy" decoding="async" class="wp-image-2171 size-full" src="https://www.marketingmind.cz/wp-content/uploads/2017/12/jak-lide-hledaji-kamna.png" alt="Ukázka toho, jak lidé na internetu hledají kamna a krby" width="1032" height="438" srcset="https://www.marketingmind.cz/wp-content/uploads/2017/12/jak-lide-hledaji-kamna.png 1032w, https://www.marketingmind.cz/wp-content/uploads/2017/12/jak-lide-hledaji-kamna-300x127.png 300w, https://www.marketingmind.cz/wp-content/uploads/2017/12/jak-lide-hledaji-kamna-768x326.png 768w, https://www.marketingmind.cz/wp-content/uploads/2017/12/jak-lide-hledaji-kamna-1024x435.png 1024w, https://www.marketingmind.cz/wp-content/uploads/2017/12/jak-lide-hledaji-kamna-660x280.png 660w, https://www.marketingmind.cz/wp-content/uploads/2017/12/jak-lide-hledaji-kamna-450x191.png 450w" sizes="auto, (max-width: 1032px) 100vw, 1032px" /></a><figcaption id="caption-attachment-2171" class="wp-caption-text">Ukázka toho, jak lidé na internetu hledají kamna a krby</figcaption></figure>
<h3>Představte lidem obsah maximálně efektivním způsobem</h3>
<p>Druhou věcí je, jak příjemně se web lidem používá. Angličtina pro to má výraz <a href="https://www.marketingmind.cz/ux-uzivatelska-zkusenost-user-experience/">UX (user experience)</a>. V zásadě jde o vymyšlení a realizaci co nejlepšího způsobu prezentace informací na webu a maximální usnadnění provedení konverze (viz i téma <a href="https://www.marketingmind.cz/cro-optimalizace-miry-konverze/">CRO</a>). Tou je často odeslání formuláře, telefonát, zobrazení stránky s kontaktem, registrace k odběru novinek apod.</p>
<h3>Audit webu ukáže jasnou cestu vpřed</h3>
<p>Je docela možné, že už jste na webu udělali řadu optimalizačních kroků &#8211; a třeba i probíhaly řadu let zpátky. Jak zajistit, aby web kvůli změnám neztratil dosažené pozice? Všechno musí být promyšlené a podložené čísly. K tomu pomáhá <a href="https://www.marketingmind.cz/audit-webu-stranek/">audit webu</a>. Díky této analýze jsou zjištěna úzká místa současného webu a připraví se i konkrétní návrhy na jeho změny.</p>
<h2>Kdy začít? Teď</h2>
<p>Jsem <a href="https://www.marketingmind.cz/specialista-na-online-marketing/">marketingový konzultant</a> a pomáhám lidem i firmám dosahovat lepších výsledků. Pokud máte chuť přidat plyn, <a href="https://www.marketingmind.cz/kontakt/">dejte mi vědět</a>.</p>
<hr />
<p>Další informace k tématu:</p>
<ul>
<li><a href="https://www.marketingmind.cz/audit-webu-stranek/">Audit webu</a></li>
<li><a href="https://www.marketingmind.cz/webova-analytika/">Webová analytika</a></li>
<li><a href="https://www.marketingmind.cz/analyza-klicovych-slov/">Analýza klíčových slov</a></li>
<li><a href="https://www.marketingmind.cz/cro-optimalizace-miry-konverze/">Optimalizace míry konverze (CRO)</a></li>
<li><a href="https://moz.com/blog/page-content-flow-to-maximize-seo" target="_blank" rel="noopener">Designing a Page&#8217;s Content Flow to Maximize SEO Opportunity &#8211; Whiteboard Friday</a> ↑ (Moz.com)</li>
</ul>
<p>&nbsp;</p>
</div></div><p>The post <a href="https://www.marketingmind.cz/zajistete-navstevnikum-pohodli-aneb-proc-seo-souvisi-s-ux/">SEO? Nezapomínejte na kvalitní obsah, pohodlí a dobrou použitelnost webu</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CRO: optimalizace míry konverze</title>
		<link>https://www.marketingmind.cz/cro-optimalizace-miry-konverze/</link>
		
		<dc:creator><![CDATA[Jan Petrtyl]]></dc:creator>
		<pubDate>Fri, 17 Mar 2017 21:16:22 +0000</pubDate>
				<category><![CDATA[C]]></category>
		<category><![CDATA[CRO]]></category>
		<category><![CDATA[konverze]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">https://www.marketingmind.cz/?p=1035</guid>

					<description><![CDATA[<p>CRO je zkratka anglických slov Conversion Rate Optimization. Česky můžeme tento termín přeložit jako optimalizace míry konverze. V podstatě jde o soubor činností, které ve výsledku dosáhnou toho, že web je [&#8230;]</p>
<p>The post <a href="https://www.marketingmind.cz/cro-optimalizace-miry-konverze/">CRO: optimalizace míry konverze</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="dslc-theme-content"><div id="dslc-theme-content-inner"><p><strong>CRO</strong> je zkratka anglických slov <strong>Conversion Rate Optimization</strong>. Česky můžeme tento termín přeložit jako optimalizace míry <a href="https://www.marketingmind.cz/konverze/">konverze</a>. V podstatě jde o soubor činností, které ve výsledku dosáhnou toho, že <a href="https://www.marketingmind.cz/webova-prezentace/">web</a> je úspěšnější, výkonnější. CRO souvisí s pojmem <a href="https://www.marketingmind.cz/ux-uzivatelska-zkusenost-user-experience/">UX</a>. A to má pozitivní vliv na nastavené <a href="https://www.marketingmind.cz/kpi-klicovy-indikator-vykonu/">metriky výkonnosti</a>.</p>
<h2>Malé rozdíly v míře konverze mají velké důsledky</h2>
<p>Trochu jsem na toto téma zabrousil i v tématu <a href="https://www.marketingmind.cz/webova-analytika/">webová analytika</a>. Představte si, že na web vám měsíčně přijde 10.000 lidí. Podívejme se, jak se projeví rozdíly v míře konverze v praxi.</p>
<h3>Konverzní poměr 2 %</h3>
<p>Z výše uvedených 10.000 lidí při tomto konverzním poměru pošle poptávku 0,02 x 10.000 = 200. Při 25 % úspěšnosti je to <strong>50 skutečných zákazníků</strong>.</p>
<h3>Konverzní poměr 4 %</h3>
<p>Při analogickém výpočtu (změnila se pouze míra konverze) je <strong>počet zákazníků dvojnásobný, tj. 100</strong>. To znamená i <strong>dvojnásobný zisk</strong>.</p>
<h2>Jak se optimalizuje míra konverze?</h2>
<p>Metod pro CRO je celá řada. Moc se mi líbí, jak k výzvě přistoupilo Qualaroo (viz odkaz níže). Tady je příklad (ano, trochu složitější, ale stojí za to) od SEO Gadget:</p>
<p><a href="http://seogadget.com/conversion-rate-optimisation/" data-cke-saved-href="http://seogadget.com/conversion-rate-optimisation/"><img decoding="async" title="The SEOGadget guide to Conversion Rate Optimisation - Infographic" src="https://d2v4zi8pl64nxt.cloudfront.net/1340399351_2d1692d14db762fffc739ecb426a5b4f.jpg" alt="The SEOGadget guide to Conversion Rate Optimisation - Infographic" width="630" data-cke-saved-src="https://d2v4zi8pl64nxt.cloudfront.net/1340399351_2d1692d14db762fffc739ecb426a5b4f.jpg" /></a><br />
<a href="http://seogadget.com/conversion-rate-optimisation/" data-cke-saved-href="http://seogadget.com/conversion-rate-optimisation/">CRO infografika od SEOgadget.co.uk</a> ↑, mrkněte i na <a href="https://moz.com/blog/seogadget-guide-conversion-rate-optimization" data-cke-saved-href="https://moz.com/blog/seogadget-guide-conversion-rate-optimization">full guide od SEOmoz</a> ↑</p>
<h2>Co (mimo jiné) ovlivňuje míru konverze</h2>
<ol>
<li><strong>Jasně definovaná hodnota:</strong> co vlastně bude návštěvník webu mít z toho, že konverzi udělá?</li>
<li><strong>Relevance:</strong> Je to, co návštěvník na webu v souladu s tím, co očekává, že uvidí?</li>
<li><strong>Jasné sdělení:</strong> Ruku na srdce &#8211; je to, co na stránce lidi vidí, pochopitelné?</li>
<li><strong>Jistota/nejistota: </strong>Je na stránce něco, co u návštěvníka vyvolává nejistotu a způsobuje, že návštěvník pochybuje?</li>
<li><strong>Rozptýlení:</strong> Co vidí návštěvník jako první/hlavní? Pomáhá to účelu, nebo je to kontraproduktivní?</li>
<li><strong>Naléhavost:</strong> Proč by měli návštěvníci jednat hned teď? Mají důvod?</li>
</ol>
<p>Kromě výše uvedeného je ještě celá řada dalších faktorů, které mají vliv. Namátkou je to technologie a technická přívětivost webu.</p>
<h2>Používané metody</h2>
<p>Při optimalizaci míry konverze se používají například tyto metody:</p>
<ul>
<li>A/B testování</li>
<li>multivariantní testování</li>
<li>uživatelské testování</li>
<li>webová analytika</li>
<li>analýza pomocí oční kamery</li>
</ul>
<figure id="attachment_1048" aria-describedby="caption-attachment-1048" style="width: 1040px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2017/03/ocni-kamera.jpg" rel="lightbox[1035]"><img loading="lazy" decoding="async" class="size-full wp-image-1048" src="https://www.marketingmind.cz/wp-content/uploads/2017/03/ocni-kamera.jpg" alt="Oční kamera, kterou má k dispozici Katedra marketingu, obchodu a služeb na FEK ZČU v Plzni" width="1040" height="570" srcset="https://www.marketingmind.cz/wp-content/uploads/2017/03/ocni-kamera.jpg 1040w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ocni-kamera-300x164.jpg 300w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ocni-kamera-768x421.jpg 768w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ocni-kamera-1024x561.jpg 1024w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ocni-kamera-660x362.jpg 660w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ocni-kamera-450x247.jpg 450w" sizes="auto, (max-width: 1040px) 100vw, 1040px" /></a><figcaption id="caption-attachment-1048" class="wp-caption-text">Oční kamera, kterou má k dispozici Katedra marketingu, obchodu a služeb na FEK ZČU v Plzni</figcaption></figure>
<hr />
<p>Další informace související s tématem <strong>CRO</strong>:</p>
<ul>
<li><a href="https://moz.com/blog/seogadget-guide-conversion-rate-optimization" target="_blank">Zvyšování míry konverze</a> ↑ (MOZ.com)</li>
<li><a href="https://www.kaushik.net/avinash/excellent-analytics-tip5-conversion-rate-basics-best-practices/" target="_blank">Avinash Kaushik o CRO</a> ↑</li>
<li><a href="https://qualaroo.com/beginners-guide-to-cro/" target="_blank">Zvyšování míry konverze krok za krokem</a> ↑(Qualaroo.com)</li>
<li><a href="https://en.wikipedia.org/wiki/Conversion_rate_optimization" target="_blank">Téma na anglické Wikipedii</a> ↑</li>
<li><a href="http://www.h1.cz/files/cro_publikace.pdf" target="_blank">e-Publikace z dílny české H1</a> ↑ [PDF]</li>
<li><a href="http://robertnemec.com/umime/zvyseni-miry-konverze/" target="_blank">Možnosti optimalizace podle Roberta Němce</a> ↑</li>
</ul>
<p>&nbsp;</p>
</div></div><p>The post <a href="https://www.marketingmind.cz/cro-optimalizace-miry-konverze/">CRO: optimalizace míry konverze</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UX &#8211; uživatelská zkušenost</title>
		<link>https://www.marketingmind.cz/ux-uzivatelska-zkusenost-user-experience/</link>
		
		<dc:creator><![CDATA[Jan Petrtyl]]></dc:creator>
		<pubDate>Sun, 05 Mar 2017 16:12:27 +0000</pubDate>
				<category><![CDATA[U]]></category>
		<category><![CDATA[audit webu]]></category>
		<category><![CDATA[CRO]]></category>
		<category><![CDATA[optimalizace]]></category>
		<category><![CDATA[tvorba webu]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">http://www.marketingmind.cz/?p=793</guid>

					<description><![CDATA[<p>UX (anglicky User Experience) v překladu znamená uživatelská zkušenost. Jaká je v ČR pravděpodobně hlavní používaná definice? UX je sada technik a metod, které lze použít pro návrh nějakého konkrétního [&#8230;]</p>
<p>The post <a href="https://www.marketingmind.cz/ux-uzivatelska-zkusenost-user-experience/">UX &#8211; uživatelská zkušenost</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="dslc-theme-content"><div id="dslc-theme-content-inner"><p><strong>UX</strong> (anglicky User Experience) v překladu znamená uživatelská zkušenost. Jaká je v ČR pravděpodobně hlavní používaná definice?</p>
<blockquote><p><strong>UX je sada technik a metod, které lze použít pro návrh nějakého konkrétního uživatelského rozhraní. Je jedno zda <a href="https://www.marketingmind.cz/webova-prezentace/">webové stránky</a> či aplikace.</strong></p>
<p style="text-align: right;">— Asociace UX</p>
</blockquote>
<p style="text-align: left;">UX odpovídá na otázku &#8222;Jak udělat web, aby dělal to, co má.&#8220;</p>
<h2 style="text-align: left;">Čtyři pilíře UX</h2>
<p>Uživatelská zkušenost stojí na čtyřech pilířích. Jsou jimi:</p>
<ol>
<li><strong>Uživatelský výzkum</strong> (co by lidé na webu chtěli, očekávali apod.)</li>
<li><strong>Interakční design</strong> (drátěné modely, návrh konkrétních stránek)</li>
<li><strong>Informační architektura</strong> (informační struktura webu &#8211; co se kde nachází)</li>
<li><strong>Vizuální design</strong> (všimněte si, že vlastní design je až na posledním místě)</li>
</ol>
<h2 style="text-align: left;">Hlavní cíl: skvěle navržený výsledek, který funguje bez překážek</h2>
<p>Každý, kdo má web, chce, aby dobře fungoval. Aby na něm lidé našli to, co hledají, a když to najdou, aby se ozvali, že to chtějí (udělali <a href="https://www.marketingmind.cz/konverze/">konverzi</a>). Je to podobné jako v případě <a href="https://www.marketingmind.cz/gibsonova-affordance/">Gibsonovy affordance</a>. Když se chcete napít z hrnku, vezmete jej za ouško. Analogie u dobře navrženého webu: když chcete najít kontakt, najdete ho. Zkrátka &#8211; nikdo nemá rád překážky.</p>
<h2>Webdesign bez UX je jako auto bez kol</h2>
<p>Při <a href="https://www.marketingmind.cz/tvorba-webovych-stranek/">tvorbě webu</a> má tedy UX nezastupitelné místo. U nových webů jde o naprostou nezbytnost, u již existujících <a href="https://www.marketingmind.cz/webova-prezentace/">webových prezentací</a> se v rámci auditu webu vedoucího ke zvýšení jeho výkonu uplatňuje mimo jiné tzv. CRO (Converstion Rate Optimization). CRO je však pojmem užším (Robert Němec říká, že UX je večeře a CRO párek v rohlíku).</p>
<hr />
<p>Další informace k tématu UX:</p>
<ul>
<li><a href="http://www.asociaceux.cz/zacinate-s-user-experience" target="_blank">Začínáte s User Experience?</a> ↑ (Asociace UX)</li>
<li><a href="https://en.wikipedia.org/wiki/User_experience" target="_blank">User Experience</a> ↑ (Wikipedia)</li>
<li><a href="http://www.allaboutux.org/ux-definitions" target="_blank">Celá řada definic UX v angličtině</a> ↑ (AllAboutUX)</li>
</ul>
</div></div><p>The post <a href="https://www.marketingmind.cz/ux-uzivatelska-zkusenost-user-experience/">UX &#8211; uživatelská zkušenost</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Gibsonova affordance</title>
		<link>https://www.marketingmind.cz/gibsonova-affordance/</link>
		
		<dc:creator><![CDATA[Jan Petrtyl]]></dc:creator>
		<pubDate>Sat, 04 Mar 2017 20:51:23 +0000</pubDate>
				<category><![CDATA[G]]></category>
		<category><![CDATA[gibsonova affordance]]></category>
		<category><![CDATA[UX]]></category>
		<guid isPermaLink="false">http://www.marketingmind.cz/?p=674</guid>

					<description><![CDATA[<p>Gibsonova affordance (anglicky Gibsonian affordance) je ve své podstatě možností, kterou lze učinit. K její realizaci však přispívá implicitní návod, který tuto realizaci usnadňuje, navádí k ní. Může jít o [&#8230;]</p>
<p>The post <a href="https://www.marketingmind.cz/gibsonova-affordance/">Gibsonova affordance</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="dslc-theme-content"><div id="dslc-theme-content-inner"><p><strong>Gibsonova affordance</strong> (anglicky Gibsonian affordance) je ve své podstatě možností, kterou lze učinit. K její realizaci však přispívá implicitní návod, který tuto realizaci usnadňuje, navádí k ní. Může jít o jednoduchou nálepku SEM/TAM na dveřích, ouško u hrnku nebo &#8211; v případě online marketingu &#8211; konverzní tlačítko s popisem akce, se kterou je spojeno.</p>
<figure id="attachment_833" aria-describedby="caption-attachment-833" style="width: 536px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2017/03/ousko-hrnku-je-gibsonovou-affordanci.jpg" rel="lightbox[674]"><img loading="lazy" decoding="async" class=" wp-image-833" src="https://www.marketingmind.cz/wp-content/uploads/2017/03/ousko-hrnku-je-gibsonovou-affordanci.jpg" alt="Gibsonovou affordancí je i obyčejnéGibsonovou affordancí je i obyčejné ouško u hrnečku ouško u hrnečku" width="536" height="389" srcset="https://www.marketingmind.cz/wp-content/uploads/2017/03/ousko-hrnku-je-gibsonovou-affordanci.jpg 914w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ousko-hrnku-je-gibsonovou-affordanci-300x218.jpg 300w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ousko-hrnku-je-gibsonovou-affordanci-768x557.jpg 768w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ousko-hrnku-je-gibsonovou-affordanci-660x479.jpg 660w, https://www.marketingmind.cz/wp-content/uploads/2017/03/ousko-hrnku-je-gibsonovou-affordanci-450x326.jpg 450w" sizes="auto, (max-width: 536px) 100vw, 536px" /></a><figcaption id="caption-attachment-833" class="wp-caption-text">Gibsonovou affordancí je i obyčejné ouško u hrnečku</figcaption></figure>
<p>Bez důkladnějšího zamyšlení se může zdát, že na přidání konverzního tlačítka, vidí-li lidé e-mailovou adresu a telefonní číslo, nezáleží. Jenomže právě konverzní tlačítko, stejně jako nálepka na dveřích informující o tom, kam se otevírají, <strong>zásadně usnadňuje</strong> <strong>provedení požadované akce a zvyšuje tak pravděpodobnost úspěchu</strong>. Příkladem, kdy je třeba affordancím věnovat obzvláštní pozornost, je doména <a href="https://www.marketingmind.cz/ux-uzivatelska-zkusenost-user-experience/">UX &#8211; uživatelské zkušenosti</a>.</p>
<blockquote><p><strong>Proto má pozornost věnovaná správnému užití gibsonovských affordancí v <a href="https://www.marketingmind.cz/marketing/">marketingu</a> zcela zásadní význam.</strong></p></blockquote>
<p>&nbsp;</p>
<figure id="attachment_676" aria-describedby="caption-attachment-676" style="width: 832px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/kontakt/#kontakt"><img loading="lazy" decoding="async" class="wp-image-676 size-full" src="https://www.marketingmind.cz/wp-content/uploads/2017/03/priklad-gibsonovske-affordance-konverzni-tlacitko.png" alt="Příkladem gibsonovské affordance je i konverzní tlačítko." width="832" height="489" srcset="https://www.marketingmind.cz/wp-content/uploads/2017/03/priklad-gibsonovske-affordance-konverzni-tlacitko.png 832w, https://www.marketingmind.cz/wp-content/uploads/2017/03/priklad-gibsonovske-affordance-konverzni-tlacitko-300x176.png 300w, https://www.marketingmind.cz/wp-content/uploads/2017/03/priklad-gibsonovske-affordance-konverzni-tlacitko-768x451.png 768w, https://www.marketingmind.cz/wp-content/uploads/2017/03/priklad-gibsonovske-affordance-konverzni-tlacitko-660x388.png 660w, https://www.marketingmind.cz/wp-content/uploads/2017/03/priklad-gibsonovske-affordance-konverzni-tlacitko-450x264.png 450w" sizes="auto, (max-width: 832px) 100vw, 832px" /></a><figcaption id="caption-attachment-676" class="wp-caption-text">Příkladem gibsonovské affordance je i konverzní tlačítko.</figcaption></figure>
</div></div><p>The post <a href="https://www.marketingmind.cz/gibsonova-affordance/">Gibsonova affordance</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Lama Mobile: redesign webu</title>
		<link>https://www.marketingmind.cz/lama-mobile/</link>
		
		<dc:creator><![CDATA[Jan Petrtyl]]></dc:creator>
		<pubDate>Wed, 25 Jan 2017 21:12:38 +0000</pubDate>
				<category><![CDATA[Konzultační činnost]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[redesign webu]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">http://www.marketingmind.cz/?p=179</guid>

					<description><![CDATA[<p>Pro Lama Mobile jsem jako konzultant pracující v agentuře MarketUP navrhoval redesign webu. Úkolem bylo zvýšit jeho obchodní výkonnost. Obchodní výkonností se myslí počet leadů/nově registrovaných zákazníků. Analýza současného stavu Nejdříve jsme [&#8230;]</p>
<p>The post <a href="https://www.marketingmind.cz/lama-mobile/">Lama Mobile: redesign webu</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="dslc-theme-content"><div id="dslc-theme-content-inner"><p>Pro <strong>Lama Mobile</strong> jsem jako konzultant pracující v agentuře MarketUP navrhoval <strong>redesign webu</strong>. Úkolem bylo zvýšit jeho obchodní výkonnost. Obchodní výkonností se myslí počet leadů/nově registrovaných zákazníků.</p>
<h2>Analýza současného stavu</h2>
<p>Nejdříve jsme se seznámili s charakteristikou zákaznických segmentů a s největšími zaznamenanými výzvami. Po pečlivé analýze bylo rozhodnuto, že změnou projdou tyto oblasti stávajícícho:</p>
<ol>
<li><strong>Struktura</strong> a rozložení jednotlivých stránek na <strong>webu</strong></li>
<li>Zásadní <strong>zjednodušení konverzní cesty</strong></li>
<li>Lepší <strong>texty</strong> (bylo zapotřebí udělat zásadně lepší copywriting)</li>
<li>Hezčí <strong>grafika</strong></li>
</ol>
<h3>Pojmenování optimální konverzní cesty</h3>
<p>Web je výkonný v případě, že dělá to, co se po něm chce. Jak už jsem napsal výše, v případě webu jako je Lama mobile je důležité, aby díky němu virtuální operátor získával <strong>nové klienty</strong>. Web není jejich primární zdroj, ale spíše podpůrný mechanismus, který umožňuje lidem, kteří už o Lama mobile slyšeli, <strong>provést registraci</strong>. To znamená následující:</p>
<ul>
<li>Přijdu na web</li>
<li>Vím, o co se jedná, web ve mně budí důvěru</li>
<li>Pokud mi před návštěvou chyběly nějaké informace, snadno je najdu</li>
<li>Když jsem nerozhodný, stránka nenásilně tlačí na to, abych se rozhodl</li>
<li>Chápu, co mi stránka sděluje a vím, jak se dostat tam, kam potřebuji</li>
<li>Při cestě tam, kam potřebuji, se mi nic neplete do cesty, ale naopak mě vše vede ke <strong>konverzi</strong></li>
</ul>
<h3>Příprava nové struktury webu</h3>
<p>Na začátku jsem seřadil všechny stránky z celého webu. Určil jsem ty klíčové/nejdůležitější a zvážil, zda je možné a účelné přesunout obsah z těch ostatních. Když jsme měli jasno v tom, jak se má potenciální zákazník po webu ideálně pohybovat, přistoupili jsme k aktivitě, jejímž výsledkem byl základní rámec vzhledu stránek.</p>
<figure id="attachment_427" aria-describedby="caption-attachment-427" style="width: 300px" class="wp-caption aligncenter"><a href="https://www.marketingmind.cz/wp-content/uploads/2017/01/konfigurator-mobilniho-tarifu.jpg" rel="lightbox"><img loading="lazy" decoding="async" class="wp-image-427 size-medium" src="https://www.marketingmind.cz/wp-content/uploads/2017/01/konfigurator-mobilniho-tarifu-300x132.jpg" alt="Konfigurátor pro výběr mobilního tarifu je klíčovou součástí stránek" width="300" height="132" srcset="https://www.marketingmind.cz/wp-content/uploads/2017/01/konfigurator-mobilniho-tarifu-300x132.jpg 300w, https://www.marketingmind.cz/wp-content/uploads/2017/01/konfigurator-mobilniho-tarifu-768x338.jpg 768w, https://www.marketingmind.cz/wp-content/uploads/2017/01/konfigurator-mobilniho-tarifu-660x290.jpg 660w, https://www.marketingmind.cz/wp-content/uploads/2017/01/konfigurator-mobilniho-tarifu-450x198.jpg 450w, https://www.marketingmind.cz/wp-content/uploads/2017/01/konfigurator-mobilniho-tarifu.jpg 1000w" sizes="auto, (max-width: 300px) 100vw, 300px" /></a><figcaption id="caption-attachment-427" class="wp-caption-text">Konfigurátor pro výběr mobilního tarifu je klíčovou součástí stránek</figcaption></figure>
<h3>Tvorba drátěných modelů</h3>
<p><strong>Drátěné modely</strong>, někdy se jim říká <strong>wireframy</strong>, jsou jednoduché, ale přesné skici, které zachycují <strong>základní prvky webové stránky</strong> (umístění textů, obrázků, tlačítek a dalších základních prvků). Většinou nejsou barevné, i když existuje software tvořící plně interaktivní drátěné modely. Používá ho například Praguebest, se kterým jsem spolupracoval například na <a href="https://www.marketingmind.cz/esthe-plastika/">tvorbě webu pro Esthé</a> nebo vzniku webu AV Media.</p>
<h3>Nové texty</h3>
<p>Na nový<strong> copywriting</strong> (anglický výraz pro tvorbu textů)  byl kladen obzvláštní důraz. Textů bylo skutečně požehnaně. Zapomněl jsem dodat, že od počátku práce na zakázce jsme pracovali pod velkým časovým tlakem. Kolega Martin tak pracoval dlouho do noci a brzy od rána. Nakonec jsme všechno stihli. Výsledek jsme poslali k připomínkování klientovi. Připomínky byly kosmetické, a tak jsme jeli výsledek prezentovat vedení firmy.</p>
<p>Grafiku si Lama mobile zajistila jinde (tak zněla od počátku dohoda), nicméně prakticky vše, co jsme navrhli (včetně konfigurátoru tarifu) běží dodnes.</p>
<h2>Také máte zájem o redesign webu?</h2>
<p>Výborně! Možná, že Vás bude zajímat sekce <a href="https://www.marketingmind.cz/tvorba-webovych-stranek/">tvorba a audit webových stránek</a>, nicméně pokud ji chcete přeskočit, <a href="https://www.marketingmind.cz/kontakt/">rovnou se mi ozvěte</a>.</p>
</div></div><p>The post <a href="https://www.marketingmind.cz/lama-mobile/">Lama Mobile: redesign webu</a> appeared first on <a href="https://www.marketingmind.cz">Marketing Mind</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
