Design for HTML5 and Hybrid Mobile Applications

1,988 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,988
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×