Efektivní online prezentace

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

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

4. Předimplementační
analýza
?
??
?
1. krok vývoje

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

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

7. 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 vývoje

8. Předimplementační
analýza
Návrh struktury
webu
??
?
2. krok vývoje

9. 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:

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

11. Předimplementační
analýza
Návrh struktury
webu
Grafika,
firemní identita
?
?
3. krok vývoje

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

16. Předimplementační
analýza
Návrh struktury
webu
Grafika,
firemní identita
Vlastní tvorba
webu
?
4. krok vývoje

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

18. Předimplementační
analýza
Návrh struktury
webu
Grafika,
firemní identita
Vlastní tvorba
webu
Plnění obsahu
5. krok vývoje

19. • 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

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

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

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

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

24. • 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á

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

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

28. 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.)

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

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

31. 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ě

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

33. • 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

34. • 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.

35. 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ů.

36. Různé vzhledy FB tlačítek

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

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

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