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 webu.

---

Hlavními přínosy drátěných modelů jsou:

• přehlednost (ukazuje, kde co na stránce bude)
• 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)
• pozitivní dopad do celkové uživatelské přívětivosti (UX) a konverzního poměru webu (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)
• snadnější tvorba v porovnání s kompletní grafickou podobou stránek

Jak vytvořit wireframe

Příprava drátěných modelů navazuje na analýzu klientů, konkurence, stanovení pozice značky, analýzu klíčových slov a audit webu. 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 – nepostupuje se naslepo.

1. Máme hotovou strukturu webu (víme, jaké stránky se mají vytvořit)
2. Víme, co na nich má být (typ a rozsah obsahu)
3. Můžeme se soustředit na poskládání jednotlivých typů obsahu dohromady

Na počátku stačí tužka a papír

Způsobů tvorby modelů je celá řada. Model je možné připravit i s pomocí obyčejné tužky a papíru (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í.

Software pro tvorbu wireframů

Já osobně používám pro tvorbu drátěných modelů program Project Pencil ↑. 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.

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:

• Axure ↑
• Justinmind ↑
• Wireframe.cc ↑
• MoqupsUXPin ↑
• Mockflow ↑

Tento výčet zdaleka není vyčerpávající. Na webu najdete celou řadu článků ↑, 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.

Další krok: texty a grafický design

Když jsou drátěné modely hotové, na řadě míst budete mít pouze zástupný text (např. díky tomuto generátoru textu ↑ Lorem Ipsum). Rámcově byste již měli vědět, co kde má být, takže copywriter 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.

---

Pokud chcete vylepšit váš stávající web nebo vytvořit zcela nový, ozvěte se mi (klikněte sem). Jsem marketingový konzultant a pomáhám firmám výrazně přidat plyn. Rád pomohu i vám.

 

Konverzní poměr (míra konverze) je počet konverzí vydělený počtem unikátních návštěvníků nebo návštěv. Jak říká Avinash Kaushik ↑, světový guru webové analytiky, pravděpodobně neexistuje metrika, která by si zasloužila více obdivu a pozornosti. Proč? Protože tento ukazatel má přímou souvislost s výkonem webu. Čím vyšší je konverzní poměr, tím je web úspěšnější (efektivnější) při plnění stanovených cílů (prodej, odeslání poptávky, registrace k odběru newsletteru, zavolání na telefonní číslo, objednání termínu schůzky atd.)

Konverzní poměr vs. počet konverzí

Představte si dva e-shopy. Na jednom bylo zaznamenáno 100 konverzí (obchod A), na druhém 50 (obchod B) během jednoho dne. Který je (odhlédnuto od jiných ukazatelů) úspěšnější? Samozřejmě ten první, chtělo by se říci. Jenomže pokud doplníme klíčový údaj, kterým je počet návštěv, dostávají se zmiňované hodnoty do zcela jiného světla:

• obchod A: 10.000 návštěv, tj. konverzní poměr = 100/10.000 = 1 %
• obchod B: 500 návštěv, tj. konverzní poměr = 50/500 = 10 %

Vidíme, že obchod B je při prodeji výrazně efektivnější.

Jak zvýšit konverzní poměr webu

Možností je celá řada. Pokud máte web, s jehož výkonem nejste zcela spokojeni, pomůže například provedení odborného auditu. Pokud jde o konkrétní metody, možná, že vás bude zajímat téma optimalizace míry konverze (CRO), kde jsou některé z nich přehledně popsány. Jsem marketingový konzultant a pokud chcete dosahovat lepších výsledků, dejte mi vědět. Rád vám pomohu.

Konverzní poměr v rámci Marketing Funnel

Philip Kotler poukazuje na ještě další význam termínu konverzní poměr. Ten je poněkud širší než míra konverze na webu, ačkoli princip jeho stanovení je podobný. Jde o to, jak zákazník postupuje skrze tzv. marketing funnel, čili skrze od všech lidí na trhu až po loajální zákazníky. Konverzní poměr je pak definován jako

procento zákazníků, kteří z jednoho stadia postoupili do dalšího

---

Další zdroje informací:

• Klíčové metriky výkonnosti (KPI)
• Kaushik, A. Webová analytika 2.0 ↑ Brno: Computer Press, 2011. ISBN: 978-80-251-2964-7
• Kotler, P.; Keller, K. L. Marketing Management. Harlow: Pearson Education, 2016. ISBN: 978-1-292-09262-1

 

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 SEO 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í.

---

Najít web a zůstat na něm

Ideální postup vypadá (z pohledu firmy) přibližně takhle:

1. Lidé zadají klíčové slovo či spojení do vyhledávače
2. Kliknou na web, který se jim z nějakého důvodu líbí nejvíc
3. Najdou na něm to, co hledají
4. Udělají to, co si majitel webu přeje (provedou konverzi)

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č může 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á.

Jak je na tom vaše konkurence?

Mimochodem, návštěvnost vašich konkurenčních webů můžete zjistit například pomocí služby Similarweb.com ↑. Důležitý ukazatel se jmenuje míra okamžitého opuštění (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 průměrnou dobou návštěvy – tam však platí, že čím delší doba na stránce, tím (většinou) lépe.

Vyhledávače upřednostňují weby, které jsou příjemnější pro lidi

Základní poučka SEO zní:

Web musí být správně optimalizován pro vyhledávače, ale nikdy nezapomínejte, že má sloužit především lidem.

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.

Jak se posunout výš, když už „nejde optimalizovat“?

Předně – 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 „co dál dělat“, pomáhá zpracování kvalitní analýzy klíčových slov (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: Content Is King (obsah je král).

Vytvářejte obsah, který lidé hledají

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ší – a bezpečnější.

Představte lidem obsah maximálně efektivním způsobem

Druhou věcí je, jak příjemně se web lidem používá. Angličtina pro to má výraz UX (user experience). 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 CRO). Tou je často odeslání formuláře, telefonát, zobrazení stránky s kontaktem, registrace k odběru novinek apod.

Audit webu ukáže jasnou cestu vpřed

Je docela možné, že už jste na webu udělali řadu optimalizačních kroků – 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á audit webu. 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.

Kdy začít? Teď

Jsem marketingový konzultant a pomáhám lidem i firmám dosahovat lepších výsledků. Pokud máte chuť přidat plyn, dejte mi vědět.

---

Další informace k tématu:

• Audit webu
• Webová analytika
• Analýza klíčových slov
• Optimalizace míry konverze (CRO)
• Designing a Page’s Content Flow to Maximize SEO Opportunity – Whiteboard Friday ↑ (Moz.com)

 

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 uživatelského rozhraní. Je jedno zda webové stránky či aplikace.

— Asociace UX

UX odpovídá na otázku „Jak udělat web, aby dělal to, co má.“

Čtyři pilíře UX

Uživatelská zkušenost stojí na čtyřech pilířích. Jsou jimi:

1. Uživatelský výzkum (co by lidé na webu chtěli, očekávali apod.)
2. Interakční design (drátěné modely, návrh konkrétních stránek)
3. Informační architektura (informační struktura webu – co se kde nachází)
4. Vizuální design (všimněte si, že vlastní design je až na posledním místě)

Hlavní cíl: skvěle navržený výsledek, který funguje bez překážek

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 konverzi). Je to podobné jako v případě Gibsonovy affordance. 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 – nikdo nemá rád překážky.

Webdesign bez UX je jako auto bez kol

Při tvorbě webu má tedy UX nezastupitelné místo. U nových webů jde o naprostou nezbytnost, u již existujících webových prezentací 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).

---

Další informace k tématu UX:

• Začínáte s User Experience? ↑ (Asociace UX)
• User Experience ↑ (Wikipedia)
• Celá řada definic UX v angličtině ↑ (AllAboutUX)