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

Design for HTML5 and Hybrid Mobile Applications

on

  • 1,166 views

 

Statistics

Views

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

Actions

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

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