108
Největší a nejčastější chyby při návrhu mobilního e-shopu v praxi Kvasnička Jan kvasnickajan.cz info@kvasnickaja n.cz @Jan_Kvasnicka

Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Embed Size (px)

Citation preview

Page 1: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Největší a nejčastější chyby při návrhu mobilního

e-shopu v praxi

Kvasnička Jan [email protected] @Jan_Kvasnicka

Page 2: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 3: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 4: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

„Než začnete jakoukoliv optimalizaci e-shopu, je nutné si uvědomit chování uživatelů“

Page 5: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 6: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 7: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

A nyní prakticky

Page 8: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

A nyní prakticky

Všechny ukázky jsou z českých a

slovenských webů

_______

Page 9: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

„Fakt, že se jedná o velkou firmu, nezaručuje, že jejich web bude vytvořen bez chyb“

Page 10: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 11: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 12: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 13: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 14: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 15: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 16: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 17: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 18: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 19: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 20: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Zpracování navigace

Page 21: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 22: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 23: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 24: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Navigace na pravé nebo levé straně?

Page 25: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 26: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 27: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

„Neřiďte se obecnými poučkami, ale opravdu měřte a testujte!“

Page 28: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Navigace a styl zobrazení

Page 29: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 30: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 31: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 32: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 33: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 34: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 35: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 36: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Dvě navigace na jednom webu

Page 37: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 38: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 39: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 40: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 41: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 42: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 43: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 44: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 45: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 46: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 47: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Možnosti vyhledávání

Page 48: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 49: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 50: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 51: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 52: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Nezapomeňte na volání

Page 53: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 54: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 55: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Lákání ke stažení aplikace

Page 56: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 57: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 58: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 59: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Pop-up okna

Page 60: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 61: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 62: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Ponechte možnost zobrazení desktopové verze

Page 63: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 64: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 65: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Pozor na jednoznačnost aktivních prvků

Page 66: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 67: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 68: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Slidování do stran řeší problémy, nebo ne?

Page 69: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 70: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Pozor na používání štítků

Page 71: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 72: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Pozor na navyšování počtu kusů

Page 73: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 74: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 75: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 76: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 77: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 78: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Stránkování

Page 79: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 80: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 81: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Jednoznačná konverze

Page 82: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 83: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 84: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Pozor, kam co schováte

Page 85: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 86: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 87: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 88: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Volba velikosti

Page 89: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 90: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 91: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 92: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Pozor na zpracování předkošíku

Page 93: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 94: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 95: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 96: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 97: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 98: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 99: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 100: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Co opravdu nepotěší

Page 101: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 102: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Závěrem

Page 103: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Shrnutí

Testujte a měřtePozor na pohled SEO během optimalizaceOptimalizujte rychlost načítání webuNeschovávejte obsah bezdůvodněNezapomínejte na neustálý vývoj a kontrolu

Page 104: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Doporučené nástroje pro optimalizaci

browserstack.comsaucelabs.comxamarin.com

Page 105: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 106: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 107: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi
Page 108: Jan Kvasnička: Najväčšie a najčastejšie chyby pri návrhu mobilného e shopu v praxi

Nenuťte uživatele přemýšlet!

[email protected] @Jan_Kvasnicka

Kvasnička Jan