BarCamp Zagreb 2009

MUKE PO MALIM(I ČUDNIM) ZASLONIMAStjepan Zlodihttp://wolfwoodscrowd.info

Avet skučenih zaslona se vraća

Dilema Hoćete li joj se suprostaviti ili je

namjeravate ignorirati? Ili niste sigurni (trilema)?

Potencijalni broj korisnika fling 54.94% of the worlds population has a

mobile phone today #mobiledesign http://mobiledesign.org/book/

Mobile Design & Development is a new O’Reilly Media book being written by Brian Fling.

Mobile will REVOLUTIONIZE the way we gather and interact with information in the NEXT TWO YEARS.

Pitanja o profilu korisnika Koliko njih stvarno koristi mobilni

preglednik? Vrlo malo. Komplicirano korištenje, skupi bandwidth.

Uglavnom korisnici pametnih telefona. Pametniji korisnici...ups...recimo skloniji tehničkih perverzijama.

Konzole za igru, mali uređaji spojeni na Internet, uskoro i televizori, automobili...

Tko zapravo surfa s nogu? 84.8% iPhone korisnika informacije i novosti

čita uz pomoć njega 13.1% korisnika običnih mobitela 58.2% korisnika pametnih mobitela Blackberry? A market share mobilnih preglednika? Laž,

prljava laž, statistika...

Stanje kod nas (i mogućnosti)?

Nema navike mobilnog surfanja? 100 kn = 1GB Twittanje je jeftinije i zabavnije od SMS-ova Svi pa i moj pas (ne, ipak sam ga spriječio)

su na Fejsu – mobilni Facebook klijent Tko još želi slati MMS, a slike može slati

mailom, direktno podići na flickr? Socijalni šoping

Brzo rješenje za nestrpljive Trik za lijenčine (i one koji ne žele ili ne

znaju štrikati digitalnu paučinu)− SMF – po defaultu− WordPress - MobilePress

http://mobilepress.co.za/

− Drupal− Joomla

Idemo raditi mobilni web Ljudi ne koriste mobitele na isti način kao i

računala – niti u istim situacijama U većini slučajeva nije rješenje stisnuti

pravi veliki web Sadržaj je i dalje kralj – samo u manjim

dozama Rješenje potrebe koja nastaje u pokretu Ubijanje dosade

...i što još? Mobitel je osobniji nego računalo (ali je

veća vjerojatnost da ti netko zuri iza ramena)

Uvijek uključen, uvijek dostupan Bandwidth je skup - paziti na težinu, zbog

cijene i zbog brzine učitavanja Navigacija, organizacija sadržaja - sve se

mijenja

Haiku Razvoj za male i čudne zaslone je kao haiku

− Kratka forma− Trostih 5-7-5− Jako važan usability− Što je posjetitelj želi napraviti− Samo važno

Sudbina (ne)izvjesna while (ne poludim) {morati ću ovako za kruh raditi}

el Brujo

http://elbrujo.awardspace.com/haiku/haiku.php

Koliko je puteva do cilja?

4 (zapravo 42, ali nije mi se dalo smišljati ostalih 38)

1. Ne raditi ništa Ne mijenjati ništa, neka se pokretni

preglednik muči U prednosti vlasnici 2.0 stranica (veliki

fontovi, gumbi, malo sadržaja) Ima smisla kad nemate što ponuditi

surferima s nogu

2. Olakšati site Pojednostavniti stranicu, optimizirati za

brže učitavanje, izbaciti teške elemente koji mogu izazvati reakciju

A možda postoje i alati za to?

3. CSS je zakon Uz pomoć CSS-a optimizirati stranicu za

mobilne preglednike style media = “handheld”

4. Nova nada Razviti potpuno nove stranice za mobilne

uređaje

Tehnologija WAP

− 1.0 – WML− 2.0 – XHTML – MP

Pravi preglednici− WebKit (iPhone, Android, palm pre, Iris

Browser)− Opera Mini/Mobile, Internet Channel

WAP 1.0 WAP - Wireless Application Protocol – 1998.

− Otvoreni standard, omogućava pristup Internetu mobitelima i PDA uređajima

WML – Wireless Markup Language− WMLScript− .wbmp− .png− Prošla priča

WAP 2.0 XHTML – Mobile Profile - 2002. Nema skriptiranja, slabije podržan CSS,

WML (za one koji bi to željeli) Standard koji nije standard – mogući

problemi− WURFL - Wireless Universal Resource File

Apstrakcija elemenata stranice koji se zatim u runtime-u prilagođavaju uređaju

http://wurfl.sourceforge.net/index.php

Pravi preglednici I dalje vrijede ograničenja

− Optimizacija, optimizacija, optimizacija Ne morate učiti novu tehnologiju

− Ne radi sve kao na desktopu – onmouseover i rođaci

.mobi ili ne? novi “standard” je m.mojadomena.hr

Bez izlaza? Ako posjetitelju automatski poslužujete

sadržaj za mobilne uređaje uvijek mu trebate ostaviti mogućnost da vidi puno inačicu stranice

Učite od najboljih iPhone – uređaj koji je mijenja sve

− Najbolje web iskustvo− Uključen podatkovni plan− Gumb Safari pored gumba Phone na početnoj

stranici− Odličan preglednik− Savršen usability

Samo za iPhone Ova stranica je optimizirana samo za iPhone

− Ima li to smisla?

Samo za one koji bi radili stranice samo za iPhone

iui - http://code.google.com/p/iui/

ciui-dev - http://code.google.com/p/ciui-dev/

UiUIKit - http://code.google.com/p/iphone-universal/

iWebKit - http://www.iwebkit.net/

Brdo linkova http://mtld.mobi/ - dot mobi

http://mobithinking.com/

http://mobiforge.com/

http://www.smashingmagazine.com/2009/01/13/mobile-web-design-trends-2009/

http://www.mobileawesomeness.com/ - galerija mobilnog dizajna

http://analytics.admob.com/ - statistika

http://www.paulhibbitts.com/small-screen-ui-design-links.html

http://getleaflets.com