• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Design for HTML5 and Hybrid Mobile Applications
 

Design for HTML5 and Hybrid Mobile Applications

on

  • 1,050 views

 

Statistics

Views

Total Views
1,050
Views on SlideShare
1,050
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