• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Jak navrhnout úspěšný web
 

Jak navrhnout úspěšný web

on

  • 531 views

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

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ý.

Statistics

Views

Total Views
531
Views on SlideShare
527
Embed Views
4

Actions

Likes
2
Downloads
6
Comments
0

1 Embed 4

https://twitter.com 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Jak navrhnout úspěšný web Jak navrhnout úspěšný web Presentation Transcript

    • 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á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
    • 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í 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
    • 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 navrhnout úspěšný web
    • 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• Určete si měřitelné cíle, kterých chcetedosáhnoutZáměrJak navrhnout úspěšný web
    • 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
    • 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í analýzy klíčovýchJak navrhnout úspěšný web
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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!!!Jak navrhnout úspěšný web
    • 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
    • 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 webu• Pokud není čas → skicujteAxure, BalsamiqJak navrhnout úspěšný web
    • 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řipravte se na přesměrování(pak se na to zapomene)Jak navrhnout úspěšný web
    • 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
    • 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
    • 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ůzky vše usnadní• Dodavatel je partner, ne nepřítel →řvaním si jenom zvýšíte hodinovkuJak navrhnout úspěšný web
    • 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
    • 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ěřit hledání na webu
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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