61
Tvorba nového webu je cesta na dlhú trať … ako dobehnúť do ciela, čo najrýchlejšie a najefek7vnejšie.

Veronika Rojkovičová: Tvorba webu

  • Upload
    h1cz

  • View
    301

  • Download
    1

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: 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.""

Page 2: Veronika Rojkovičová: Tvorba webu
Page 3: Veronika Rojkovičová: Tvorba webu

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

Page 4: Veronika Rojkovičová: Tvorba webu

Č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"

Page 5: Veronika Rojkovičová: Tvorba webu

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""""

Page 6: Veronika Rojkovičová: Tvorba webu
Page 7: Veronika Rojkovičová: Tvorba webu
Page 8: Veronika Rojkovičová: Tvorba webu

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

Page 9: Veronika Rojkovičová: Tvorba webu

Fina

nčná

'náročno

sť''

Úspora'vášho'času'

Webdeveloper"

Vlastní"vývoj""

Balíkové"riešenia"

Open"Source""

Page 10: Veronika Rojkovičová: Tvorba webu

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"

Page 11: Veronika Rojkovičová: Tvorba webu

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"

Page 12: Veronika Rojkovičová: Tvorba webu

Low`cost"riešenia""

Page 13: Veronika Rojkovičová: Tvorba webu

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

Page 14: Veronika Rojkovičová: Tvorba webu

OTÁZKY'K'DISKUZI'

?"

Page 15: Veronika Rojkovičová: Tvorba webu

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

Page 16: Veronika Rojkovičová: Tvorba webu

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?""

Page 17: Veronika Rojkovičová: Tvorba webu
Page 18: Veronika Rojkovičová: Tvorba webu
Page 19: Veronika Rojkovičová: Tvorba webu

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

Page 20: Veronika Rojkovičová: Tvorba webu

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

1"

2"

3"

Page 21: Veronika Rojkovičová: Tvorba webu

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

Page 22: Veronika Rojkovičová: Tvorba webu
Page 23: Veronika Rojkovičová: Tvorba webu

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

1"

2"

3"

Page 24: Veronika Rojkovičová: Tvorba webu

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

Page 25: Veronika Rojkovičová: Tvorba webu

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

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

Page 26: Veronika Rojkovičová: Tvorba webu

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

"

Page 27: Veronika Rojkovičová: Tvorba webu

70:30"

Page 28: Veronika Rojkovičová: Tvorba webu

OTÁZKY'K'DISKUZI'

?"

Page 29: Veronika Rojkovičová: Tvorba webu

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

Page 30: Veronika Rojkovičová: Tvorba webu

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

Best'Pracace'

A/B'testy'

Segmentace'

Personalizace'

CRO'1'%'

2'%'

3'%'

4'%'

Page 31: Veronika Rojkovičová: Tvorba webu

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

nakoupilo''

Page 32: Veronika Rojkovičová: Tvorba webu

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

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

Page 33: Veronika Rojkovičová: Tvorba webu

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

Page 34: Veronika Rojkovičová: Tvorba webu

A/B'test''

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

Page 35: Veronika Rojkovičová: Tvorba webu

Mulavariantní'test''

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

Page 36: Veronika Rojkovičová: Tvorba webu

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"

Page 37: Veronika Rojkovičová: Tvorba webu

Titulní"stránka""

Stránky"kategorií""

Detail"produktu""

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

Dokončení"obj."""

Page 38: Veronika Rojkovičová: Tvorba webu

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

Page 39: Veronika Rojkovičová: Tvorba webu

Meranie"je"základ""

Page 40: Veronika Rojkovičová: Tvorba webu

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"

Page 41: Veronika Rojkovičová: Tvorba webu

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

Page 42: Veronika Rojkovičová: Tvorba webu

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

Page 43: Veronika Rojkovičová: Tvorba webu

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

Page 44: Veronika Rojkovičová: Tvorba webu

Ideálny"proces""

Page 45: Veronika Rojkovičová: Tvorba webu

Jeden"prakKcký"príklad""

Page 46: Veronika Rojkovičová: Tvorba webu

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

Page 47: Veronika Rojkovičová: Tvorba webu
Page 48: Veronika Rojkovičová: Tvorba webu

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"""

Page 49: Veronika Rojkovičová: Tvorba webu
Page 50: Veronika Rojkovičová: Tvorba webu

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

Page 51: Veronika Rojkovičová: Tvorba webu
Page 52: Veronika Rojkovičová: Tvorba webu

""

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

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

Page 53: Veronika Rojkovičová: Tvorba webu

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

Page 54: Veronika Rojkovičová: Tvorba webu

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

Page 55: Veronika Rojkovičová: Tvorba webu

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

Page 56: Veronika Rojkovičová: Tvorba webu

OTÁZKY'K'DISKUZI'

?"

Page 57: Veronika Rojkovičová: Tvorba webu

Rada'na'záver'

Page 58: Veronika Rojkovičová: Tvorba webu

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

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

Page 59: Veronika Rojkovičová: Tvorba webu

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:""[email protected]""

Page 60: Veronika Rojkovičová: Tvorba webu

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""

Page 61: Veronika Rojkovičová: Tvorba webu

Přeji"mnoho"úspěšných"výsledků!" Kontakt:)[email protected],)733)370)217)