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

870

Published on

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

No Downloads
Views
Total Views
870
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
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

×