Design for HTML5 and Hybrid Mobile Applications
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Design for HTML5 and Hybrid Mobile Applications

on

  • 1,317 views

 

Statistics

Views

Total Views
1,317
Views on SlideShare
1,317
Embed Views
0

Actions

Likes
2
Downloads
7
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Design for HTML5 and Hybrid Mobile Applications Presentation 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