4. Source: SalesForce, Inc.

5. Source: TechCrunch

6. Design Resources
● Fixed ratio bitmap ● 9 Patch Images
images – Draw9Patch
● Small set of devices ● Variety of sizes
– iPad – LDPI
– iPad (Retina) – MDPI
– iPhone – HDPI
– iPhone (retina) – XHDPI
– iPhone 4” ● HTML Canvas
● CSS Sprite Sheets

7. Supporting Multiple Screens
Source:
developer.android.com

9. Native Performance
Web/ Hybrid Native
Launch 10-20 Seconds 1-2 Seconds
Transitions 1-2 Seconds Instantaneous

11. User Experience Design
● Visual Design ● User Interface
– Hi Fidelity Mockups – Wireframes
● Illustrator ● Balsamiq
● Photoshop ● Axure
● HotGloo
– User Testing
– UI Flows
● OmniGraffle