Jak (ne)pokazit redesign webu
Jan Tichý
tichy@medio.cz
Co mají tyto weby společné?

1. Jsou hnusné a nepřehledné
2. Fungují a vydělávají
„Musíme to celé přepsat“
• Je to ošklivé.
• Panu řediteli to přijde nepřehledné.
• Už to máme dlouho stejné, chce to změnu...
Když to funguje,
tak na to nesahejte
Proč nedělat skokový redesign
• Nemám žádný racionální důvod
• Léta laděný web vyměním za cosi neznámého
• Nejistý výslede...
Evoluce před revolucí
Postupné dílčí změny
• Důvody a inspirace:
– Rozšiřování nových funkcí
– Uživatelská zpětná vazba
– Expertní názor
– Webov...
Kdy kompletně redesignovat
•
•
•
•
•
•
•

Starý web je od začátku špatně
Nerespektuje cílové skupiny a jejich scénáře
Přep...
Co před redesignem
•
•
•
•

Mít jasné důvody a cíle
Stanovit kritéria úspěchu
Časová náročnost, finanční návratnost
SWOT a...
Co na začátku redesignu
•
•
•
•
•
•

Projektová analýza webu
Mít stále na paměti cíle a cílové skupiny
Zkušenosti ze stáva...
Co před nasazením
•
•
•
•

Testovat, testovat, testovat
Podrobný scénář migrace
Mitigační scénáře
Navazující změny procesů...
Starý i nový web vedle sebe
•
•
•
•

Sentiment po staré verzi
Zmatení uživatelů
Duplicity
Neudržovaná zastaralá verze

• B...
Uživatelé
• Vždy si budou stěžovat
• Připravit sdělení, komunikaci, support

• Rozlišovat mezi brbláním a problémem
Změna URL
• Nikdy neměňte URL
• Pokud ano, tak vše přesměrujte přes 301
Obsahové a SEO důsledky
• Nepřenesení obsahu a funkcí
• Úbytek vstupních stránek
• Nesprávné přesměrování
• Dočasný výpade...
Vývojářské drobnosti
•
•
•
•
•

Výkonnostní problémy
Neotestovaná funkčnost
Nefungující měření
Vynulování lajků a FB komen...
Propagace a marketing
•
•
•
•
•
•
•

Změna kreativ a brandingu
Cílové stránky v reklamách, odkazy v mailingu
Taggování
Změ...
Analytika a nástroje
• Změny nastavení a filtrů v analytics
• Vyhodnocení redesignu oproti KPI
• Odchytávání a řešení chyb...
Otázky?
Web:
Blog:
Školení:

www.medio.cz
blog.medio.cz
akademie.medio.cz

Twitter:

@jantichy
@mediocz
@medioteka

Facebo...
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Jak (ne)pokazit redesign webu
Upcoming SlideShare
Loading in...5
×

Jak (ne)pokazit redesign webu

1,552

Published on

Published in: Technology

Jak (ne)pokazit redesign webu

  1. 1. Jak (ne)pokazit redesign webu Jan Tichý tichy@medio.cz
  2. 2. Co mají tyto weby společné? 1. Jsou hnusné a nepřehledné 2. Fungují a vydělávají
  3. 3. „Musíme to celé přepsat“ • Je to ošklivé. • Panu řediteli to přijde nepřehledné. • Už to máme dlouho stejné, chce to změnu. • Konkurence to má jinak. • Měníme dodavatele.
  4. 4. Když to funguje, tak na to nesahejte
  5. 5. Proč nedělat skokový redesign • Nemám žádný racionální důvod • Léta laděný web vyměním za cosi neznámého • Nejistý výsledek • Naštvaní uživatelé • „Na starém webu už nemá cenu nic měnit“
  6. 6. Evoluce před revolucí
  7. 7. Postupné dílčí změny • Důvody a inspirace: – Rozšiřování nových funkcí – Uživatelská zpětná vazba – Expertní názor – Webová analytika • Ověření: – Kvantitativní: analytika, A/B testování – Kvalitativní: usertesting
  8. 8. Kdy kompletně redesignovat • • • • • • • Starý web je od začátku špatně Nerespektuje cílové skupiny a jejich scénáře Přeplácaný, přetížený, nevejde se to tam Změněné priority, trh, cíle či sdělení webu Očekávané zlepšení konverze Radikální změna corporate identity zvenku Podložené daty a testováním
  9. 9. Co před redesignem • • • • Mít jasné důvody a cíle Stanovit kritéria úspěchu Časová náročnost, finanční návratnost SWOT analýza
  10. 10. Co na začátku redesignu • • • • • • Projektová analýza webu Mít stále na paměti cíle a cílové skupiny Zkušenosti ze stávajícího webu Výhled vývoje webu i oboru do dalších let Uživatelský feedback, expertní názor Inspirační analýza konkurence
  11. 11. Co před nasazením • • • • Testovat, testovat, testovat Podrobný scénář migrace Mitigační scénáře Navazující změny procesů uvnitř firmy
  12. 12. Starý i nový web vedle sebe • • • • Sentiment po staré verzi Zmatení uživatelů Duplicity Neudržovaná zastaralá verze • Beta testeři • Natvrdo přepnout
  13. 13. Uživatelé • Vždy si budou stěžovat • Připravit sdělení, komunikaci, support • Rozlišovat mezi brbláním a problémem
  14. 14. Změna URL • Nikdy neměňte URL • Pokud ano, tak vše přesměrujte přes 301
  15. 15. Obsahové a SEO důsledky • Nepřenesení obsahu a funkcí • Úbytek vstupních stránek • Nesprávné přesměrování • Dočasný výpadek z vyhledávačů • Rozpárování produktu ve zbožácích
  16. 16. Vývojářské drobnosti • • • • • Výkonnostní problémy Neotestovaná funkčnost Nefungující měření Vynulování lajků a FB komentářů Zapomenuté skryté funkce – API, zbožové a jiné feedy, sitemap, robots.txt… • Dlouhé expirace DNS, neplatné certifikáty
  17. 17. Propagace a marketing • • • • • • • Změna kreativ a brandingu Cílové stránky v reklamách, odkazy v mailingu Taggování Změny registrací v katalozích a zbožácích Aktualizace zpětných odkazů, odkazový profil Aktualizace profilů na sociálních sítích Offline propagace
  18. 18. Analytika a nástroje • Změny nastavení a filtrů v analytics • Vyhodnocení redesignu oproti KPI • Odchytávání a řešení chyb – – – – Google Webmaster Tools Google Analytics Serverové logy, errorlogy XENU • Okamžité iterativní vylepšování
  19. 19. Otázky? Web: Blog: Školení: www.medio.cz blog.medio.cz akademie.medio.cz Twitter: @jantichy @mediocz @medioteka Facebook: facebook.com/mediocz
  1. A particular slide catching your eye?

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

×