+ All Categories
Home > Documents > Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)

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

Date post: 08-Jul-2015
Category:
Upload: martin-michalek
View: 931 times
Download: 2 times
Share this document with a friend
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í
26
Pohroma jménem „Optimalizace pro mobilní zařízení” WebTop100 7. listopadu 2013 Martin Michálek www.vzhurudolu.cz @machal
Transcript
Page 1: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)

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

WebTop1007. listopadu 2013

Martin Michálekwww.vzhurudolu.cz

@machal

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

6 největších pohrom

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

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

1Ne-optimalizace

Page 4: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)
Page 5: Pohroma jménem optimalizace pro mobilní zařízení (WebTop100 2013)

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

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

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.

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

2Pře-optimalizace

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

SEO?

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

MEO!Mobile Experience Optimization

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

MEO faktor5/10

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

MEO faktor10/10

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

3Desktop UI

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

Karusely s tečkovou navigací.

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

MEGAmenuMEGAprůšvih

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

Desktop UI patterns

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

Malé klikací plochy.Lightboxy.Karusely.

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

Super.cz:V jednoduchosti je síla.

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

4Splashscreen

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

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

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

App Banners.

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

5Mobilní vzhled

na tabletech

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

Složitý desktop = ochuzený tablet.

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

Jednoduché rozhraní

nevyžaduje„optimalizaci”

pro tablety.

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

6Pomalost načítání

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

Responzivníkbps.cz

150 requestů,750 kB.

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

na EDGE.

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

Ne-responzivníblackcomb.cz

27 requestů,330 kB.

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

na EDGE.


Recommended