Your SlideShare is downloading. ×
0
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
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
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design for HTML5 and Hybrid Mobile Applications

913

Published on

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

No Downloads
Views
Total Views
913
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×