Mobilize! don’t minituarize 20 mei 2010 - Marc Bruisten

*Mobile web LESS Kleiner scherm Text input = beperkt Tragere verbinding Beperkte batterij capaciteit Minder Rich experience uniek dus MORE Always on Push mogelijkheden Voice-mogelijkheden Location Based Services Click-to-call etc….

*Mobiel content aanbieden Wat zijn de opties? Niets doen Website Applicatie (app)

*Mobiel content aanbieden Wat zijn de opties? Niets doen Website Applicatie (app)

*Mobiel content aanbieden Wat zijn de opties? Niets doen Website Website mobiel maken OF Mobiele website maken Applicatie (app)

*Mobile website = NOT “desktop site…. maar dan kleiner”

“Context is king, not content” Cameron Moll “You can’t solve a mobile itch with a desktop sratch” Ronan Cremin “Mobilize, don’t minituarize” Barbara Ballard *Mobile website = “een site die de gebruiker in een mobiele context dient”

Website mobiel maken Content Downscaling Handheld style sheets Device detection Mobiele website maken Mobiele URL Contextueel relevante content aanbieden *Mobiele Website “Minituarizing” “Mobilizing”

*Mobilize! www.bol.com Minituarized 1200KB keep it simple! m.bol.com Mobilized 51KB

*Best Practice Mobilized site achter Mobile URL m.domain.com www.domain.com/m www.domain.mobi Mobile/desktop switch link Fluid Layout evt. Device Detection

*Mobiele website beheren Sitecore CMS Bestaande content gebruiken of delen 1 systeem voor meerdere platformen Integratie mogelijkheden met externe systemen

*Mobiel content aanbieden Wat zijn de opties? Niets doen Website Applicatie (app) W3C Widget (open standaarden) Web App Native App (device specific)

*Mobile apps W3C Widget (open standaarden) Hybrid App Native App (device specific) AJAX data native application layer local html/css/js mobile web browser hybrid application layer (JS library b.v. PhoneGap) native application layer + + +

*Mobile apps W3C Widget (open standaarden) Hybrid App Native App (device specific) native application layer mobile web browser native application layer Geolocation api Camera address book accelerometer

*Apps in store 30.000 4756 6118 693 1561 150.000

*Apps install base 1M 8M 250M ? 150.000 75M

*App vs Web = Rich vs Reach Reach Rich Mobile Web Standards Hybrid Apps Native Apps

*dank.