Slide 1

Slide 1 text

Web, co vydělává 
 na všech zařízeních Honza Sládek, manGoweb www.mangoweb.cz

Slide 2

Slide 2 text

12 % V ČR je průměrně přístupů z mobilních zařízení Zpravodajské servery mají přístupů z mobilních zařízení okolo 20 %, přes 50 % mají vývojáři mobilních aplikací.

Slide 3

Slide 3 text

Díky mobilním zařízením máme spoustu zajímavé práce, ale zapomínáme na základy.

Slide 4

Slide 4 text

100 kbit/s Rychlost GPRS je max. 100 kbit/s. Proto musely vznikat samostatné mobilní weby. Dnes je průměrná velikost webu 1,5 MB a stále roste. Na mobilech je to, bohužel, stejné.

Slide 5

Slide 5 text

Lidé používají weby všude. Třeba v Pražském metru, kde je pouze EDGE.

Slide 6

Slide 6 text

1s = -7 % Společnost Kissmetrics změřila, že po 4 vteřinách načítání stránku zavře 25 % lidí. A že jedna vteřina načítání webu průměrně stojí 7 % v konverzích. https://blog.kissmetrics.com/loading-time/

Slide 7

Slide 7 text

load = 1.75s Kvůli rychlosti nemusíme tvořit separátní mobilní web. Nový theguardian.com ukazuje, jak se může responzivní web načítat velmi rychle. The Guardian používá tzv. „lazy loading“, tedy nejprve načte texty a základní styly, teprve poté načítá obrázky a skripty.

Slide 8

Slide 8 text

load = 5.21s Porovnejte s novými HN, které se, na stejném připojení jako The Guardian, načítají téměř o 4 vteřiny déle.

Slide 9

Slide 9 text

Nemusíte rozumět technikáliím, pomůže vám automatika. Google PageSpeed Insights analyzuje stránku a doporučí kroky, které ji mohou zrychlit. Ale pozor, občas doporučuje věci, které nemají reálný přínos. Berte tedy jeho doporučení jako body k diskusi, ne dogma.

Slide 10

Slide 10 text

60 % lidí používá více zařízení za den Lidé používají web na více zařízeních za den. Studie ukazují, že v USA 60 % lidí používá 2 a více zařízení za den. Většina z nich začne nějakou činnost na desktopu a dokončí ji na mobilu (59 %), 34 % pak postupuje i obráceně (tedy z mobilu na desktop).

Slide 11

Slide 11 text

facebook homepage ?! mobilní web ?! Zásadní problém separátních mobilních webů na WebTop100 bylo přesměrování mezi mobilní a desktop verzí. Příliš často se stávalo, že jdu z odkazu na desktop web z mobilu a web mne přesměruje na homepage. :-(

Slide 12

Slide 12 text

U responzivních webů naopak grafik skvěle vyladí desktop verzi, ale responzivní verze už přeci „nějak dodělá kodér, to přeci není težký“.

Slide 13

Slide 13 text

Dopadá to sice funkčními weby, které ale postrádají emoce a často i základní vysvětlení „o co jde“.

Slide 14

Slide 14 text

Přitom i rychlé responzivní weby jde udělat tak, že z nich má návštěvník dobrý první dojem.

Slide 15

Slide 15 text

Separátní mobilní web doporučuji volit pouze v konkrétních případech. Třeba Amazon.com si udělal rozsáhlý výzkum a rozhodl se mít pro mobilní zařízení jinou strategii. Zatímco na desktopu se vám snaží prodat co nejvíce věcí najednou, na mobilu chtějí, abyste dokončili nákup do 30 vteřin od rozhodnutí, že něco chcete koupit a vytáhnete telefon z kapsy.

Slide 16

Slide 16 text

Otázky? Honza Sládek, manGoweb www.mangoweb.cz, [email protected] @honzasladek / @manGowebCZ