Budućnost mobilnih stranica
Web Strategija 11Lucijan Blagonić
“A smartphone is a mobile phone that offers more advanced computing
ability and connectivity than a contemporary feature phone.”
en.wikipedia.org/wiki/Smartphone
Broj pametnih telefona(prodani uređaji, u tisućama)
gartner.com/it/page.jsp?id=1434613 (09/2010)
2009 2010 2011 2014
172,374268,784
413,481
875,574
Mobile vs. DesktopTrenutno stanje za Q1 2011.
Desktop
Mobile
95,51%
4,49%
gs.statcounter.com/#mobile_vs_desktop-ww-quarterly-201101-201101-bar
Kontekst
Korisnika koristi svoj pametni telefontijekom cijelog dana.
89%
The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
77%81% 48%68%
Mobilni internetU raznovrsnim situacijama.
The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
39%40% 20%27%
48%59% 43%44%
17%20% 13%14%
Što očekujemo?Novosti. Zabava. Informacija.
InformacijaKoja utječe na našu odluku.
Akcija
Korisnika poduzelo je akciju naosnovu rezultata pretraživanja.
9/10
The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
Što pronalazimo?Loše korisničko iskustvo. Previše informacija. Flash.
Desktop vs. MobilePostoje bitne razlike i...
Ograničenja!Okruženje. Interakcija. Vrijeme.
Brzina. Ekran/rezolucija.
OkruženjeDesktop
Zatvoreni prostorBolja koncentracija
MobileSvugdje + buka
InterakcijaDesktop
Miš i tipkovnica,ponekad trackpad,
veća preciznost
MobileEkran osjetljiv na dodir,
ponekad tipkovnica,manja preciznost
VrijemeDesktop
Više vremenaMobile
Manje vremena
BrzinaDesktop
Širokopojasni internet,jak hardver
MobileMobilna mreža,slabiji hardver
Ekran/rezolucijaDesktop
Više prostora, više sadržaja
MobileManje prostora,manje sadržaja
TabletiKako se oni uklapaju?
Dobar balansRezolucija. Hardver. Brzina.
Ekran osjetljiv na dodir.
BudućnostU novim tehnologijama i
ekranima osjetljivim na dodir.
Tehnologija.
Mobilni BrowseriQ1 2009. do Q1 2011.
gs.statcounter.com/#mobile_browser-ww-quarterly-200901-201101
0%
6%
12%
18%
24%
30%
2009 Q1 2009 Q3 2010 Q1 2010 Q3 2011 Q1
OperaiPhoneNokiaBlackBerryAndroidiPod Touch
HTML5Od 1 do 400
Verzija Broj bodova
Opera Mini
Android
Apple iPhone, iPod and iPad
Blackberry
Opera Mobile
6 35
2.3 182
iOS 4.3 206
6 233
11 234
html5test.com/results.html
2022?
w3.org/TR/html5/ (working draft)
Vizualni efektiKoristite CSS(3) efekte umjereno.
border-radius, text-shadow, box-shadow, gradient...
Fancy Effects
FallbackIzgleda li stranica dobro i bez njih?
Fancy Effects
WebKitOptimizirano.
WebKitOptimizirano.
OprezWebKit nije standard.
w3.org/TR/html5/ (working draft)
Posebna stranicaI dalje je najčešća praksa.
amazon.co.uk
amazon.co.uk
cnn.com
imdb.com
arstechnica.com
facebook.com
nytimes.com
RaznovrsnostRazličite veličine ekrana
i različite rezolucije
320x240, 400x240, 480x320, 360x540, 640x480, 800x480,
960x640...
AlternativaJedna stranica za sve!?
CSS3Responsive Web Design.
mediaqueri.es
informationarchitects.jp
webdesignerwall.com
awwapp.com
Obrnuta psihologijaPrvo mobilna stranica, a onda ostalo.
PrilagodbaArhitektura. Informacije.
Optimizacija. Web standardi.
Magično rješenje™Nije primjenjivo svugdje.
Ostali?Što je s “ostalim” mobitelima.
Acer, Airis, Alcatel, Alfatel, Alltel, Amoi, Amoisonic, AnexTek, Arima, Asus, AT&T, au by KDDI, Audiovox, BenQ, BenQ-Siemens, Beyond,
Bird, BKK, BlackBerry, Capitel, Casio, CECT, Chess, Cingular, Compal, Coolpad, CyberBank, Dallab, Danger, Daxian, DBTEL, Dell, DoEasy, Dopod, Dragon, E-TEN, Emobile, Eurotel, Ezze, Fly, GHT, Gigabyte,
Google, Gradiente, Grundig, GSPDA, Haier, Hitachi, HP, HTC, Huawei, Hummer, i-mate, i-mobile, Innostream, INQ, Karbonn, Kejian, Konka, KPT, Krome, Kyocera, Lava, Lemon, Lenovo, LG, Lobster, Maxon,
Maxx, Micromax, Mio, Mitac, Mitsubishi, Motorola, MoviStar, MyPhone, NEC, Neonode, Nexian, Nokia, NTT DoCoMo, O2, Onda, Onida, Orange, Palm, Panasonic, Pantech, Pharos, Philips, Psion, Qtek,
Qwest, RoverPC, Sagem, Samsung, Sanyo, Sendo, Sharp, Siemens, SoftBank, Sonim, Sony, Sony Ericsson, Soutec, Spice, Sprint,
Swisscom, T-Mobile, Tapwave, Taxco, TCL, Tecno, Telit, Telson, Thuraya, Tianyu, Tiger, TMN, Toshiba, Uriver, Usha-Lexus, UTStarcom, Venera, Verizon, Vertu, Vitelcom, VKMobile, Vodafone, Voxtel, WeTab,
Willcom, Wonu, Xcute, Zen, ZTE
Opera Mini & Mobile
operamini.com/mobile/download/devices/
Trendovi
Rast broja korisnika pametnih telefona.Rast touchscreen uređaja.Mogućnosti u browserima.
Mobilne web aplikacije.
PitanjaSmatrate li mobilno tržište
važnim za vaš posao?
Hvala!Lucijan Blagonić
Blagonic Brothers
@lucijanblagonic
blagonic.com
Top Related