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

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

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

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

8. A nyní prakticky

9. A nyní prakticky
Všechny ukázky jsou z
českých webů
_______

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

19. Zpracování navigace

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

24. Navigace na pravé nebo
levé straně?

27. Navigace a styl zobrazení

37. Dvě navigace na jednom
webu

50. Pozor na orientaci v
navigaci

54. Snažte se pochopit chování
a potřeby zákazníků

56. „Kde je k...a vyhledávání?“

65. Možnosti vyhledávání

71. Nezapomeňte na volání

75. Lákání na aplikaci

79. Pop-up okna

82. Ponechte možnost
zobrazení desktopové
verze

85. Pozor na jednoznačnost
aktivních prvků

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

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

102. Řazení

110. Stránkování

113. Jednoznačná konverze

117. Detail produktu a
schovávání informací

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

126. 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?“

127. Pozor, kam co schováte

129. Volba velikosti

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

140. Copy má obrovský vliv

143. Chybová stránka

146. Jak spolehlivě zahltit
návštěvníka

148. Co opravdu nepotěší

150. Vliv rychlosti načítání webu

152. Úkol pro vás

153. Odměna

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

155. Závěrem

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

157. Doporučené nástroje pro optimalizaci
browserstack.com
saucelabs.com
xamarin.com

160. „Rozšířené slide a další
ukázky naleznete na mém
blogu blog.kvasnickajan.cz“
Sledujte: @Jan_Kvasnicka

161. Nenuťte uživatele přemýšlet!
kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasnicka
Kvasnička Jan