Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Design for HTML5 and Hybrid Mobile Applications

2,100 views

Published on

  • Be the first to comment

Design for HTML5 and Hybrid Mobile Applications

  1. 1. Source: SalesForce, Inc.
  2. 2. Source: TechCrunch
  3. 3. 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
  4. 4. Supporting Multiple Screens Source: developer.android.com
  5. 5. Native Performance Web/ Hybrid NativeLaunch 10-20 Seconds 1-2 SecondsTransitions 1-2 Seconds Instantaneous
  6. 6. User Experience Design● Visual Design ● User Interface – Hi Fidelity Mockups – Wireframes ● Illustrator ● Balsamiq ● Photoshop ● Axure ● HotGloo – User Testing – UI Flows ● OmniGraffle

×