This presentation discusses front end design and development for mobile applications. It covers considerations for whether to build a native, hybrid, or mobile web application. Native apps provide better performance but require building for each platform, while mobile web apps can be used across devices but have lower capabilities. The presentation also discusses design optimizations for different mobile platforms and screen sizes, such as using relative layouts and ensuring touch targets are at least 44px.

1. MiKE Innovation Presentation, December 3, 2011 Mobile Design: Front End Design & Development Open Discussion

2. Mike Massie User Interface / Interaction Designer Been working in mobile technology for a decade Currently: Working on a project called Marco. Creator of airrand.com & the Smart Alarm for the iPhone Previously: Lead designer for ÜberTwitter www.michaelmassie.com [email_address] om @mmassie

3. +Why Design For Mobile + Mobile Usage - By 2013 the web access by mobile will surpass desktop - Moars Law - AT&T traffic has grown 50x in 3 years - Singularity Authors tech innovation curve + Luke Wroblewski Mobile First guidelines - Growth = Opportunity - Constraints = Focus - Capabilities = Innovation

6. +Path 2.0 for iPhone & Android: - Why native is still winning... for now. - Attention to detail all the way to the Sign up screens

9. + Design Considerations - Platform (OS) - iOS + Android - Amazon - Facebook - Blackberry - Windows Phone 7

10. *Android RelativeLayout is your friend! + Design Considerations - The Canvas + Size pieces of glass + resolution - iPhone, iPod Touch (320 x 480) - Android Devices - iPad (768 x 1024) - Android Tablets - CSS Android iOS

11. Fingertip Sized Targets: The ideal hit area for an iPhone is 44px

12. Native v Custom Design

13. My Über Design Challenge: To maximize smaller screen sizes, the navigation bar can be hidden on trackball/pad interfaces by scrolling left, offering more room for the user to view content. In response to feedback from Philippines (major BB flip phone region) an alternative bar style UI was created to accommodate lack of space. Although the Bubble (shown left) style offered a UI that had a more polished feel, the bar design offered more room for data within smaller screen sizes and resolutions.