Efektivní online prezentaceIT Logica s.r.o. | Bendlova 131/1, Brno18. duben 2013SEO/SEM konzultant: Mgr. Ivo Kylián
I. Efektivní vývojwebové prezentaceAneb dvakrát měř, jednou řež (řeš)…
Předimplementačníanalýza????1. krok vývoje
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 ma...
Co předimplementační analýzaspecifikuje?Výběr vhodné technologie• PHP, Java, Ruby, Javascript…Popis chování webové aplikac...
A co ještě získáte?Přesnější nacenění projektuZpracování analýzy = oslovení více firem s poptávkouMožnost rozdělit větší p...
PředimplementačníanalýzaNávrh strukturywebu???2. krok vývoje
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 p...
Wireframes (drátěné modely) řešení webuVíce návrhů vám ušetří peníze při vývoji stránekMožnost výběru optimální varianty
PředimplementačníanalýzaNávrh strukturywebuGrafika,firemní identita??3. krok vývoje
Významná částrozpočtuKonkrétní zadání =očekávanývýsledekUživatelskápoužitelnostPodstránky plnídílčí cíleDůvěryhodnývzhledo...
PředimplementačníanalýzaNávrh strukturywebuGrafika,firemní identitaVlastní tvorbawebu?4. krok vývoje
Vlastní tvorba webuVhodný programovací jazyk• Požadavky na další rozvoj, náročnost na hardwarePožadavky na administrační s...
PředimplementačníanalýzaNávrh strukturywebuGrafika,firemní identitaVlastní tvorbawebuPlnění obsahu5. krok vývoje
• 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...
II. Efektivníwebová prezentaceAneb jak zlepšit to, co již mám…
Optimalizace konverzního poměruinternetových stránek• nákup produktů• objednávka obch. informací• stránka s kontakty• vypl...
„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 cestPokuste sevcítit do rolenávštěvníkawebuStanovte cílenávštěvníků akudy procházíNe všichniv...
Krok 2 – základní webová analytikaJsou zřetelnéovládacíprvkyprezentace?Přicházínávštěvnícitam, kampotřebujete?Získajípotře...
Krok 3 – identifikace překážekSbírejte námitkya názorynávštěvníkůUmístěte formulářpro připomínkyMotivujte odměnou(sleva na...
Krok 4 – optimalizujte web offlineStudujte potřebyzákazníků i sezákazníkyMluvte sprodavači,obchodnímizástupci…Zavolejteano...
Krok 5 – chybějící informaceInformace„navíc“vzbuzujídůvěruReferencepřednákupemzajímajíNa otázky vdiskusíchodpovídejterychl...
Krok 6 – laické testování webuMobilnízařízeníRůznéprohlížečeZákladníuživatelskétestováníZpětnávazba povýzvě
Krok 7 – odborné testování webuAuditpřístupnostia analýzapoužitelnostiBezpečnostníauditHeatmapyproklikovostiA/B testovánív...
• 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 po...
• Analýza použitelnosti je řešení sloužící kodhalení nedostatků v rámci celého webu.Analýza použitelnosti„Nenuťte uživatel...
Vazby na sociální sítě• Každá sociální síť je vhodná na jiného (FB, Twitter,LinkedIn, Google+, Pinterest).• Sdílení obsahu...
Různé vzhledy FB tlačítek
III. Co přinese vprezentacích nejbližšíbudoucnost?…aneb nenechte si konkurenci utéct
Budoucnost (současnost) v prezentacíchDynamický web• Vzhled dle charakteristiky návštěvníkaGamifikace• Zapojení uživatelů ...
Děkuji vám za pozornost,přeji úspěšný zbytek dne.IT Logica s.r.o. | Bendlova 131/1, BrnoEmail pro zpětnou vazbu:Ivo.Kylian...
Efektivní online prezentace
Efektivní online prezentace
Efektivní online prezentace
Efektivní online prezentace
Efektivní online prezentace
Upcoming SlideShare
Loading in …5
×

Efektivní online prezentace

1,105 views

Published on

Efektivní online prezentace

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,105
On SlideShare
0
From Embeds
0
Number of Embeds
325
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Efektivní online prezentace

  1. 1. Efektivní online prezentaceIT Logica s.r.o. | Bendlova 131/1, Brno18. duben 2013SEO/SEM konzultant: Mgr. Ivo Kylián
  2. 2. I. Efektivní vývojwebové prezentaceAneb dvakrát měř, jednou řež (řeš)…
  3. 3. Předimplementačníanalýza????1. krok vývoje
  4. 4. 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.
  5. 5. Co předimplementační analýzaspecifikuje?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ýstupemVyžadované standardy• Předpoklady pro přístupnost a použitelnost webu, různé platformy
  6. 6. A co ještě získáte?Přesnější nacenění projektuZpracování analýzy = oslovení více firem s poptávkouMožnost rozdělit větší projekt na vývojové fázePráce dle harmonogramu – sledování plnění termínůMožnost postupných plateb v průběhu vývoje
  7. 7. PředimplementačníanalýzaNávrh strukturywebu???2. krok vývoje
  8. 8. 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:
  9. 9. Wireframes (drátěné modely) řešení webuVíce návrhů vám ušetří peníze při vývoji stránekMožnost výběru optimální varianty
  10. 10. PředimplementačníanalýzaNávrh strukturywebuGrafika,firemní identita??3. krok vývoje
  11. 11. Významná částrozpočtuKonkrétní zadání =očekávanývýsledekUživatelskápoužitelnostPodstránky plnídílčí cíleDůvěryhodnývzhledodpovídajícíidentitě firmyGrafika a firemní identita
  12. 12. PředimplementačníanalýzaNávrh strukturywebuGrafika,firemní identitaVlastní tvorbawebu?4. krok vývoje
  13. 13. Vlastní tvorba webuVhodný programovací jazyk• Požadavky na další rozvoj, náročnost na hardwarePožadavky na administrační systém• Řešení „krabicové“ nebo přesně na míruDatové 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í aplikaceTestování• Základní technické a uživatelské testování
  14. 14. PředimplementačníanalýzaNávrh strukturywebuGrafika,firemní identitaVlastní tvorbawebuPlnění obsahu5. krok vývoje
  15. 15. • 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 relevantnostk 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
  16. 16. II. Efektivníwebová prezentaceAneb jak zlepšit to, co již mám…
  17. 17. Optimalizace konverzního poměruinternetový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
  18. 18. „4 zákazníci ze 100 návštěvníkůjsou lepší než 2 …“
  19. 19. Jak zvýšit konverzní poměr webu?Cesta to není krátká, ale se zaslouženou odměnou……vyšším ziskem!
  20. 20. • 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á
  21. 21. Krok 1 – nastavení si cílů a cestPokuste sevcítit do rolenávštěvníkawebuStanovte cílenávštěvníků akudy procházíNe všichnivstupují přestitulní stranuZbytečnéinformace čiodkazy odvádípozornost
  22. 22. Krok 2 – základní webová analytikaJsou zřetelnéovládacíprvkyprezentace?Přicházínávštěvnícitam, kampotřebujete?Získajípotřebnéinformace?ZákladyGoogleAnalytics
  23. 23. Krok 3 – identifikace překážekSbírejte námitkya názorynávštěvníkůUmístěte formulářpro připomínkyMotivujte odměnou(sleva na nákup atd.)
  24. 24. Krok 4 – optimalizujte web offlineStudujte potřebyzákazníků i sezákazníkyMluvte sprodavači,obchodnímizástupci…Zavolejteanonymně nazákaznickoulinku
  25. 25. Krok 5 – chybějící informaceInformace„navíc“vzbuzujídůvěruReferencepřednákupemzajímajíNa otázky vdiskusíchodpovídejterychle avěcněBudujtekomunitu vsociálníchsítích afórech
  26. 26. Krok 6 – laické testování webuMobilnízařízeníRůznéprohlížečeZákladníuživatelskétestováníZpětnávazba povýzvě
  27. 27. Krok 7 – odborné testování webuAuditpřístupnostia analýzapoužitelnostiBezpečnostníauditHeatmapyproklikovostiA/B testovánívíce variant
  28. 28. • 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
  29. 29. • Analýza použitelnosti je řešení sloužící kodhalení 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řeorientuje, nakupuje a rádi se budou vracet.
  30. 30. 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ů.
  31. 31. Různé vzhledy FB tlačítek
  32. 32. III. Co přinese vprezentacích nejbližšíbudoucnost?…aneb nenechte si konkurenci utéct
  33. 33. Budoucnost (současnost) v prezentacíchDynamický web• Vzhled dle charakteristiky návštěvníkaGamifikace• Zapojení uživatelů do obchodu formou hry (sbírání bodů, QR kódy)Geolokace• Zohlednění pozice návštěvníka webuSegmentace zákazníků• Pro remarketing, personalizované zobrazení obsahu webu
  34. 34. Děkuji vám za pozornost,přeji úspěšný zbytek dne.IT Logica s.r.o. | Bendlova 131/1, BrnoEmail pro zpětnou vazbu:Ivo.Kylian@it-logica.czwww.it-logica.cz

×