Veronika Rojkovičová: Tvorba webu
description
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:""[email protected]""
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:)[email protected],)733)370)217)