�ݺ�ߣ

Efektivní online prezentace
IT Logica s.r.o. | Bendlova 131/1, Brno18. duben 2013
SEO/SEM konzultant: Mgr. Ivo Kylián

I. Efektivní vývoj
webové prezentace
Aneb dvakrát měř, jednou řež (řeš)…

Předimplementační
analýza
?
??
?
1. krok ��ý��

Předimplementační analýza
• Dobrá počáteční analýza zajistí efektivní plnění
vašich cílů a očekávání uživatelů webu.
• I u malého internetového projektu je vhodná
základní marketingová analýza.
Utřídí požadavky jak na vývoj aplikace,
tak i na vlastní design a obsah.

Co předimplementační analýza
specifikuje?
Výběr vhodné technologie
• PHP, Java, Ruby, Javascript…
Popis chování webové aplikace
• Definice chování uživatelů a uživatelského rozhraní
Statistiky a data
• Popis, která data mají být sbírána a které mají být výstupem
Vyžadované standardy
• Předpoklady pro přístupnost a použitelnost webu, různé platformy

A co ještě získáte?
Přesnější nacenění projektu
Zpracování analýzy = oslovení více firem s poptávkou
Možnost rozdělit větší projekt na vývojové fáze
Práce dle harmonogramu – sledování plnění termínů
Možnost postupných plateb v průběhu ��ý��

analýza
Návrh struktury
webu
??
?
2. krok ��ý��

Návrh struktury webu
• Vytvoření hiearchie dělení informací (menu)
• Definice cílů webu a cest k plnění těchto cílů
• nákup produktů
• objednávka obch. informací
• stránka s kontakty
• vyplnění formuláře
• odběr newsletterů atd.
Cíle:

Wireframes (drátěné modely) řešení webu
Více návrhů vám ušetří peníze při vývoji stránek
Možnost výběru optimální varianty

analýza
Návrh struktury
webu
Grafika,
firemní identita
?
?
3. krok ��ý��

Významná část
rozpočtu
Konkrétní zadání =
očekávaný
výsledek
Uživatelská
použitelnost
Podstránky plní
dílčí cíle
Důvěryhodný
vzhled
odpovídající
identitě firmy
Grafika a firemní identita

analýza
Návrh struktury
webu
Grafika,
firemní identita
Vlastní tvorba
webu
?
4. krok ��ý��

Vlastní tvorba webu
Vhodný programovací jazyk
• Požadavky na další rozvoj, náročnost na hardware
Požadavky na administrační systém
• Řešení „krabicové“ nebo přesně na míru
Datové výstupy
• RSS, XML feedy, posty do sociálních sítí
Zobrazování na různých platformách
• Různá rozlišení, responzivní design, mobilní verze, mobilní aplikace
Testování
• Základní technické a uživatelské testování

analýza
Návrh struktury
webu
Grafika,
firemní identita
Vlastní tvorba
webu
Plnění obsahu
5. krok ��ý��

• Již při tvorbě webu musí být jasné, „co se kam dá“
• Dostatečná velikost písma a kontrast vůči pozadí
• Texty jsou důležité jak pro uživatele, tak i pro roboty.
• Uživatelé hodnotí přínos webu i na základě textů.
• Vyhledávací roboti hodnotí obsah webu i relevantnost
k hledanému dotazu.
• Důležitá je také přehlednost textových informací,
správná struktura a sémantické zvýrazňování textu.
Plnění obsahu

II. Efektivní
webová prezentace
Aneb jak zlepšit to, co již mám…

Optimalizace konverzního poměru
internetových stránek
• nákup produktů
• objednávka obch. informací
• stránka s kontakty
• vyplnění formuláře
• odběr newsletterů atd.
Konverzní
cíle:
Konverze = splnění cíle

„4 zákazníci ze 100 návštěvníků
jsou lepší než 2 …“

Jak zvýšit konverzní poměr webu?
Cesta to není krátká, ale se zaslouženou odměnou…
…vyšším ziskem!

• Pověst stránek poskytuje návštěvníkům jistotu,
že vaše firma je seriózní značkou.
Prezentace musí být důvěryhodná

Krok 1 – nastavení si cílů a cest
Pokuste se
vcítit do role
návštěvníka
webu
Stanovte cíle
návštěvníků a
kudy prochází
Ne všichni
vstupují přes
titulní stranu
Zbytečné
informace či
odkazy odvádí
pozornost

Krok 2 – základní webová analytika
Jsou zřetelné
ovládací
prvky
prezentace?
Přichází
návštěvníci
tam, kam
potřebujete?
Získají
potřebné
informace?
Základy
Google
Analytics

Krok 3 – identifikace překážek
Sbírejte námitky
a názory
návštěvníků
Umístěte formulář
pro připomínky
Motivujte odměnou
(sleva na nákup atd.)

Krok 4 – optimalizujte web offline
Studujte potřeby
zákazníků i se
zákazníky
Mluvte s
prodavači,
obchodními
zástupci…
Zavolejte
anonymně na
zákaznickou
linku

Krok 5 – chybějící informace
Informace
„navíc“
vzbuzují
důvěru
Reference
před
nákupem
zajímají
Na otázky v
diskusích
odpovídejte
rychle a
věcně
Budujte
komunitu v
sociálních
sítích a
fórech

Krok 6 – laické testování webu
Mobilní
zařízení
Různé
prohlížeče
Základní
uživatelské
testování
Zpětná
vazba po
výzvě

Krok 7 – odborné testování webu
Audit
přístupnosti
a analýza
použitelnosti
Bezpečnostní
audit
Heatmapy
proklikovosti
A/B testování
více variant

• Odborné ověření, zda web plní pravidla přístupnosti
(u nás dle právního rámce - zákon č. 18/2012 SB)
• Přístupný web je použitelný pro každého uživatele.
(Nezávisle na jeho tělesném postižení, schopnostech,
zkušenostech či zobrazovacích možnostech.)
Audit přístupnosti

• Analýza použitelnosti je řešení sloužící k
odhalení nedostatků v rámci celého webu.
Analýza použitelnosti
„Nenuťte uživatele webu přemýšlet“
• Použitelný web je ten, kde se návštěvníkům dobře
orientuje, nakupuje a rádi se budou vracet.

Vazby na sociální sítě
• Každá sociální síť je vhodná na jiného (FB, Twitter,
LinkedIn, Google+, Pinterest).
• Sdílení obsahu do sociálních sítí pomáhá návštěvnosti,
budování značky i pro SEO.
• Jsou zapojeny všechny věkové skupiny uživatelů.

Různé vzhledy FB �ٱ��čí�ٱ��

III. Co přinese v
prezentacích nejbližší
budoucnost?
…aneb nenechte si konkurenci utéct

Budoucnost (současnost) v prezentacích
Dynamický web
• Vzhled dle charakteristiky návštěvníka
Gamifikace
• Zapojení uživatelů do obchodu formou hry (sbírání bodů, QR kódy)
Geolokace
• Zohlednění pozice návštěvníka webu
Segmentace zákazníků
• Pro remarketing, personalizované zobrazení obsahu webu

Děkuji vám za pozornost,
přeji úspěšný zbytek dne.
IT Logica s.r.o. | Bendlova 131/1, Brno
Email pro zpětnou vazbu:
Ivo.Kylian@it-logica.cz
www.it-logica.cz

�ݺ�ߣ

Efektivní online prezentace

Convert to study materialsBETA

More Related Content

Efektivní online prezentace