Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)

Post on 08-Jul-2015

931 views 2 download

description

6 největších pohrom pro mobilní uživatele vašeho webu: 1) Ne-optimalizace 2) Pře-optimalizace 3) Desktop UI 4) Splashscreen 5) Mobilní vzhled na tabletech 6) Pomalost načítání

transcript

Pohroma jménem „Optimalizace pro mobilní zařízení”

WebTop1007. listopadu 2013

Martin Michálekwww.vzhurudolu.cz

@machal

6 největších pohrom

★ Ne-optimalizace★ Pře-optimalizace★ Desktop UI★ Splashscreen★ Mobilní vzhled na tabletech★ Pomalost načítání

1Ne-optimalizace

Pokud máte na výběr mezi optimalizací vzhledu pro mobilní zařízení a zrychlením desktopového webu, volte druhou možnost.

”— Jason Grigsby

Někdy by stačilo málo

Kdyby „desktopový” slap.cz nespoléhal na ovládání myší, dá se použít i na

smartphonu.

2Pře-optimalizace

SEO?

MEO!Mobile Experience Optimization

MEO faktor5/10

MEO faktor10/10

3Desktop UI

Karusely s tečkovou navigací.

MEGAmenuMEGAprůšvih

Desktop UI patterns

must die!Otevírání obsahu na najetí myši.

Malé klikací plochy.Lightboxy.Karusely.

Super.cz:V jednoduchosti je síla.

4Splashscreen

Bacha!!!Máme appku!!!!!

App Banners.

5Mobilní vzhled

na tabletech

Složitý desktop = ochuzený tablet.

Jednoduché rozhraní

nevyžaduje„optimalizaci”

pro tablety.

6Pomalost načítání

Responzivníkbps.cz

150 requestů,750 kB.

Minimálně 2 minuty načítání

na EDGE.

Ne-responzivníblackcomb.cz

27 requestů,330 kB.

Minimálně 16 vteřin načítání

na EDGE.