Source: SalesForce, Inc.
Source: TechCrunch
Design Resources●   Fixed ratio bitmap     ●   9 Patch Images    images                     –   Draw9Patch●   Small set of...
Supporting Multiple Screens                       Source:                       developer.android.com
Native Performance                Web/ Hybrid     NativeLaunch          10-20 Seconds   1-2 SecondsTransitions     1-2 Sec...
User Experience Design●   Visual Design             ●   User Interface    –   Hi Fidelity Mockups       –   Wireframes    ...
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Design for HTML5 and Hybrid Mobile Applications
Upcoming SlideShare
Loading in...5
×

Design for HTML5 and Hybrid Mobile Applications

1,081

Published on

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

No Downloads
Views
Total Views
1,081
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×