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ý.
Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013Richard Dobiáš
Když mohou skicovat UX borci, proč by nemohli i copywriteři? Jak v sobě objevit kreativního ducha a oprostit se od fádního psaní článkovitých forem. O rychlém načrtávání nápadů, příběhů, layoutu obsahu, argumentů i celého konceptu webu. Copysketching je metoda, kterou používám při přípravě obsahu webové stránky. Vyzkoušejte, jestli právě vám pomůže k lepším výsledkům.
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014Jan Kvasnička
Jedná se o postup jak navrhnout úspěšný střední a menší web tak, aby byl co nejúčinnější. Více informací najdete v článku: http://blog.kvasnickajan.cz/jak-navrhnout-uspesny-web-krok-za-krokem-aneb-jak-hodne-se-muzetemate-zapojit/
Jak se stát dobrým copywriterem / CopycampRichard Dobiáš
www.dobry-copywriter.cz | Dobrý copywriter vyprávěl na Copycampu o tom, jak se stát dobrým copywriterem. Videozáznam na http://www.o-psani.cz/2012/11/jak-se-stat-dobrym-copywriterem.html
Copysketching aneb skicováním k lepšímu obsahu / Copycamp 2013Richard Dobiáš
Když mohou skicovat UX borci, proč by nemohli i copywriteři? Jak v sobě objevit kreativního ducha a oprostit se od fádního psaní článkovitých forem. O rychlém načrtávání nápadů, příběhů, layoutu obsahu, argumentů i celého konceptu webu. Copysketching je metoda, kterou používám při přípravě obsahu webové stránky. Vyzkoušejte, jestli právě vám pomůže k lepším výsledkům.
Jak navrhnout úspěšný web krok za krokem | VŠB - APPLE JUICE MEETING | 27.3.2014Jan Kvasnička
Jedná se o postup jak navrhnout úspěšný střední a menší web tak, aby byl co nejúčinnější. Více informací najdete v článku: http://blog.kvasnickajan.cz/jak-navrhnout-uspesny-web-krok-za-krokem-aneb-jak-hodne-se-muzetemate-zapojit/
Jak se stát dobrým copywriterem / CopycampRichard Dobiáš
www.dobry-copywriter.cz | Dobrý copywriter vyprávěl na Copycampu o tom, jak se stát dobrým copywriterem. Videozáznam na http://www.o-psani.cz/2012/11/jak-se-stat-dobrym-copywriterem.html
M. Čevelíček Zlepší svůj web! - Jak optimalizujeme webyPražský Barcamp
Hlavně ten web nedělej znovu! Leda že by ses chtěl zbavit peněz. 100% praktická přednáška, ze které odejdete s webem na steroidech. A ani vás to nebude moc bolet.
Pro lidi, kteří mají weby nebo plánují nový web.
Možnosti online marketingu a jak postavit marketingově výkonný web - tak aby generoval zákazníky a nebyla to pouze hezká prezentace. Plus pár dobrých rad ohledně SEO a PPC.
https://www.wakers.cz/skoleni-online-marketingu
Copywriting a content strategy pro velké weby - praktické zkušenosti nejen z psaní pro csob.cz. Projděte si slajdy z přednášky na konferenci WebTop100.
Google Webmaster Tools a SEO - Lukáš PokornýJsmeMarketing
Přednáška z cyklu Professional Lecture v rámci projektu JsmeMarketing v Olomouci. Více informací zde: http://www.jsmemarketing.cz/akce/lecture/2014-3-2x-seo-prakticky-a-odborne
Největší SEO mýty, kterým nesmíte věřit | RobertNemec.comRobertNemec.com
Vedoucí SEO týmu RobertNemec.com Martin Šimko prezentoval na konferenci SEO restart dva zásadní postupy, jak při optimalizaci pro vyhledávače dosáhnout maximálního úspěchu.
Myslíte si, že stačí jen vytvořit SEO analýzu a tím to končí, nebo že při tvorbě kvalitního obsahu nemusíte řešit technickou stránku webu? Martin vás přesvědčí o opaku.
Další SEO mýty najdete v článku http://robertnemec.com/seo-myty-seo-restart-2015/
Sledujte nás na sociálních sítích:
https://fb.com/RobertNemec.com
https://plus.google.com/111881936553300641146
https://twitter.com/RobertNemec_com
https://www.linkedin.com/company/robertnemec-com
UX designéři jsou mistři otázek. Ví, jak a především na co se zeptat. User Centered Design Canvas je "jejich" metoda, která vás provede sběrem důležitých informací o zákaznících a byznysu vašich klientů. Díky ní na nic zásadního nezapomenete a budete mít jasno o tonalitě, ale i argumentech, které použít.
Čtvrtkon: Podle jakých kritérií vybrat e-shopové řešeníCtvrtkoncz
Vybrat si e-shopové řešení je zásadní krok, který ovlivní vaše podnikání na roky dopředu. Je to o ceně? Technickém řešení? Grafice? Napojení na další systémy? O tom povídal na říjnovém Čtvrtkonu Jan Kalianko.
M. Čevelíček Zlepší svůj web! - Jak optimalizujeme webyPražský Barcamp
Hlavně ten web nedělej znovu! Leda že by ses chtěl zbavit peněz. 100% praktická přednáška, ze které odejdete s webem na steroidech. A ani vás to nebude moc bolet.
Pro lidi, kteří mají weby nebo plánují nový web.
Možnosti online marketingu a jak postavit marketingově výkonný web - tak aby generoval zákazníky a nebyla to pouze hezká prezentace. Plus pár dobrých rad ohledně SEO a PPC.
https://www.wakers.cz/skoleni-online-marketingu
Copywriting a content strategy pro velké weby - praktické zkušenosti nejen z psaní pro csob.cz. Projděte si slajdy z přednášky na konferenci WebTop100.
Google Webmaster Tools a SEO - Lukáš PokornýJsmeMarketing
Přednáška z cyklu Professional Lecture v rámci projektu JsmeMarketing v Olomouci. Více informací zde: http://www.jsmemarketing.cz/akce/lecture/2014-3-2x-seo-prakticky-a-odborne
Největší SEO mýty, kterým nesmíte věřit | RobertNemec.comRobertNemec.com
Vedoucí SEO týmu RobertNemec.com Martin Šimko prezentoval na konferenci SEO restart dva zásadní postupy, jak při optimalizaci pro vyhledávače dosáhnout maximálního úspěchu.
Myslíte si, že stačí jen vytvořit SEO analýzu a tím to končí, nebo že při tvorbě kvalitního obsahu nemusíte řešit technickou stránku webu? Martin vás přesvědčí o opaku.
Další SEO mýty najdete v článku http://robertnemec.com/seo-myty-seo-restart-2015/
Sledujte nás na sociálních sítích:
https://fb.com/RobertNemec.com
https://plus.google.com/111881936553300641146
https://twitter.com/RobertNemec_com
https://www.linkedin.com/company/robertnemec-com
UX designéři jsou mistři otázek. Ví, jak a především na co se zeptat. User Centered Design Canvas je "jejich" metoda, která vás provede sběrem důležitých informací o zákaznících a byznysu vašich klientů. Díky ní na nic zásadního nezapomenete a budete mít jasno o tonalitě, ale i argumentech, které použít.
Čtvrtkon: Podle jakých kritérií vybrat e-shopové řešeníCtvrtkoncz
Vybrat si e-shopové řešení je zásadní krok, který ovlivní vaše podnikání na roky dopředu. Je to o ceně? Technickém řešení? Grafice? Napojení na další systémy? O tom povídal na říjnovém Čtvrtkonu Jan Kalianko.
Trpíme paranoií, že potřebujeme mít přístup ke všem možným i nemožným statistikám hned a pořád. Na druhé straně o některá důležitá data postupně přicházíme. Jak vyhodnocovat úspěšnost SEO aktivit? Které metriky jsou důležité či dokonce opomíjené? Jak si to všechno nakonec přebrat?
Online marketing vám může pomoci. Musíte ho ovšem dělat správným způsobem. Prezentace vás upozorní na časté chyby živnostníků a firem. Dozvíte se, jak změna jednoho tlačítka pomohla vydělat 300 milionů dolarů a další zajímavosti. Autor přednášky: Radim Hasalík, přednáška pro účastníky semináře v Informačním centru Prahy 5.
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík
Chcete si vytvořit webové stránky k vlastní fotografické prezentaci? Na workshopu vám Honza Barbořík vysvětlí pravidla tvorby stránek počínaje výběrem a koupí domény, zřízením webhostingu, instalací wordpressu a jeho nastavením. Ukáže vám práci se šablonami a pluginy a především s vlastním obsahem stránek.
Webová prezentace - case study - DHL Express (Slovakia)Sun Marketing
Pro společnost DHL Express (Slovakia) jsme realizovali novou webovou prezentaci - Expresnapreprava.sk. Jejím cílem bylo především přehlednou formou prezentovat informace o nabízených službách, zvýšit počet zákazníků a motivovat ty stávající k opakovaným objednávkám, umožnit rychlé nalezení kontaktních informací, ale například i sledovat stav zakázky online. Jak jsme postupovali se dozvíte v případové studii.
Webová prezentace - case study - Squaris ConsultantsSun Marketing
Po několika případových studiích zaměřených na PPC reklamní kampaně a Facebook aplikace jsme připravili case study týkající se vývoje firemní webové prezentace. Jako ideální volba se ukázal jeden z našich zahraničních klientů, belgická poradenská a konzultační společnost Squaris s.p.r.l.
Váš web by měl cíleně zapadat do obchodního procesu vaší společnosti. Jaké jsou klíčové otázky, které byste si měli zodpovědět, než se do tvorby webu pustíte? Co bude následovat po spuštění webu? Jak to vše pomůže vašim firemním cílům? A hlavně, co na to říkají vaši zákazníci? – Na tyto a další otázky Vám odpoví Daniel Musil v prezentaci a zároveň vám ukáže konkrétní případové studie.
Video najdete na https://www.aitom.cz/co-je-noveho/jak-zaradit-web-do-prodejniho-procesu
2. Co nás dnes čeká
• Nepodceňujte tvorbu nového webu
• Jaký je optimální postup realizace
nové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 diskuze
Jak navrhnout úspěšný web
3. Tvorbu nového webu i
redesign stávajícího jde pokazit
Jak navrhnout úspěšný web
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
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 chcete
dosáhnout
Záměr
Jak navrhnout úspěšný web
10. Kde je prostor?
• Zajímavý obsah
• Komunita
• Podpora a poradenství
• Zkušenosti zákazníků
• Mobilní web ?!
• Pak se možná dostaví i UX
Záměr
Jak navrhnout úspěšný web
12. Analýza dat z Google Analytics
• Zdroje návštěvnosti
Analýza
Jak navrhnout úspěšný web
13. Analýza dat z Google Analytics
• Vstupní stránky
Analýza
Jak navrhnout úspěšný web
14. Analýza klíčových slov
• Nástroj v Skliku
• Nástroj v AdWords
• Data z Google Analytics
• PPC reklama
Analýza
Plugin ulehčující analýzy klíčových
Jak navrhnout úspěšný web
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 reklama
Analýza
Jak se dělá klasifikační analýza klíčových slov
Jak navrhnout úspěšný web
17. Rozhovory s uživateli
Analýza
• Vydefinujte si co potřebujete vyřešit
• uživatel / zaměstnanec
• Vyberte správné uživatelé pro rozhovor
• Analyzujte výsledky
The Chatterbox → výřečný uživatel
The Clam → nemluvný uživatel
The Pollyanna → optimistický uživatel
The Unraveler → sebekritický uživatel
The Distracted & Evasive → nepozorní a vyhýbavý uživatel
The Attitude Problem → sebestředný a problematický uživatel
Jak navrhnout úspěšný web
18. Analýza
Jak vypadá uživatel vašeho webu?
Jak navrhnout úspěšný web
V říjnu se bude se vdávat Chce si koupit nové pneumatiky na auto
19. Rozhovor vám pomůže
navrhnout lepší web
Analýza
Uká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ávky
Jak navrhnout úspěšný web
21. Kvanta vám řeknou jak moc
Analýza
• Odkud lidí odchází?
• Jakou funkčnost nepoužívají?
• Kdo umí číst v datech má vyhráno!!!
Jak navrhnout úspěšný web
22. Navrhněte si navigaci
Analý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é vzory
Jak navrhnout úspěšný web
fivesecondtest.com, navflow.com, treejack
24. Tvorba wireframe / protopů
Příprava webu
• Ušetří vám velké starosti (čas, peníze)
• Popíšete přesně rozmístění prvků na
celém webu
• Pokud není čas → skicujte
Axure, Balsamiq
Jak navrhnout úspěšný web
28. Obsah je král
Pří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. 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. Vyberte dodavatele
Zadá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ýhra
Jak navrhnout úspěšný web
33. Vaříme nový web
Realizace
• Určete kompetentní osoby za vaši
stranu
• 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 hodinovku
Jak navrhnout úspěšný web
34. Chyby ničí UX
Testování
• Testujte možné i nemožné
• Pokud web akceptujete → z chyb se
stanou více práce
• Nezapomeňte na testování na lidech
Jak navrhnout úspěšný web
Do.com, Basecamp
35. Pomalý web odrazuje zákazníky
Testování
Jak navrhnout úspěšný web
Jak působí rychlost načítání stránky na uživatele
36. Na co taky kouknout?
Testování
• 404 stránku
• Hledání
• Kontakty
Jak navrhnout úspěšný web
Jak měřít 404 stránku v GA, Jak měřit hledání na webu
37. Jak testovat na uživatelích
Testová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šímu
zpracová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ý čas
Free scan to video
Jak navrhnout úspěšný web
38. Zmáčkni internet
Spuštění webu
Jak navrhnout úspěšný web
Xenu 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. Web už běží a co dál?
Optimalizace webu
Jak navrhnout úspěšný web
• Necháme naběhnout nová data
• Začínáme s optimalizací
• A/B testování
• Teplotní mapy
• SEO
40. Jaké nástroje využít?
Optimalizace webu
Jak navrhnout úspěšný web
• A/B testování
• Google Experimenty
• Visual Website Optimizer
• Heatmap – teplotní mapy
• ClickTale, mYx, Crazyegg
41. SEO funguje
Optimalizace webu
Jak 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. Kdo dělá dobré SEO a proč?
Optimalizace webu
Jak navrhnout úspěšný web
• nikl.cz
• lintech.cz
• rogelli.cz/blog
• info.radynacestu.cz
• megapixel.cz/magazin
• snowboard-zezula.cz