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"
obs...
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ž"p...
1/'VÝBER'VHODNÉHO'RIEŠENIA''
Finančná'náročnosť''
Ú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á...
Porovnání"řešení"(2)"
Varianta Výhody Nevýhody
Open Source !  Rýchly vývoj.
!  Opravovanie a
rozširovanie softwaru.
!  Nák...
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ť?""
• ...
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...
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"po...
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`pripad...
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'K...
Naši"obchodníci"sa"s"vami"radi"pobavia"o"možnosKach"
ako"zlepšiť"výsledky"vášho"projektu""
Josef'Matoušek''
Corporate"Sale...
Táto"prezentácia"vznikla"za"podpory"celého"týmu"
ConsulKng""
Vojtěch"Mikula""
Senior"UX"Consultant""
Jan"Hlaváč"
UX"Consul...
Přeji"mnoho"úspěšných"výsledků!"

Kontakt:)veronika.rojkovicova@h1.cz,)733)370)217)
Veronika Rojkovičová: Tvorba webu
Veronika Rojkovičová: Tvorba webu
Veronika Rojkovičová: Tvorba webu
Veronika Rojkovičová: Tvorba webu
Veronika Rojkovičová: Tvorba webu
Veronika Rojkovičová: Tvorba webu
Veronika Rojkovičová: Tvorba webu
Veronika Rojkovičová: Tvorba webu
Veronika Rojkovičová: Tvorba webu
Upcoming SlideShare
Loading in...5
×

Veronika Rojkovičová: Tvorba webu

425

Published on

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

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

  • Be the first to like this

No Downloads
Views
Total Views
425
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Veronika Rojkovičová: Tvorba webu"

  1. 1. Tvorba'nového'webu'je'cesta'na' dlhú'trať'' …"ako"dobehnúť"do"ciela,"čo"najrýchlejšie"a" najefek7vnejšie.""
  2. 2. Projekty,"na"ktorých"som"sa"podielala""
  3. 3. Č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"
  4. 4. 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""""
  5. 5. 1/'VÝBER'VHODNÉHO'RIEŠENIA''
  6. 6. Finančná'náročnosť'' Úspora'vášho'času' Webdeveloper" Vlastní" vývoj"" Balíkové" riešenia" Open" Source""
  7. 7. 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"
  8. 8. 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"
  9. 9. Low`cost"riešenia""
  10. 10. Na"začiatku"to"môže"ísť"aj"bez"webu""
  11. 11. OTÁZKY'K'DISKUZI' ?"
  12. 12. 2.'ABY'VÁM'PRÍPRAVA'WEBU'NEZOBRALA' VŠETKU'ENERGIU''
  13. 13. 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?""
  14. 14. Kto"sú"vaši"zákazníci"a"čo"potrebujú"v"rámci" rozhodovania"
  15. 15. Aký"obsah"a"funkcionality"budú"na"webe" 1" 2" 3"
  16. 16. Potom"je"potrebné"ich"logicky"zoskupiť""
  17. 17. A"opäť"si"vyznačiť"priority" 1" 2" 3"
  18. 18. Pomocník"pri"organizovaní"obsahu"–"websort.net""
  19. 19. Pomocník"pri"overení"si"správnosK"navrhnutej"štruktúry" webu"`" hgp://www.opKmalworkshop.com/treejack.htm""
  20. 20. A"potom"už"stačí"dané"priority"rozdeliť"na"jednotlivé" stránky"""" "
  21. 21. 70:30"
  22. 22. OTÁZKY'K'DISKUZI' ?"
  23. 23. 2.'PO'SPUSTENÍ'WEBU'ZAČÍNA'TÁ' NAJVÄČŠIA'ZÁBAVA'''
  24. 24. Ako'zvýšiť'výkonnosť'webu'' Best'Pracace' A/B'testy' Segmentace' Personalizace' CRO' 1'%' 2'%' 3'%' 4'%'
  25. 25. Chci'aby'více'lidí,'kteří' navšpvili'web,'u'nás' nakoupilo''
  26. 26. A)"Více"relevantnějších" zákazníků"" B)"Zvýšit"konverzní"poměr"
  27. 27. Pojďme'zlepšit'objednávkový'proces…''
  28. 28. A/B'test'' Tlačítko'„Objednať“'by'malo' byť'nad'prehybom!'
  29. 29. Mulavariantní'test'' Možnosa'dopravy'a'platby'sú' komplikované!'
  30. 30. 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"
  31. 31. Titulní"stránka"" Stránky"kategorií"" Detail"produktu"" Vložení"produktu"do"košíku"" Dokončení"obj."""
  32. 32. Nerobte'zo'svojho'webu'pokusného' králika'a'robte'zmeny'premyslene...''
  33. 33. Meranie"je"základ""
  34. 34. 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"
  35. 35. Ako"získavať"ďalšie"data,"ktoré"Vám"pomôžu?""
  36. 36. •  Vysvětlení"A/B"testu""
  37. 37. Nástroje"na"A/B"testy"–"OpKmizely"alebo"Visual" Website"OpKmizer""
  38. 38. Ideálny"proces""
  39. 39. Jeden"prakKcký"príklad""
  40. 40. Priorita'č.'1:'Stránka'kategórie" Problémy"s"výberom"sorKmentu""
  41. 41. 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"""
  42. 42. Priorita'č.'3'–'Objednávkový'proces'" Zvýšiť"priechod"objednávkovým"procesom"
  43. 43. " " Výsledok:'zvýšenie'konverzného'pomeru' o'21'%'' hgp://www.h1.cz/pripadove`studie/uzivatelske`testovani/hudy` cz`pripadova`studie/"""""
  44. 44. Testujte"veci,"ktoré"majú"výzmaný"vplyv"na"tržby""
  45. 45. Testovať"nové"nápady"""
  46. 46. Web"je"však"len"jednou"časťou,"ktorá"ovlyvňuje" rozhodnuKe"človeka"
  47. 47. OTÁZKY'K'DISKUZI' ?"
  48. 48. Rada'na'záver'
  49. 49. “Run'when'you' can,'walk'if'you' have'to,'crawl'if' you'must;'just' never'give'up.”' ' '''''''''''''''''''''''''''''Dean'Karnazes'
  50. 50. 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""
  51. 51. 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""
  52. 52. Přeji"mnoho"úspěšných"výsledků!" Kontakt:)veronika.rojkovicova@h1.cz,)733)370)217)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×