Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Muke po malim zaslonima

497 views

Published on

Baš kad su se web developeri veselo raširili po svojim wide screen monitorima, zaboravili traume iz prošlosti i napore da sve naguraju u 800×600… Avet prošlosti ponovno se vratila. Ovaj put gora nego ikada… Uvjeravaju ih da su sretni ako imaju 480 točkica u širinu, 320 je prosjek, a traže od njih da se stisnu još i više…i na bandwidth moraju paziti, a baš su zaboravili spore modeme. Koliko je tek browsera i različitih operativnih sustava za te male vražje stvarčice?! Vrijedi li to sve truda i živaca? Što se može učiniti?

Published in: Technology
  • Be the first to comment

Muke po malim zaslonima

  1. 1. BarCamp Zagreb 2009 MUKE PO MALIM (I ČUDNIM) ZASLONIMA Stjepan Zlodi http://wolfwoodscrowd.info
  2. 2. Avet skučenih zaslona se vraća
  3. 3. Dilema <ul><li>Hoćete li joj se suprostaviti ili je namjeravate ignorirati? </li></ul><ul><li>Ili niste sigurni (trilema)? </li></ul>
  4. 4. Potencijalni broj korisnika <ul><li>fling 54.94% of the worlds population has a mobile phone today #mobiledesign </li></ul><ul><li>http://mobiledesign.org/book/ </li></ul><ul><li>Mobile Design & Development is a new O’Reilly Media book being written by Brian Fling. </li></ul><ul><li>Mobile will REVOLUTIONIZE the way we gather and interact with information in the NEXT TWO YEARS. </li></ul>
  5. 5. Pitanja o profilu korisnika <ul><li>Koliko njih stvarno koristi mobilni preglednik? Vrlo malo. Komplicirano korištenje, skupi bandwidth. </li></ul><ul><li>Uglavnom korisnici pametnih telefona. Pametniji korisnici...ups...recimo skloniji tehničkih perverzijama. </li></ul><ul><li>Konzole za igru, mali uređaji spojeni na Internet, uskoro i televizori, automobili... </li></ul>
  6. 6. Tko zapravo surfa s nogu? <ul><li>84.8% iPhone korisnika informacije i novosti čita uz pomoć njega </li></ul><ul><li>13.1% korisnika običnih mobitela </li></ul><ul><li>58.2% korisnika pametnih mobitela </li></ul><ul><li>Blackberry? </li></ul><ul><li>A market share mobilnih preglednika? Laž, prljava laž, statistika... </li></ul>
  7. 7. Stanje kod nas (i mogućnosti)? <ul><li>Nema navike mobilnog surfanja? </li></ul><ul><li>100 kn = 1GB </li></ul><ul><li>Twittanje je jeftinije i zabavnije od SMS-ova </li></ul><ul><li>Svi pa i moj pas (ne, ipak sam ga spriječio) su na Fejsu – mobilni Facebook klijent </li></ul><ul><li>Tko još želi slati MMS, a slike može slati mailom, direktno podići na flickr? </li></ul><ul><li>Socijalni šoping </li></ul>
  8. 8. Brzo rješenje za nestrpljive <ul><li>Trik za lijenčine (i one koji ne žele ili ne znaju štrikati digitalnu paučinu)‏ </li></ul><ul><ul><li>SMF – po defaultu </li></ul></ul><ul><ul><li>WordPress - MobilePress http://mobilepress.co.za/ </li></ul></ul><ul><ul><li>Drupal </li></ul></ul><ul><ul><li>Joomla </li></ul></ul>
  9. 9. Idemo raditi mobilni web <ul><li>Ljudi ne koriste mobitele na isti način kao i računala – niti u istim situacijama </li></ul><ul><li>U većini slučajeva nije rješenje stisnuti pravi veliki web </li></ul><ul><li>Sadržaj je i dalje kralj – samo u manjim dozama </li></ul><ul><li>Rješenje potrebe koja nastaje u pokretu </li></ul><ul><li>Ubijanje dosade </li></ul>
  10. 10. ...i što još? <ul><li>Mobitel je osobniji nego računalo (ali je veća vjerojatnost da ti netko zuri iza ramena) </li></ul><ul><li>Uvijek uključen, uvijek dostupan </li></ul><ul><li>Bandwidth je skup - paziti na težinu, zbog cijene i zbog brzine učitavanja </li></ul><ul><li>Navigacija, organizacija sadržaja - sve se mijenja </li></ul>
  11. 11. Haiku <ul><li>Razvoj za male i čudne zaslone je kao haiku </li></ul><ul><ul><li>Kratka forma </li></ul></ul><ul><ul><li>Trostih 5-7-5 </li></ul></ul><ul><ul><li>Jako važan usability </li></ul></ul><ul><ul><li>Što je posjetitelj želi napraviti </li></ul></ul><ul><ul><li>Samo važno </li></ul></ul>
  12. 12. Sudbina (ne)izvjesna <ul><li>while (ne poludim)‏ </li></ul><ul><li>{morati ću ovako </li></ul><ul><li>za kruh raditi} </li></ul><ul><li>el Brujo </li></ul><ul><li>http://elbrujo.awardspace.com/haiku/haiku.php </li></ul>
  13. 13. Koliko je puteva do cilja? 4 (zapravo 42, ali nije mi se dalo smišljati ostalih 38)‏
  14. 14. 1. Ne raditi ništa <ul><li>Ne mijenjati ništa, neka se pokretni preglednik muči </li></ul><ul><li>U prednosti vlasnici 2.0 stranica (veliki fontovi, gumbi, malo sadržaja)‏ </li></ul><ul><li>Ima smisla kad nemate što ponuditi surferima s nogu </li></ul>
  15. 15. 2. Olakšati site <ul><li>Pojednostavniti stranicu, optimizirati za brže učitavanje, izbaciti teške elemente koji mogu izazvati reakciju </li></ul><ul><li>A možda postoje i alati za to? </li></ul>
  16. 16. 3. CSS je zakon <ul><li>Uz pomoć CSS-a optimizirati stranicu za mobilne preglednike </li></ul><ul><li>style media = “handheld” </li></ul>
  17. 17. 4. Nova nada <ul><li>Razviti potpuno nove stranice za mobilne uređaje </li></ul>
  18. 18. Tehnologija <ul><li>WAP </li></ul><ul><ul><li>1.0 – WML </li></ul></ul><ul><ul><li>2.0 – XHTML – MP </li></ul></ul><ul><li>Pravi preglednici </li></ul><ul><ul><li>WebKit (iPhone, Android, palm pre, Iris Browser)‏ </li></ul></ul><ul><ul><li>Opera Mini/Mobile, Internet Channel </li></ul></ul>
  19. 19. WAP 1.0 <ul><li>WAP - Wireless Application Protocol – 1998. </li></ul><ul><ul><li>Otvoreni standard, omogućava pristup Internetu mobitelima i PDA uređajima </li></ul></ul><ul><li>WML – Wireless Markup Language </li></ul><ul><ul><li>WMLScript </li></ul></ul><ul><ul><li>.wbmp </li></ul></ul><ul><ul><li>.png </li></ul></ul><ul><ul><li>Prošla priča </li></ul></ul>
  20. 20. WAP 2.0 <ul><li>XHTML – Mobile Profile - 2002. </li></ul><ul><li>Nema skriptiranja, slabije podržan CSS, WML (za one koji bi to željeli)‏ </li></ul><ul><li>Standard koji nije standard – mogući problemi </li></ul><ul><ul><li>WURFL - Wireless Universal Resource File </li></ul></ul><ul><ul><ul><li>Apstrakcija elemenata stranice koji se zatim u runtime-u prilagođavaju uređaju </li></ul></ul></ul><ul><ul><ul><li>http://wurfl.sourceforge.net/index.php </li></ul></ul></ul>
  21. 21. Pravi preglednici <ul><li>I dalje vrijede ograničenja </li></ul><ul><ul><li>Optimizacija, optimizacija, optimizacija </li></ul></ul><ul><li>Ne morate učiti novu tehnologiju </li></ul><ul><ul><li>Ne radi sve kao na desktopu – onmouseover i rođaci </li></ul></ul>
  22. 22. .mobi ili ne? <ul><li>novi “standard” je m.mojadomena.hr </li></ul>
  23. 23. Bez izlaza? <ul><li>Ako posjetitelju automatski poslužujete sadržaj za mobilne uređaje uvijek mu trebate ostaviti mogućnost da vidi puno inačicu stranice </li></ul>
  24. 24. Učite od najboljih <ul><li>iPhone – uređaj koji je mijenja sve </li></ul><ul><ul><li>Najbolje web iskustvo </li></ul></ul><ul><ul><li>Uključen podatkovni plan </li></ul></ul><ul><ul><li>Gumb Safari pored gumba Phone na početnoj stranici </li></ul></ul><ul><ul><li>Odličan preglednik </li></ul></ul><ul><ul><li>Savršen usability </li></ul></ul>
  25. 25. Samo za iPhone <ul><li>Ova stranica je optimizirana samo za iPhone </li></ul><ul><ul><li>Ima li to smisla? </li></ul></ul>
  26. 26. Samo za one koji bi radili stranice samo za iPhone <ul><li>iui - http://code.google.com/p/iui/ </li></ul><ul><li>ciui-dev - http://code.google.com/p/ciui-dev/ </li></ul><ul><li>UiUIKit - http://code.google.com/p/iphone-universal/ </li></ul><ul><li>iWebKit - http://www.iwebkit.net/ </li></ul>
  27. 27. Brdo linkova <ul><li>http://mtld.mobi/ - dot mobi </li></ul><ul><li>http://mobithinking.com/ </li></ul><ul><li>http://mobiforge.com/ </li></ul><ul><li>http://www.smashingmagazine.com/2009/01/13/mobile-web-design-trends-2009/ </li></ul><ul><li>http://www.mobileawesomeness.com/ - galerija mobilnog dizajna </li></ul><ul><li>http://analytics.admob.com/ - statistika </li></ul><ul><li>http://www.paulhibbitts.com/small-screen-ui-design-links.html </li></ul><ul><li>http://getleaflets.com </li></ul>

×