Prezentacija za konferenciju E-trgovina 2013 sa temom responsive web dizajna. Prilagođena je vlasnicima kompanija i menadžerima kako bi lakše doneli odluku o nastupu komapnije na mobilnom internetu.

1. ResponsiveWebDesign
Vremejeza
akciju!
WWW.IMPLEMENTEK.COM
IMPLEMENTEKADINTERNETCONSULTINGGROUP

2. Mobilniinternet–trendovi
2
Mobilnepretplatepotehnologiji
Download(Mbit/s)
~200
~15
~0,38
~0,38
~2

3. Mobilniinternet–trendovi
3
Mobilnepretplatepotehnologijiiregionu2012.
Mobilnepretplatepotehnologijiiregionu2018.

4. Mobilniinternet–trendovi
4
Kakosaobraćajpratitajrazvoj?
2007. 2008. 2009. 2010. 2011. 2012.
Mesečniuplinkidownlink
upetabajtima.
Glas
Podaci
2x
~12x
~14x

5. ResponsiveWebDesign
„Nijenavamadaodlučitekakoćeljudidaposetevašsajt.Akoseditei
razmišljate„dalićeljudiželetitodauradeprekomobilnog“,zakasnili
ste.Ljudivećpokušavajutodaurade!“
5

6. ResponsiveWebDesign
• Kakoseradi?@mediaupit.
• Širineekrana
• 1200px
• 980px
• 768px
• 480px
6
Pojamuužemsmislu

7. ResponsiveWebDesign
• Zastarelo„Flash“razmišljanjeimoderanweb
• Sadržajucentrupažnje
• Konzistentnostiskustvadesktop–mobilni
• Nijesveurezolucijama.Gdejeosobakojaprimasadržaj?
• Planiranjeprojektairazvoj
7
Pojamuširemsmislu

8. ResponsiveWebDesign
• Dalijepotrebnodaprojekatbude„responsive“?
• Dalićesvakipogledimatiistisadržajifunkcionalnost?
• Ulogečlanovatima?
• Planiranje
• „Mobilefirst“?
8
Razvoj

9. ResponsiveWebDesign
• Konstantnoproveravanje
• Zajedničkirad
9
Razvoj

10. RWDialternative
• Dizajn
• Delićfunkcionalnosti
• TežinauMB
• Zasebandomen
• KompleksnostSEOpodešavanja
10
Mobilnatema(m.sajt)

11. RWDialternative
• Performanse
• Održavanjeimanipulacijasadržajem
• “Viewdesktopversion”
• Kadajeboljim.sajt?
11
Mobilnatema(m.sajt)

12. RWDialternative
• Višeplatformi
• Instalacijailine?
• Približavajuiskustvo“native”aplikacija
• Nedovoljnodobre(Facebook)
• Kojipodaciikojefunkcionalnostisuimdostupne
12
HTML5aplikacije

13. RWDialternative
• Lakomonetizovana
• Pristupsenzorimauređaja
• Dostupnaoffline
• Instalacija
• Održavanjeimanipulacijasadržajem
• Zavisnostodplatforme
13
„Native“aplikacije

14. RWDialternative
• Cenaizrade
• Korisničkoiskustvo
• Odobravanjeaplikacije
• Kadajebašbolja“native”aplikacija?
14
„Native“aplikacije

15. Budućnost
• HDrezolucije
• Webdostupansvuda
• Googledajepodršku
15

16. Zaključak
• Statistika
• Ključneprednosti
• 10sekundi
• Savetzarazvojnetimove
• Savetzamenadžere
16
73%
54%
68%
46%
80%
62%

17. Kraj
ivan.koren@implementek.com
/in/ivankoren
17
Vremejezaakciju!