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í

1. WebTop100
7. listopadu 2013
Pohroma jménem
„Optimalizace pro
mobilní zařízení”
Martin Michálek
www.vzhurudolu.cz
@machal

2. 6 největších pohrom
★
★
★
★
★
★
Ne-optimalizace
Pře-optimalizace
Desktop UI
Splashscreen
Mobilní vzhled na tabletech
Pomalost načítání

3. 1
Ne-optimalizace

5. ”
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

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

7. 2
Pře-optimalizace

8. SEO?

9. MEO!
Mobile Experience Optimization

10. MEO faktor
5/10

11. MEO faktor
10/10

12. 3
Desktop UI

13. Karusely
s tečkovou
navigací.

14. MEGAmenu
MEGAprůšvih

15. Desktop
UI patterns
must die!
Otevírání obsahu na najetí myši.
Malé klikací plochy.
Lightboxy.
Karusely.

16. Super.cz:
V jednoduchosti je síla.

17. 4
Splashscreen

18. Bacha!!!
Máme appku!!!!!

19. App Banners.

20. 5
Mobilní vzhled
na tabletech

21. Složitý desktop = ochuzený tablet.

22. Jednoduché
rozhraní
nevyžaduje
„optimalizaci”
pro tablety.

23. 6
Pomalost načítání

24. Responzivní
kbps.cz
150 requestů,
750 kB.
Minimálně
2 minuty načítání
na EDGE.

25. Ne-responzivní
blackcomb.cz
27 requestů,
330 kB.
Minimálně
16 vteřin načítání
na EDGE.

26. Děkuji!
@machal
www.vzhurudolu.cz
facebook.com/VzhuruDolu
martin@vzhurudolu.cz