Nejčastější chyby při návrhu mobilního a responzivního
webu
Kvasnička Jan
kvasnickajan.cz [email protected] @Jan_Kvasnicka
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
„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“
„Přišlo nám to zbytečné“
„Na mobilu se člověk chová jinak než na desktopu“
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?“
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
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í
Závěrem
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
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
Top Related