Nejčastější chyby při návrhu mobilního a responzivního

webu

Kvasnička Jan

kvasnickajan.cz info@kvasnickajan.cz @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

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

kvasnickajan.cz info@kvasnickajan.cz @Jan_Kvasnicka

Kvasnička Jan