ݺߣ

ݺߣShare a Scribd company logo
Budućnost mobilnih
                 stranica



Lucijan Blagonić            Web Strategija 11
“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)


                                                             875,574




                                            413,481

                      268,784
  172,374


2009               2010                  2011              2014


            gartner.com/it/page.jsp?id=1434613 (09/2010)
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
Kontekst
                         89%
      Korisnika koristi svoj pametni telefon
              tijekom cijelog dana.




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




The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
Mobilni internet
U raznovrsnim situacijama.
59%             48%              44%               43%


40%             39%              27%               20%


20%             17%              14%               13%

The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
Što očekujemo?
Novosti. Zabava. Informacija.
Informacija
Koja utječe na našu odluku.
Akcija
                         9/10
         Korisnika poduzelo je akciju na
         osnovu rezultata pretraživanja.




The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
Što pronalazimo?
Loše korisničko iskustvo. Previše informacija. Flash.
Desktop vs. Mobile
   Postoje bitne razlike i...
Ograničenja!
ž. Interakcija. Vrijeme.
   Brzina. Ekran/rezolucija.
ž
     Desktop             Mobile
 Zatvoreni prostor    Svugdje + buka
Bolja koncentracija
Interakcija
    Desktop                 Mobile
 Miš i tipkovnica,   Ekran osjetljiv na dodir,
ponekad trackpad,     ponekad tipkovnica,
 veća preciznost        manja preciznost
Vrijeme
  Desktop               Mobile
Više vremena         Manje vremena
Brzina
       Desktop                  Mobile
Širokopojasni internet,      Mobilna mreža,
     jak hardver             slabiji hardver
Ekran/rezolucija
  Desktop           Mobile
Više prostora,   Manje prostora,
više sadržaja    manje sadržaja
Tableti
Kako se oni uklapaju?
Dobar balans
Rezolucija. Hardver. Brzina.




  Ekran osjetljiv na dodir.
Budućnost
  U novim tehnologijama i
ekranima osjetljivim na dodir.
Tehnologija.
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
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
2022?




w3.org/TR/html5/ (working draft)
Vizualni efekti
         Koristite CSS(3) efekte umjereno.
border-radius, text-shadow, box-shadow, gradient...



            Fancy Effects
Fallback
Izgleda li stranica dobro i bez njih?



    Fancy Effects
WebKit
Optimizirano.
WebKit
Optimizirano.
Oprez
WebKit 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 rezolucije




320x240, 400x240, 480x320,
360x540, 640x480, 800x480,
        960x640...
Alternativa
Jedna stranica za sve!?
CSS3
Responsive Web Design.




      mediaqueri.es
informationarchitects.jp
webdesignerwall.com
awwapp.com
Obrnuta psihologija
Prvo 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-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.
Pitanja
Smatrate li mobilno tržište
 važnim za vaš posao?
Hvala!
               Lucijan Blagonić
               Blagonic Brothers


blagonic.com

@lucijanblagonic

More Related Content

Budućnost mobilnih stranica