Responzivní design

1. Responzivní web

2. Program
• Statistiky
• Aplikace, mobilní verze nebo responzivní web?
• Kolik to stojí
• Inspirace

3. Mobilní zařízení v přístupech na weby 1/2014
Česká republika
12%
88%
Německo
16%
84%
29%
71%
USA
Zdroj: rankings.cz, statcounter.com

4. Vývoj v přístupech z mobilních zařízení
120.00%
100.00%
80.00%
60.00%
40.00%
20.00%
0.00%
Chart Title
II.2010 III.2010 IV.2010 I.2011 II.2011 III.2011 IV.2011 I.2012 II.2012 III.2012 IV.2012 I.2013 II.2013 III.2013 IV.2013 I.2014 II.2014 III.2014 IV.2014
PC non-PC
Zdroj: ranking.cz

5. Tablety vs. Smartphones v ČR
Zdroj: http://www.cognito.cz/internet/cesky-web-v-roce-2012-ne-byl-mobilni/

6. Chování návštěvníků z různých zařízení
Zdroj: http://www.cognito.cz/internet/cesky-web-v-roce-2012-ne-byl-mobilni/

7. Aplikace nebo web?

8. Mobilní nebo responzivní web?
Mobilní verze Responzivní web
Snadnost aktualizace * ***
Optimalizace pro vyhledávače ** ***
Možnost přidat přesměrování a konverzních
* ***
prvků
Mám nový web ** *(**)
Rychlost vytvoření *** **
Mám výrazně odlišný obsah *** *
Chci se maximálně přizpůsobit uživatelům
*** **
mobilů
Cena *** **

9. Rychlost načítání
Připojení Max rychlost kbit/s Latence ms
56K 56 700
EDGE 260 400
3G 750 100
LTE / 4G 1000 80
DSL 2000 40
Jak to zjistím?

10. Kolik to stojí?
Náklady se po4číta j2í v1 záv3isl oKstič na požadavcích
Od ¼ do ½ nákladů na vytvoření webu pro PC

11. Megapixel

12. Atlantic

13. Microsoft

14. Mashable

15. Mall.cz

16. Stream

17. Shrnutí
• Myslete na mobily
• Raději si vyberte responzivní web před mobilní verzí
• Rychlost načítání je důležitá