Jak navrhnout úspěšný web22.5. 2013 Jiří KomárJak navrhnout úspěšný web
Co nás dnes čeká• Nepodceňujte tvorbu nového webu• Jaký je optimální postup realizacenového webu• Metody, které lze při ná...
Tvorbu nového webu iredesign stávajícího jde pokazitJak navrhnout úspěšný web
Redesign může zabíjetJak navrhnout úspěšný web
Někdo zapomněl změnit cestu k XML pro zbozi.cz,klient přišel průměrně o 60 objednávek / měsíc.Díky špatnému přesměrování d...
Zadání Realizace SpuštěníJak se většinou tvořínebo redesignuje webJak navrhnout úspěšný web
Jak by se to mělo dělatZáměr Analýza Příprava ZadáníOptimalizace,testování arozvojSpuštění Testování RealizaceJak navrhnou...
Záměr nového webuJak navrhnout úspěšný web
Proč web vlastně dělat?• Nedělejte nový web jen z nutnosti• Snažte se odlišit a vyniknout• Dělejte web pro své zákazníky• ...
Kde je prostor?• Zajímavý obsah• Komunita• Podpora a poradenství• Zkušenosti zákazníků• Mobilní web ?!• Pak se možná dosta...
Analýza je základ úspěchuJak navrhnout úspěšný web
Analýza dat z Google Analytics• Zdroje návštěvnostiAnalýzaJak navrhnout úspěšný web
Analýza dat z Google Analytics• Vstupní stránkyAnalýzaJak navrhnout úspěšný web
Analýza klíčových slov• Nástroj v Skliku• Nástroj v AdWords• Data z Google Analytics• PPC reklamaAnalýzaPlugin ulehčující ...
Co s klíčovými slovy?• Poslouží k návrhu informačníarchitektury a jednotlivých landing page• Můžeme připravit SEO strategi...
Poznáváme uživateleAnalýza• Kvalitativně• Rozhovory s uživateli• Dotazníky a studie v terénu• Třídění karet• Kvantitativně...
Rozhovory s uživateliAnalýza• Vydefinujte si co potřebujete vyřešit• uživatel / zaměstnanec• Vyberte správné uživatelé pro...
AnalýzaJak vypadá uživatel vašeho webu?Jak navrhnout úspěšný webV říjnu se bude se vdávat Chce si koupit nové pneumatiky n...
Rozhovor vám pomůženavrhnout lepší webAnalýzaUkázka:Zjištěné informace• Je nutné nastavit až 23 políček pro objednání záje...
Třídění karetAnalýza• Nechte data uspořádat uživateleHDDOptimalSortJak navrhnout úspěšný web
Kvanta vám řeknou jak mocAnalýza• Odkud lidí odchází?• Jakou funkčnost nepoužívají?• Kdo umí číst v datech má vyhráno!!!Ja...
Navrhněte si navigaciAnalýza• Máte analýzu klíčových slov• Víte, jak lidi uvažují a co potřebují• Víte co chtějí nejvíc a ...
Připravte seJak navrhnout úspěšný web
Tvorba wireframe / protopůPříprava webu• Ušetří vám velké starosti (čas, peníze)• Popíšete přesně rozmístění prvků nacelém...
NávrhPříprava webuJak navrhnout úspěšný web
VýsledekPříprava webuJak navrhnout úspěšný web
Jak navrhnout úspěšný web
Obsah je králPříprava webu• Kdo bude tvořit nový obsah?• Co udělat s obsahem ze starého webu?• Chce to copywritera!!!• Při...
Vytvořte jasné zadáníZadání projektu• Sepište důkladně seznam funkčností• Design?• Máte wireframe?• Internetový marketing?...
Vyberte dodavateleZadání projektu• Bez schůzky to nejde• Termín do Vánoc určitě ne!!!• Ptejte se na zkušenosti klientů• St...
RealizaceJak navrhnout úspěšný web
Jak navrhnout úspěšný web
Vaříme nový webRealizace• Určete kompetentní osoby za vašistranu• Chtějte kontakt na člověka u dodavatele• Pravidelné schů...
Chyby ničí UXTestování• Testujte možné i nemožné• Pokud web akceptujete → z chyb sestanou více práce• Nezapomeňte na testo...
Pomalý web odrazuje zákazníkyTestováníJak navrhnout úspěšný webJak působí rychlost načítání stránky na uživatele
Na co taky kouknout?Testování• 404 stránku• Hledání• KontaktyJak navrhnout úspěšný webJak měřít 404 stránku v GA, Jak měři...
Jak testovat na uživatelíchTestování• Do testu vybíráme obyčejné uživatele, ne pracovníky firmy• Testujeme na 3, optimálně...
Zmáčkni internet Spuštění webuJak navrhnout úspěšný webXenu Link Sleuth• Před spuštěním nezapomeňte na:• Přesměrování – 3...
Web už běží a co dál?Optimalizace webuJak navrhnout úspěšný web• Necháme naběhnout nová data• Začínáme s optimalizací• A/B...
Jaké nástroje využít?Optimalizace webuJak navrhnout úspěšný web• A/B testování• Google Experimenty• Visual Website Optimiz...
SEO fungujeOptimalizace webuJak navrhnout úspěšný web• SEO není zadarmo• Zaměřte se na zajímavý obsah• Zapojte uživatele w...
Kdo dělá dobré SEO a proč?Optimalizace webuJak navrhnout úspěšný web• nikl.cz• lintech.cz• rogelli.cz/blog• info.radynaces...
Co se povedlo, a co neJak navrhnout úspěšný web
Děkuji za pozornostČas na dotazy@jirikomarjiri.komar@advisio.czJak navrhnout úspěšný web
Upcoming SlideShare
Loading in …5
×

Jak navrhnout úspěšný web

678 views
554 views

Published on

Přednáška z akce APPLE JUICE meeting na téma "Jak navrhnout úspěšný web". Cílem přednášky bylo ukázat, jak by se měl tvořit nový web nebo co by mělo předcházet redesignu webu, aby byl úspěšný.

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

No Downloads
Views
Total views
678
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
11
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Jak navrhnout úspěšný web

  1. 1. Jak navrhnout úspěšný web22.5. 2013 Jiří KomárJak navrhnout úspěšný web
  2. 2. Co nás dnes čeká• Nepodceňujte tvorbu nového webu• Jaký je optimální postup realizacenového webu• Metody, které lze při návrhu využít• Nástroje, které vám můžou pomoct• Co se povedlo, a co ne• Otázky a diskuzeJak navrhnout úspěšný web
  3. 3. Tvorbu nového webu iredesign stávajícího jde pokazitJak navrhnout úspěšný web
  4. 4. Redesign může zabíjetJak navrhnout úspěšný web
  5. 5. Někdo zapomněl změnit cestu k XML pro zbozi.cz,klient přišel průměrně o 60 objednávek / měsíc.Díky špatnému přesměrování došlo k poklesu návštěvnosti o 30%,klient se dostal na historické minimum v návštěvnosti.Jak navrhnout úspěšný web
  6. 6. Zadání Realizace SpuštěníJak se většinou tvořínebo redesignuje webJak navrhnout úspěšný web
  7. 7. Jak by se to mělo dělatZáměr Analýza Příprava ZadáníOptimalizace,testování arozvojSpuštění Testování RealizaceJak navrhnout úspěšný web
  8. 8. Záměr nového webuJak navrhnout úspěšný web
  9. 9. Proč web vlastně dělat?• Nedělejte nový web jen z nutnosti• Snažte se odlišit a vyniknout• Dělejte web pro své zákazníky• Určete si měřitelné cíle, kterých chcetedosáhnoutZáměrJak navrhnout úspěšný web
  10. 10. Kde je prostor?• Zajímavý obsah• Komunita• Podpora a poradenství• Zkušenosti zákazníků• Mobilní web ?!• Pak se možná dostaví i UXZáměrJak navrhnout úspěšný web
  11. 11. Analýza je základ úspěchuJak navrhnout úspěšný web
  12. 12. Analýza dat z Google Analytics• Zdroje návštěvnostiAnalýzaJak navrhnout úspěšný web
  13. 13. Analýza dat z Google Analytics• Vstupní stránkyAnalýzaJak navrhnout úspěšný web
  14. 14. Analýza klíčových slov• Nástroj v Skliku• Nástroj v AdWords• Data z Google Analytics• PPC reklamaAnalýzaPlugin ulehčující analýzy klíčovýchJak navrhnout úspěšný web
  15. 15. Co s klíčovými slovy?• Poslouží k návrhu informačníarchitektury a jednotlivých landing page• Můžeme připravit SEO strategii• Lze začít připravovat PPC reklamaAnalýzaJak se dělá klasifikační analýza klíčových slovJak navrhnout úspěšný web
  16. 16. Poznáváme uživateleAnalýza• Kvalitativně• Rozhovory s uživateli• Dotazníky a studie v terénu• Třídění karet• KvantitativněJak navrhnout úspěšný web
  17. 17. Rozhovory s uživateliAnalýza• Vydefinujte si co potřebujete vyřešit• uživatel / zaměstnanec• Vyberte správné uživatelé pro rozhovor• Analyzujte výsledkyThe Chatterbox → výřečný uživatelThe Clam → nemluvný uživatelThe Pollyanna → optimistický uživatelThe Unraveler → sebekritický uživatelThe Distracted & Evasive → nepozorní a vyhýbavý uživatelThe Attitude Problem → sebestředný a problematický uživatelJak navrhnout úspěšný web
  18. 18. AnalýzaJak vypadá uživatel vašeho webu?Jak navrhnout úspěšný webV říjnu se bude se vdávat Chce si koupit nové pneumatiky na auto
  19. 19. Rozhovor vám pomůženavrhnout lepší webAnalýzaUkázka:Zjištěné informace• Je nutné nastavit až 23 políček pro objednání zájezdu• Na zájezd jezdili lidé ve věku 89 let• Klient chtěl funkčnost přenést na nový web, ale proč?• Rozhovor pomohl s odhalením nesmyslné objednávkyJak navrhnout úspěšný web
  20. 20. Třídění karetAnalýza• Nechte data uspořádat uživateleHDDOptimalSortJak navrhnout úspěšný web
  21. 21. Kvanta vám řeknou jak mocAnalýza• Odkud lidí odchází?• Jakou funkčnost nepoužívají?• Kdo umí číst v datech má vyhráno!!!Jak navrhnout úspěšný web
  22. 22. Navrhněte si navigaciAnalýza• Máte analýzu klíčových slov• Víte, jak lidi uvažují a co potřebují• Víte co chtějí nejvíc a co méně• Použijte návrhové vzoryJak navrhnout úspěšný webfivesecondtest.com, navflow.com, treejack
  23. 23. Připravte seJak navrhnout úspěšný web
  24. 24. Tvorba wireframe / protopůPříprava webu• Ušetří vám velké starosti (čas, peníze)• Popíšete přesně rozmístění prvků nacelém webu• Pokud není čas → skicujteAxure, BalsamiqJak navrhnout úspěšný web
  25. 25. NávrhPříprava webuJak navrhnout úspěšný web
  26. 26. VýsledekPříprava webuJak navrhnout úspěšný web
  27. 27. Jak navrhnout úspěšný web
  28. 28. Obsah je králPříprava webu• Kdo bude tvořit nový obsah?• Co udělat s obsahem ze starého webu?• Chce to copywritera!!!• Připravte se na přesměrování(pak se na to zapomene)Jak navrhnout úspěšný web
  29. 29. Vytvořte jasné zadáníZadání projektu• Sepište důkladně seznam funkčností• Design?• Máte wireframe?• Internetový marketing?• Hosting?• Budoucnost projektu?Jak navrhnout úspěšný web
  30. 30. Vyberte dodavateleZadání projektu• Bez schůzky to nejde• Termín do Vánoc určitě ne!!!• Ptejte se na zkušenosti klientů• Stanovte mezníky projektu• Sankce a součinnost• Finální cena není vše – co bude dál?• Velikost není vždy výhraJak navrhnout úspěšný web
  31. 31. RealizaceJak navrhnout úspěšný web
  32. 32. Jak navrhnout úspěšný web
  33. 33. Vaříme nový webRealizace• Určete kompetentní osoby za vašistranu• Chtějte kontakt na člověka u dodavatele• Pravidelné schůzky vše usnadní• Dodavatel je partner, ne nepřítel →řvaním si jenom zvýšíte hodinovkuJak navrhnout úspěšný web
  34. 34. Chyby ničí UXTestování• Testujte možné i nemožné• Pokud web akceptujete → z chyb sestanou více práce• Nezapomeňte na testování na lidechJak navrhnout úspěšný webDo.com, Basecamp
  35. 35. Pomalý web odrazuje zákazníkyTestováníJak navrhnout úspěšný webJak působí rychlost načítání stránky na uživatele
  36. 36. Na co taky kouknout?Testování• 404 stránku• Hledání• KontaktyJak navrhnout úspěšný webJak měřít 404 stránku v GA, Jak měřit hledání na webu
  37. 37. Jak testovat na uživatelíchTestování• Do testu vybíráme obyčejné uživatele, ne pracovníky firmy• Testujeme na 3, optimálně na 6 a více uživatelích• Před testem sestavíme scénář uživatelského testování• Při testu nutíme uživatele uvažovat nahlas• Testování nahráváme nebo si děláme poznámky• Z poznámek vypracujeme výstupní analýzu, tu předáme k dalšímuzpracování zhotoviteli• Hledáme chyby v použitelnosti a ne v aplikaci, ani v uživatelích• Každý uživatel je jiná osobnost• Uživatele odměníme, věnoval nám svůj volný časFree scan to videoJak navrhnout úspěšný web
  38. 38. Zmáčkni internet Spuštění webuJak navrhnout úspěšný webXenu Link Sleuth• Před spuštěním nezapomeňte na:• Přesměrování – 301 !!!• Google Analytics• Exporty pro zbozi.cz, heureku, RSS• Nastavte si v GA upozornění• Otestujte objednávku/poptávku• Změňte odkazy, upravte PPC
  39. 39. Web už běží a co dál?Optimalizace webuJak navrhnout úspěšný web• Necháme naběhnout nová data• Začínáme s optimalizací• A/B testování• Teplotní mapy• SEO
  40. 40. Jaké nástroje využít?Optimalizace webuJak navrhnout úspěšný web• A/B testování• Google Experimenty• Visual Website Optimizer• Heatmap – teplotní mapy• ClickTale, mYx, Crazyegg
  41. 41. SEO fungujeOptimalizace webuJak navrhnout úspěšný web• SEO není zadarmo• Zaměřte se na zajímavý obsah• Zapojte uživatele webu• Reagujte na současné trendy –buďte vždy o krok na před• Nesledujte pozice
  42. 42. Kdo dělá dobré SEO a proč?Optimalizace webuJak navrhnout úspěšný web• nikl.cz• lintech.cz• rogelli.cz/blog• info.radynacestu.cz• megapixel.cz/magazin• snowboard-zezula.cz
  43. 43. Co se povedlo, a co neJak navrhnout úspěšný web
  44. 44. Děkuji za pozornostČas na dotazy@jirikomarjiri.komar@advisio.czJak navrhnout úspěšný web

×