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