Budućnost mobilnih stranica kroz retrospektivu trenutnog načina izrade i dostupnih tehnologija poput HTML5, par svakodnevnih primjera i sl.

1. Budućnost mobilnih
stranica
Lucijan Blagonić Web Strategija 11

2. “A smartphone is a mobile phone that
offers more advanced computing
ability and connectivity than a
contemporary feature phone.”
en.wikipedia.org/wiki/Smartphone

3. Broj pametnih telefona
(prodani uređaji, u tisućama)
875,574
413,481
268,784
172,374
2009 2010 2011 2014
gartner.com/it/page.jsp?id=1434613 (09/2010)

4. Mobile vs. Desktop
Trenutno stanje za Q1 2011.
Desktop 95,51%
Mobile 4,49%
gs.statcounter.com/#mobile_vs_desktop-ww-quarterly-201101-201101-bar

5. Kontekst
89%
Korisnika koristi svoj pametni telefon
tijekom cijelog dana.
The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011

6. 81% 77% 68% 48%
The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011

7. Mobilni internet
U raznovrsnim situacijama.

8. 59% 48% 44% 43%
40% 39% 27% 20%
20% 17% 14% 13%
The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011

9. Što očekujemo?
Novosti. Zabava. Informacija.

10. Informacija
Koja utječe na našu odluku.

11. Akcija
9/10
Korisnika poduzelo je akciju na
osnovu rezultata pretraživanja.
The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011

12. Što pronalazimo?
Loše korisničko iskustvo. Previše informacija. Flash.

13. Desktop vs. Mobile
Postoje bitne razlike i...

14. Ograničenja!
Okruženje. Interakcija. Vrijeme.
Brzina. Ekran/rezolucija.

15. Okruženje
Desktop Mobile
Zatvoreni prostor Svugdje + buka
Bolja koncentracija

16. Interakcija
Desktop Mobile
Miš i tipkovnica, Ekran osjetljiv na dodir,
ponekad trackpad, ponekad tipkovnica,
veća preciznost manja preciznost

17. Vrijeme
Desktop Mobile
Više vremena Manje vremena

18. Brzina
Desktop Mobile
Širokopojasni internet, Mobilna mreža,
jak hardver slabiji hardver

19. Ekran/rezolucija
Desktop Mobile
Više prostora, Manje prostora,
više sadržaja manje sadržaja

20. Tableti
Kako se oni uklapaju?

21. Dobar balans
Rezolucija. Hardver. Brzina.
Ekran osjetljiv na dodir.

22. Budućnost
U novim tehnologijama i
ekranima osjetljivim na dodir.

23. Tehnologija.

24. Mobilni Browseri
Q1 2009. do Q1 2011.
30%
24%
Opera
18% iPhone
Nokia
12% BlackBerry
Android
6% iPod Touch
0%
2009 Q1 2009 Q3 2010 Q1 2010 Q3 2011 Q1
gs.statcounter.com/#mobile_browser-ww-quarterly-200901-201101

25. HTML5
Od 1 do 400
Verzija Broj bodova
Opera Mini 6 35
Android 2.3 182
Apple iPhone, iPod
iOS 4.3 206
and iPad
Blackberry 6 233
Opera Mobile 11 234
html5test.com/results.html

26. 2022?
w3.org/TR/html5/ (working draft)

27. Vizualni efekti
Koristite CSS(3) efekte umjereno.
border-radius, text-shadow, box-shadow, gradient...
Fancy Effects

28. Fallback
Izgleda li stranica dobro i bez njih?
Fancy Effects

29. WebKit
Optimizirano.

30. WebKit
Optimizirano.

31. Oprez
WebKit nije standard.
w3.org/TR/html5/ (working draft)

32. Posebna stranica
I dalje je najčešća praksa.

33. amazon.co.uk

34. amazon.co.uk

35. cnn.com

36. imdb.com

37. arstechnica.com

38. facebook.com

39. nytimes.com

40. Raznovrsnost
Različite veličine ekrana
i različite rezolucije
320x240, 400x240, 480x320,
360x540, 640x480, 800x480,
960x640...

41. Alternativa
Jedna stranica za sve!?

42. CSS3
Responsive Web Design.
mediaqueri.es

43. informationarchitects.jp

44. webdesignerwall.com

45. awwapp.com

46. Obrnuta psihologija
Prvo mobilna stranica, a onda ostalo.

47. Prilagodba
Arhitektura. Informacije.
Optimizacija. Web standardi.

48. Magično rješenje™
Nije primjenjivo svugdje.

49. Ostali?
Što je s “ostalim” mobitelima.

50. 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

51. Opera Mini & Mobile
operamini.com/mobile/download/devices/

52. Trendovi
Rast broja korisnika pametnih telefona.
Rast touchscreen uređaja.
Mogućnosti u browserima.
Mobilne web aplikacije.

53. Pitanja
Smatrate li mobilno tržište
važnim za vaš posao?

54. Hvala!
Lucijan Blagonić
Blagonic Brothers
blagonic.com
@lucijanblagonic