0
Budućnost mobilnih                 stranicaLucijan Blagonić            Web Strategija 11
“A smartphone is a mobile phone that  offers more advanced computing    ability and connectivity than a    contemporary fe...
Broj pametnih telefona             (prodani uređaji, u tisućama)                                                          ...
Mobile vs. Desktop              Trenutno stanje za Q1 2011.           Desktop                           95,51%            ...
Kontekst                         89%      Korisnika koristi svoj pametni telefon              tijekom cijelog dana.The Mob...
81%             77%              68%               48%The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
Mobilni internetU raznovrsnim situacijama.
59%             48%              44%               43%40%             39%              27%               20%20%           ...
Što očekujemo?Novosti. Zabava. Informacija.
InformacijaKoja utječe na našu odluku.
Akcija                         9/10         Korisnika poduzelo je akciju na         osnovu rezultata pretraživanja.The Mob...
Što pronalazimo?Loše korisničko iskustvo. Previše informacija. Flash.
Desktop vs. Mobile   Postoje bitne razlike i...
Ograničenja!Okruženje. Interakcija. Vrijeme.   Brzina. Ekran/rezolucija.
Okruženje     Desktop             Mobile Zatvoreni prostor    Svugdje + bukaBolja koncentracija
Interakcija    Desktop                 Mobile Miš i tipkovnica,   Ekran osjetljiv na dodir,ponekad trackpad,     ponekad t...
Vrijeme  Desktop               MobileViše vremena         Manje vremena
Brzina       Desktop                  MobileŠirokopojasni internet,      Mobilna mreža,     jak hardver             slabij...
Ekran/rezolucija  Desktop           MobileViše prostora,   Manje prostora,više sadržaja    manje sadržaja
TabletiKako se oni uklapaju?
Dobar balansRezolucija. Hardver. Brzina.  Ekran osjetljiv na dodir.
Budućnost  U novim tehnologijama iekranima osjetljivim na dodir.
Tehnologija.
Mobilni Browseri                       Q1 2009. do Q1 2011.30%24%                                                         ...
HTML5                        Od 1 do 400                              Verzija             Broj bodova   Opera Mini        ...
2022?w3.org/TR/html5/ (working draft)
Vizualni efekti         Koristite CSS(3) efekte umjereno.border-radius, text-shadow, box-shadow, gradient...            Fa...
FallbackIzgleda li stranica dobro i bez njih?    Fancy Effects
WebKitOptimizirano.
WebKitOptimizirano.
OprezWebKit nije standard.w3.org/TR/html5/ (working draft)
Posebna stranica  I dalje je najčešća praksa.
amazon.co.uk
amazon.co.uk
cnn.com
imdb.com
arstechnica.com
facebook.com
nytimes.com
Raznovrsnost  Različite veličine ekrana    i različite rezolucije320x240, 400x240, 480x320,360x540, 640x480, 800x480,     ...
AlternativaJedna stranica za sve!?
CSS3Responsive Web Design.      mediaqueri.es
informationarchitects.jp
webdesignerwall.com
awwapp.com
Obrnuta psihologijaPrvo mobilna stranica, a onda ostalo.
Prilagodba  Arhitektura. 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-Sieme...
Opera Mini & Mobile         operamini.com/mobile/download/devices/
TrendoviRast broja korisnika pametnih telefona.      Rast touchscreen uređaja.      Mogućnosti u browserima.        Mobiln...
PitanjaSmatrate li mobilno tržište važnim za vaš posao?
Hvala!               Lucijan Blagonić               Blagonic Brothersblagonic.com@lucijanblagonic
Upcoming SlideShare
Loading in...5
×

(WS11) Lucijan Blagonić: Budućnost mobilnih stranica

436

Published on

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
436
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "(WS11) Lucijan Blagonić: Budućnost mobilnih stranica"

  1. 1. Budućnost mobilnih stranicaLucijan Blagonić Web Strategija 11
  2. 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. 3. Broj pametnih telefona (prodani uređaji, u tisućama) 875,574 413,481 268,784 172,3742009 2010 2011 2014 gartner.com/it/page.jsp?id=1434613 (09/2010)
  4. 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. 5. Kontekst 89% Korisnika koristi svoj pametni telefon tijekom cijelog dana.The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
  6. 6. 81% 77% 68% 48%The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
  7. 7. Mobilni internetU raznovrsnim situacijama.
  8. 8. 59% 48% 44% 43%40% 39% 27% 20%20% 17% 14% 13%The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
  9. 9. Što očekujemo?Novosti. Zabava. Informacija.
  10. 10. InformacijaKoja utječe na našu odluku.
  11. 11. Akcija 9/10 Korisnika poduzelo je akciju na osnovu rezultata pretraživanja.The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
  12. 12. Što pronalazimo?Loše korisničko iskustvo. Previše informacija. Flash.
  13. 13. Desktop vs. Mobile Postoje bitne razlike i...
  14. 14. Ograničenja!Okruženje. Interakcija. Vrijeme. Brzina. Ekran/rezolucija.
  15. 15. Okruženje Desktop Mobile Zatvoreni prostor Svugdje + bukaBolja koncentracija
  16. 16. Interakcija Desktop Mobile Miš i tipkovnica, Ekran osjetljiv na dodir,ponekad trackpad, ponekad tipkovnica, veća preciznost manja preciznost
  17. 17. Vrijeme Desktop MobileViše vremena Manje vremena
  18. 18. Brzina Desktop MobileŠirokopojasni internet, Mobilna mreža, jak hardver slabiji hardver
  19. 19. Ekran/rezolucija Desktop MobileViše prostora, Manje prostora,više sadržaja manje sadržaja
  20. 20. TabletiKako se oni uklapaju?
  21. 21. Dobar balansRezolucija. Hardver. Brzina. Ekran osjetljiv na dodir.
  22. 22. Budućnost U novim tehnologijama iekranima osjetljivim na dodir.
  23. 23. Tehnologija.
  24. 24. Mobilni Browseri Q1 2009. do Q1 2011.30%24% Opera18% iPhone Nokia12% BlackBerry Android6% iPod Touch0% 2009 Q1 2009 Q3 2010 Q1 2010 Q3 2011 Q1 gs.statcounter.com/#mobile_browser-ww-quarterly-200901-201101
  25. 25. HTML5 Od 1 do 400 Verzija Broj bodova Opera Mini 6 35 Android 2.3 182Apple iPhone, iPod iOS 4.3 206 and iPad Blackberry 6 233 Opera Mobile 11 234 html5test.com/results.html
  26. 26. 2022?w3.org/TR/html5/ (working draft)
  27. 27. Vizualni efekti Koristite CSS(3) efekte umjereno.border-radius, text-shadow, box-shadow, gradient... Fancy Effects
  28. 28. FallbackIzgleda li stranica dobro i bez njih? Fancy Effects
  29. 29. WebKitOptimizirano.
  30. 30. WebKitOptimizirano.
  31. 31. OprezWebKit nije standard.w3.org/TR/html5/ (working draft)
  32. 32. Posebna stranica I dalje je najčešća praksa.
  33. 33. amazon.co.uk
  34. 34. amazon.co.uk
  35. 35. cnn.com
  36. 36. imdb.com
  37. 37. arstechnica.com
  38. 38. facebook.com
  39. 39. nytimes.com
  40. 40. Raznovrsnost Različite veličine ekrana i različite rezolucije320x240, 400x240, 480x320,360x540, 640x480, 800x480, 960x640...
  41. 41. AlternativaJedna stranica za sve!?
  42. 42. CSS3Responsive Web Design. mediaqueri.es
  43. 43. informationarchitects.jp
  44. 44. webdesignerwall.com
  45. 45. awwapp.com
  46. 46. Obrnuta psihologijaPrvo mobilna stranica, a onda ostalo.
  47. 47. Prilagodba Arhitektura. Informacije.Optimizacija. Web standardi.
  48. 48. Magično rješenje™ Nije primjenjivo svugdje.
  49. 49. Ostali?Što je s “ostalim” mobitelima.
  50. 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. 51. Opera Mini & Mobile operamini.com/mobile/download/devices/
  52. 52. TrendoviRast broja korisnika pametnih telefona. Rast touchscreen uređaja. Mogućnosti u browserima. Mobilne web aplikacije.
  53. 53. PitanjaSmatrate li mobilno tržište važnim za vaš posao?
  54. 54. Hvala! Lucijan Blagonić Blagonic Brothersblagonic.com@lucijanblagonic
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×