Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Nejčastější chyby při návrhu
mobilního a responzivního
webu
Kvasnička Jan
kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasni...
Bez praktického poznání by to nešlo
13 rozhovorů s developery
Více než 30 účastníků uživatelských testů
Rozhovory s odborn...
„Než začnete jakoukoliv
optimalizaci webu, je nutné
si uvědomit chování
uživatelů“
A nyní prakticky
A nyní prakticky
Všechny ukázky jsou z
českých webů
_______
„Fakt, že se jedná o velkou
firmu, nezaručuje, že jejich
web je vytvořen bez chyb“
Zpracování navigace
„Neřiďte se obecnými
poučkami, ale opravdu
měřte a testujte“
Navigace na pravé nebo
levé straně?
Navigace a styl zobrazení
Dvě navigace na jednom
webu
Pozor na orientaci v
navigaci
Snažte se pochopit chování
a potřeby zákazníků
„Kde je k...a vyhledávání?“
Možnosti vyhledávání
Nezapomeňte na volání
Lákání na aplikaci
Pop-up okna
Ponechte možnost
zobrazení desktopové
verze
Pozor na jednoznačnost
aktivních prvků
Pozor na používání štítků
Pozor na navyšování počtu
kusů
Řazení
Stránkování
Jednoznačná konverze
Detail produktu a
schovávání informací
Nejčastější výmluvy developerů
„Nevypadalo to pěkně, tak jsme to vypustili“
„Nevíme, jak to udělat, tak jsme to vypustili“...
Nejčastější výmluvy developerů
„Nevypadalo to pěkně, tak jsme to vypustili“
„Nevíme, jak to udělat, tak jsme to vypustili“...
Pozor, kam co schováte
Volba velikosti
Pozor na zpracování
předkošíku
Copy má obrovský vliv
Chybová stránka
Jak spolehlivě zahltit
návštěvníka
Co opravdu nepotěší
Vliv rychlosti načítání webu
Úkol pro vás
Odměna
E-shop s dvěma hlavními kategoriemi
Cyklistika
Fitness
In-line bruslení
Outdoor a camping
Raketové sporty
Vodní sporty
Ost...
Závěrem
Shrnutí
Testujte a měřte
Nespoléhejte se jen na aplikace
Optimalizujte rychlost načítání webu
Neschovávejte obsah bezdůvod...
Doporučené nástroje pro optimalizaci
browserstack.com
saucelabs.com
xamarin.com
„Rozšířené slide a další
ukázky naleznete na mém
blogu blog.kvasnickajan.cz“
Sledujte: @Jan_Kvasnicka
Nenuťte uživatele přemýšlet!
kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasnicka
Kvasnička Jan
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016
Upcoming SlideShare
Loading in …5
×

Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016

12,377 views

Published on

Praktický průvodce jak zpracovat správně návrh mobilního a responzivního webu.

Published in: Retail
  • Be the first to comment

Nejčastější chyby při návrhu mobilního a responzivního webu prakticky | WebExpo | 23.9.2016

  1. 1. Nejčastější chyby při návrhu mobilního a responzivního webu Kvasnička Jan kvasnickajan.cz info@kvasnickajan.cz @Jan_Kvasnicka
  2. 2. Bez praktického poznání by to nešlo 13 rozhovorů s developery Více než 30 účastníků uživatelských testů Rozhovory s odborníky v oboru Zpětná vazba na Twitteru
  3. 3. „Než začnete jakoukoliv optimalizaci webu, je nutné si uvědomit chování uživatelů“
  4. 4. A nyní prakticky
  5. 5. A nyní prakticky Všechny ukázky jsou z českých webů _______
  6. 6. „Fakt, že se jedná o velkou firmu, nezaručuje, že jejich web je vytvořen bez chyb“
  7. 7. Zpracování navigace
  8. 8. „Neřiďte se obecnými poučkami, ale opravdu měřte a testujte“
  9. 9. Navigace na pravé nebo levé straně?
  10. 10. Navigace a styl zobrazení
  11. 11. Dvě navigace na jednom webu
  12. 12. Pozor na orientaci v navigaci
  13. 13. Snažte se pochopit chování a potřeby zákazníků
  14. 14. „Kde je k...a vyhledávání?“
  15. 15. Možnosti vyhledávání
  16. 16. Nezapomeňte na volání
  17. 17. Lákání na aplikaci
  18. 18. Pop-up okna
  19. 19. Ponechte možnost zobrazení desktopové verze
  20. 20. Pozor na jednoznačnost aktivních prvků
  21. 21. Pozor na používání štítků
  22. 22. Pozor na navyšování počtu kusů
  23. 23. Řazení
  24. 24. Stránkování
  25. 25. Jednoznačná konverze
  26. 26. Detail produktu a schovávání informací
  27. 27. Nejčastější výmluvy developerů „Nevypadalo to pěkně, tak jsme to vypustili“ „Nevíme, jak to udělat, tak jsme to vypustili“ „Přišlo nám to zbytečné“ „Na mobilu se člověk chová jinak než na desktopu“
  28. 28. Nejčastější výmluvy developerů „Nevypadalo to pěkně, tak jsme to vypustili“ „Nevíme, jak to udělat, tak jsme to vypustili“ „Přišlo nám to zbytečné“ „Na mobilu se člověk chová jinak než na desktopu“ „Pokud to nemá být na mobilu, mělo by to být na desktopu?“
  29. 29. Pozor, kam co schováte
  30. 30. Volba velikosti
  31. 31. Pozor na zpracování předkošíku
  32. 32. Copy má obrovský vliv
  33. 33. Chybová stránka
  34. 34. Jak spolehlivě zahltit návštěvníka
  35. 35. Co opravdu nepotěší
  36. 36. Vliv rychlosti načítání webu
  37. 37. Úkol pro vás
  38. 38. Odměna
  39. 39. E-shop s dvěma hlavními kategoriemi Cyklistika Fitness In-line bruslení Outdoor a camping Raketové sporty Vodní sporty Ostatní sporty Sport Domky a chaty Grilování Kamna Nábytek a relax Sekání a údržba trávníku Skleníky Ostatní Bydlení
  40. 40. Závěrem
  41. 41. Shrnutí Testujte a měřte Nespoléhejte se jen na aplikace Optimalizujte rychlost načítání webu Neschovávejte obsah bezdůvodně Nezapomínejte na neustálý vývoj a kontrolu
  42. 42. Doporučené nástroje pro optimalizaci browserstack.com saucelabs.com xamarin.com
  43. 43. „Rozšířené slide a další ukázky naleznete na mém blogu blog.kvasnickajan.cz“ Sledujte: @Jan_Kvasnicka
  44. 44. Nenuťte uživatele přemýšlet! kvasnickajan.cz info@kvasnickajan.cz @Jan_Kvasnicka Kvasnička Jan

×