Future of Mobile
Well, now back to FOM notes…
Instagram presentation
Dan Rubin avid user Instagram
How it started: with beta invites matching interests of product (in that case, designers, artists, influences, etc @jack – twitter founder). It generated enough interest so much that NYtimes also got interested on the instagram. The technology was kept simple and allowed scale.
Key decisions: internationalization early on (3rd week!!!), small team, single platform (iOS), minimum viable products each steop of the way (proof of concepts too), invest in community very early.
@brianleroux presentation (phoneGap)
Link to presentation at: http://www.slideshare.net/brianleroux/future-of-mobile-9281709
phoneGap was known as “the bridge”, “foreign interface” and “the hack”
The sad sample of HP webOS – it ended up bad…. finished.
Extensive documentation for phoneGap at: docs.phonegap.com
Interesting things: you can access devices features with phonegap too! works with jquery, jqtouch, etc. You can think of phonegap as a fancy browser!
We build your apps ‘in the cloud’
He suggests to choose a benchmark and stick with it. Monitor it and develop for it. (One example: performance)
Layouts favorites: flex-box, css media queries, meta tag with viewport, however he also mentioned that aesthetics can hurt performance…
Remember that the brand is cross platform!
Tip: “try to build an app without using a library if possible, if not, start using something that solves YOUR problem”
They used qUnit and Jasmine for testing.
For the backend design he said that every legacy system needs a proxy, RESTful JSON endpoints are fastest.
Code ghetto-photoshare and
demo at deep-flower-8321.herokuapp.com
Going offline, the solutions used were IndexedDB, SQLite
Phonegap build – also using responsive webdesign, yay! Continuous deployment, no SDKs required!!!!
debug.phonegap.com another useful tool, in your quest to overcome cross-platform mobile development.
If the “Demo gods are kind” it will work…
(he mentioned while trying to load demo… quite funny phrase in a way)
General interesting links gathered at the conference
http://www.webdesignerdepot.com/2011/08/characteristics-of-a-modern-portfolio-site/
http://docs.phonegap.com/
http://instagr.am/about/jobs/
http://brian.io/
http://developer.vodafone.com/
http://lightbox.com/
http://swipe.nokia.com/
http://www.steelyeye.com/
https://www.x.com/developers/paypal
http://www.abookapart.com/products/mobile-first
http://www.lukew.com/ff/entry.asp?933
http://www.magentocommerce.com/
Future trends: local, social, digital all via mobile (four megatrends shaping commerce)
x.commerce innovate
bmw design…
@nanwar
Cannot know what the future of mobile is but it is a 1 trillion opportunity!
Designing for different screen sizes
Think more than size, think about interactions and experiences
Not to use mobile as a word, more screens or devices…
1.the glance: sub-5 secs
2.data snack: sub-60 secs
Tablet vs mobile
Tablet: magazine (more public experience)
Mobile: private experience
iwatch concept, metawatch not a concept
Progression: classic web > web 2 > mobile first > touch first
Mobile games and html5
http://www.phoboslab.org/fom2011
@phoboslab
http://impactjs.com/documentation
Mobile game engines: unity, corona, cocos2d
Super mega browser farm 2 – social games played in browser
Observations:
- scaling via css slow, via web-kit transform3d faster because triggers the hardware acceleration.
- obfuscate your code with google closure compiler
- “evented input” event to an element
- button.onkeydown=… (in javascript)
