Introduction to Mobile Design & Development

What do we mean when we talk about mobile? A broad overview of the landscape of mobile design and development - considerations, limitations, directions, and tools.

Transcript

1. Introduction to Mobile Design & Development by Natalie MacLees Saturday, March 9, 13
2. Who I Am Purple Pen Productions founder + principal jQuery for Designers author SoCal WP co-organizer jQuery LA founder + organizer Saturday, March 9, 13
3. Overview What is mobile? Considerations Options Saturday, March 9, 13
4. What is mobile? Saturday, March 9, 13
5. Is mobile defined by context? http://www.flickr.com/photos/29881930@N00/2086642736/ Saturday, March 9, 13
6. Is mobile defined by platform? http://www.flickr.com/photos/c32/7755470064/ Saturday, March 9, 13
7. Is mobile defined by device? http://www.flickr.com/photos/adactio/6152947625/ Saturday, March 9, 13
8. Let’s say mobile is... An web-enabled device that can fit in your pocket Saturday, March 9, 13
9. What we know about mobile Saturday, March 9, 13
10. By the end of this year... ...there will be more active mobile devices than there are people on earth http://www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/white_paper_c11-520862.html Saturday, March 9, 13
11. By the end of 2017... ...we’ll have 1.4 active mobile devices per person http://www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/white_paper_c11-520862.html Saturday, March 9, 13
12. Time spent using mobile devices... ...is catching up to time spent watching television http://techcrunch.com/2012/12/05/flurry-mobile-apps-television/ 0 50 100 150 200 2010 2011 2012 168 168 162 127 94 66 U.S. Media Consumption in Minutes per Day Mobile Television Saturday, March 9, 13
13. Mobile web access... ...will outpace desktop access by 2015 http://www.mobilemarketer.com/cms/news/research/12628.html 0 22.5 45 67.5 90 2011 2013 2015 84 69.2 54.9 85.9 46 19.7 Web search queries in billions Mobile Desktop Saturday, March 9, 13
14. Not every phone is a smart phone http://www.gridleyco.com/wordpress/wp-content/uploads/2012/03/POS-Goes-Digital-Evolution-of-the-In-Store-Shopping-Experience1.pdf http://gigaom.com/2012/08/28/by-2013-it-will-be-a-smartphone-majority-world/ 64% 36% US Mobile Phones Feature phones Smart phones 54% 46% WorldWide Mobile Phones Feature phones Smart phones Saturday, March 9, 13
15. There are a LOT of different devices http://tech.fortune.cnn.com/2012/02/20/nielsen-66-of-americans-ages-24-35-own-a-smartphone/?iid=HP_LN Saturday, March 9, 13
16. Mobile Challenges Saturday, March 9, 13
17. Constant Change Saturday, March 9, 13
18. Cell tower hardware Saturday, March 9, 13
19. Data compression Saturday, March 9, 13
20. Bandwidth Limitations Saturday, March 9, 13
21. Signal Strength Saturday, March 9, 13
22. Device capabilities Saturday, March 9, 13
23. Software capabilities Saturday, March 9, 13
24. Mobile Device Limitations Saturday, March 9, 13
25. Screen size Saturday, March 9, 13
26. Screen resolution Saturday, March 9, 13
27. Input mechanisms Saturday, March 9, 13
28. Processing power Saturday, March 9, 13
29. Available fonts and colors Saturday, March 9, 13
30. Web standards support Saturday, March 9, 13
31. Mobile Advantages Saturday, March 9, 13
32. Location awareness Saturday, March 9, 13
33. Camera access Saturday, March 9, 13
34. Phone access Saturday, March 9, 13
35. Mobile Directions Saturday, March 9, 13
36. 1. The Mobile Web Saturday, March 9, 13
37. Mobile Web Options Dedicated mobile site Responsive or adaptive design No mobile site Saturday, March 9, 13
38. Mobile Web Tools Sencha Touch 2 http://www.sencha.com/products/touch jQuery Mobile http://jquerymobile.com/ Adobe Edge Inspect http://html.adobe.com/edge/inspect/ Saturday, March 9, 13
39. 2. Native Apps Saturday, March 9, 13
40. Native App Options Choose a platform iOS Android Blackberry Windows Saturday, March 9, 13
41. Native App Tools Android Emulator http://developer.android.com/tools/help/emulator.html iOS Emulator https://developer.apple.com/xcode/ Blackberry Simulators http://us.blackberry.com/sites/developers/resources/simulators.html Windows Phone Emulator http://msdn.microsoft.com/en-us/library/windowsphone/develop/ ff402563(v=vs.105).aspx Saturday, March 9, 13
42. 3. Hybrid Apps Saturday, March 9, 13
43. Hybrid Apps Use web skills you already have Distribute through native app stores Access native APIs Runs locally, works offline Use a shared code base across platforms Saturday, March 9, 13
44. Hybrid App Drawbacks Performance Platform differences UI consistency Distributing updates Access to APIs Saturday, March 9, 13
45. Hybrid App Tools PhoneGap http://phonegap.com/ Cordova http://cordova.apache.org/ Titanium http://www.appcelerator.com/platform/titanium-sdk/ Saturday, March 9, 13
46. Mobile cannot be ignored Saturday, March 9, 13
47. Questions? Saturday, March 9, 13