Veronika Rojkovičová: Tvorba webu

Post on 01-Nov-2014

301 views 1 download

Tags:

description

Veronika Rojkovičová, náš Consulting Director, přednášela na První středě v Brně

Transcript of Veronika Rojkovičová: Tvorba webu

Tvorba'nového'webu'je'cesta'na'dlhú'trať''

…"ako"dobehnúť"do"ciela,"čo"najrýchlejšie"a"najefek7vnejšie.""

Projekty,"na"ktorých"som"sa"podielala""

Čo'by'Vás'zaujímalo'…''

Príprava"nového"webu,"použiteľnosť"webu,"rozloženie"prvkov"na"

webe,"UX"""

Štruktúru"webu"a"obsah"na"webe""

Trendy"v"oblasK"webu""Spolupráca"s"dodávateľom"

Ako"zaujať"zákazníkov""

Zvažujeme"pripravujeme"redesign"

Ako"pripraviť"web"z"hľadiska"SEO"

Ako"urobiť"správne"testovanie""

Web"pre"rôzne"zariadenia"

O'čom'by'som'sa'dnes'chcela's'vami'pobaviť'

1/"Výber"vhodného"riešenia""

2/"Príprava"nového"webu""

3/"Zábava"začína"až"po"spustení"

projektu""""

1/'VÝBER'VHODNÉHO'RIEŠENIA''

Fina

nčná

'náročno

sť''

Úspora'vášho'času'

Webdeveloper"

Vlastní"vývoj""

Balíkové"riešenia"

Open"Source""

Porovnání"řešení"(1)"

Varianta Výhody Nevýhody

Vlastný vývoj webu

!   Vlastníctvo zdrojových kódov !   Lepšia možnosť motivácie vlastného zamestnanca !   Rýchlosť zmien !   Nezávislosť na jednom dodávateli !   Dopredu známe náklady na prevádzku

!   Nákladný vývoj !   Rozvoj know-how !   Potrebné znalosti alebo najať si tým ľudí !   Časová náročnosť !   Náročnosť na koordináciu a vedenie

Balíčkové riešenie

!   Rýchlosť !   Cena

!   Obmedeznosť úprav !   Nerastie s vašimi potrebami !   Závislosť na jednom dodávateli !   Nákladné úpravy na mieru

Připravujeme"nový"web"–"prakKcký"kurz"

Porovnání"řešení"(2)"

Varianta Výhody Nevýhody

Open Source !   Rýchly vývoj. !   Opravovanie a rozširovanie softwaru. !   Náklady na získanie softwaru. !   Modulárnosť a flexibilita. ! Nezávislosť na jednom dodávateľovi.

!   Pracnosť nastavenia a celkového prizpôsobenia. !   Nízka podpora. !   Ľahká dostupnosť pre „hackerov�. ! Bezpečnostné diery. !   Riziko straty záujmu o ďalší rozvoj zo strany programátorov. ! Náročnosť na aktualizácie.

Webdeveloper !   Web„na míru�. !   Vývoj a rozvoj, sledovanie trendov. !   Na vedení projektu sa podieľa tým špecialistov. Bezpečnosť. !   Záujem na vytvorení kvalitného webu.

!   Vyššia cena. !   Závislosť na jednom dodávateli. !   Výber správneho dodávateľa.

Připravujeme"nový"web"–"prakKcký"kurz"

Low`cost"riešenia""

Na"začiatku"to"môže"ísť"aj"bez"webu""

OTÁZKY'K'DISKUZI'

?"

2.'ABY'VÁM'PRÍPRAVA'WEBU'NEZOBRALA'VŠETKU'ENERGIU''

Odpovedzte'si'na'aeto'základné'otázky''

•  Ako"mi"bude"slúžiť"web"v"rámci"môjho"projektu?"•  Koho"ním"chcem"osloviť?""•  Potreby"danej"cieľovej"skupiny:""

– V"akom"štádiu"rozhodovania"príde"na"web?""– Čo"bude"hľadať"za"informácie?""– Čo"chceme"my,"aby"urobil?"– Ako"sme"schopní"ho"presvedčiť?"""

•  Odkiaľ"sa"na"môj"web"dostane?""•  Ako"bude"plaKť"za"moje"služby/produkty?""

Kto"sú"vaši"zákazníci"a"čo"potrebujú"v"rámci"rozhodovania"

Aký"obsah"a"funkcionality"budú"na"webe"

1"

2"

3"

Potom"je"potrebné"ich"logicky"zoskupiť""

A"opäť"si"vyznačiť"priority"

1"

2"

3"

Pomocník"pri"organizovaní"obsahu"–"websort.net""

Pomocník"pri"overení"si"správnosK"navrhnutej"štruktúry"webu"`"

hgp://www.opKmalworkshop.com/treejack.htm""

A"potom"už"stačí"dané"priority"rozdeliť"na"jednotlivé"stránky""""

"

70:30"

OTÁZKY'K'DISKUZI'

?"

2.'PO'SPUSTENÍ'WEBU'ZAČÍNA'TÁ'NAJVÄČŠIA'ZÁBAVA'''

Ako'zvýšiť'výkonnosť'webu''

Best'Pracace'

A/B'testy'

Segmentace'

Personalizace'

CRO'1'%'

2'%'

3'%'

4'%'

Chci'aby'více'lidí,'kteří'navšpvili'web,'u'nás'

nakoupilo''

A)"Více"relevantnějších"zákazníků""

B)"Zvýšit"konverzní"poměr"

Pojďme'zlepšit'objednávkový'proces…''

A/B'test''

Tlačítko'„Objednať“'by'malo'byť'nad'prehybom!'

Mulavariantní'test''

Možnosa'dopravy'a'platby'sú'komplikované!'

Testovat"môžeme"mnoho"vecí""

Poradie"krokov"v"nákupnom"procese"

Počet"položiek"v"kroku""

Vplyv"obrázku"a"nápovedy""

Rozloženie"prvkov"

Doplňkové"služby""

Texty""

Farebnú"kombináciu""

Veľkosť"jednotlivých"prvkov""

Call`to`acKon"prvky"

Prispôsobenie"webu"pre"užívateľa"

Titulní"stránka""

Stránky"kategorií""

Detail"produktu""

Vložení"produktu"do"košíku""

Dokončení"obj."""

Nerobte'zo'svojho'webu'pokusného'králika'a'robte'zmeny'premyslene...''

Meranie"je"základ""

Hledání'potenciálu'na'základě'dat'

Kde"jsou"nízké"konverzní"poměry?"

• Stránky"s"velkou"návštěvnos7"a"malým"konverzním"poměrem"mají"obrovský"potenciál"

• Zvyšování"konverzního"poměru"na"dobře"konvertujícíh"stránkách"bývá"účinný"quick"win"

Kde"je"největší"bounce"rate?"

• Kde"uživatelé"opouštějí"web?"• Udržte"pozornost"uživatelů"7m,"že"jim"ukážete"relevantní"obsah"a"nabídky"

Jak"se"návštěvníkům"daří"dokončit"objednávku?"

• Když"už"se"uživatel"dostal"k"objednávce,"zjišťujte,"kde"a"proč"předčasně"skončí"

• Zjednodušování"stránek"blízkých"konverzi"může"mít"významný"efekt"

Které"klíčové"skupiny"uživatelů"jsou"podstatné?"

• Významné"zdroje"návštěvnosK"• Zvyšte"výkon"návštěvnosK"z"e`mailů,"bannerů"a"vyhledávání"díky"jejich"odlišení"v"testech"

Které"stránky"mají"velkou"návštěvnost?"

• Stránky"s"velkou"návštěvnos7"mají"potenciál"• Umožní"rychlé"testy"• Větší"potenciál"pro"zvýšení"příjmů"

Jaké"jsou"zdroje"příjmů?"

• Umožňjeme"uživatelům"najít"služby,"které"prodáváme?""

• Zlepšujte"kvalitu"návštěvnosK"klíčových"stránek"

Ako"získavať"ďalšie"data,"ktoré"Vám"pomôžu?""

•  Vysvětlení"A/B"testu""

Nástroje"na"A/B"testy"–"OpKmizely"alebo"Visual"Website"OpKmizer""

Ideálny"proces""

Jeden"prakKcký"príklad""

Priorita'č.'1:'Stránka'kategórie"Problémy"s"výberom"sorKmentu""

Priorita'č.'2:'Detail'produktu"Nízka"vizuálna"priorita"dôležitých"prvkov,"které"majú"

naviesť"návštěvníka"k"nákupu"""

Priorita'č.'3'–'Objednávkový'proces'"Zvýšiť"priechod"objednávkovým"procesom"

""

Výsledok:'zvýšenie'konverzného'pomeru'o'21'%''

hgp://www.h1.cz/pripadove`studie/uzivatelske`testovani/hudy`cz`pripadova`studie/"""""

Testujte"veci,"ktoré"majú"výzmaný"vplyv"na"tržby""

Testovať"nové"nápady"""

Web"je"však"len"jednou"časťou,"ktorá"ovlyvňuje"rozhodnuKe"človeka"

OTÁZKY'K'DISKUZI'

?"

Rada'na'záver'

“Run'when'you'can,'walk'if'you'have'to,'crawl'if'you'must;'just'never'give'up.”''

'''''''''''''''''''''''''''''Dean'Karnazes'

Naši"obchodníci"sa"s"vami"radi"pobavia"o"možnosKach"ako"zlepšiť"výsledky"vášho"projektu""

Josef'Matoušek''Corporate"Sales"Manager"""Kontakt:""josef.matousek@h1.cz""

Táto"prezentácia"vznikla"za"podpory"celého"týmu"ConsulKng""

Vojtěch"Mikula""

Senior"UX"Consultant""

Jan"Hlaváč"

UX"Consultant""

Michal"Mrskoč"

UX"Consultnat""

Tomáš"Ledba"

Junior"UX"Consultant"

Jakub"Peřich""

Project"Manager""

Roman"Appeltauer"

Web"AnalyKcs"Strategist"

Jakub"Drahokoupil""

Web"AnalyKcs"Consultant""

Přeji"mnoho"úspěšných"výsledků!" Kontakt:)veronika.rojkovicova@h1.cz,)733)370)217)