Muke po malim zaslonima

449 views
421 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
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
449
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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>

×