Efektivní online prezentace

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:Ivo.Kylian@it-logica.cz www.it-logica.cz