Upload
ivo-kylian
View
434
Download
0
Embed Size (px)
DESCRIPTION
Efektivní online prezentace
Citation preview
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 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 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 vývoje
Předimplementační analýza
Ná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 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
Předimplementační analýza
Návrh strukturywebu
Grafika,firemní identita
?
?
3. krok vývoje
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
Předimplementační analýza
Návrh strukturywebu
Grafika,firemní identita
Vlastní tvorba webu
?
4. krok vývoje
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í
Předimplementační analýza
Návrh strukturywebu
Grafika,firemní identita
Vlastní tvorba webu
Plnění obsahu
5. 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é 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 tlačítek
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:[email protected] www.it-logica.cz