Your SlideShare is downloading. ×
Design mobile-apps-htm5-css3-2012
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 mobile-apps-htm5-css3-2012

793
views

Published on

Design Mobile Apps with HTML5 and CSS3

Design Mobile Apps with HTML5 and CSS3

Published in: Technology, Education

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

No Downloads
Views
Total Views
793
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
4
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. DesigningMOBILE APPS withHTML5 & CSS3
  • 2. JOHANNES IPPENSenior Graphics Designer, Wooga FLORIAN FRANKE Interactive Designer, made in
  • 3. 55.000
  • 4. 100.000
  • 5. All made with …HTML5
  • 6. No AppStore Cloud-basedIndependent Easy
  • 7. HTML5 ROCKT!
  • 8. WEBSITES vsAPPS
  • 9. Solve Look & CreateProblems Feel Experience
  • 10. GOOGLE MAIL
  • 11. SOUNDCLOUD
  • 12. HOW TO design an app?
  • 13. Identify thePROBLEM
  • 14. In whichSITUATION will the app be used?
  • 15. STORYBOARD helps you understand
  • 16. WIREFRAMES & user flow
  • 17. USABILITYTEST
  • 18. DON‘T TELLthe user what to do, let himSOLVE the problem
  • 19. DON‘T TESTYOUR USER you are testing the App!
  • 20. DON‘T LISTEN to what the user wishesOBSERVE what he does
  • 21. HTML5 CSS3JAVASCRIPT
  • 22. don‘t reinvent the wheelTOOLS
  • 23. BOOTSTRAP
  • 24. ZEPTO.JS
  • 25. JQUERY MOBILE
  • 26. SENCHA TOUCH
  • 27. HTML5ROCKT.DE
  • 28. A look into theFUTURE
  • 29. HTML5 IS HERE and it‘s hereTO STAY
  • 30. WEB GLon mobile? Hell, yeah!
  • 31. WEB RTC
  • 32. MAINSTREAMyour grandma uses webapps, too.
  • 33. HTML5 ROCKT!
  • 34. HTML5ROCKT.DE @html5rockt @presskindwww.asidemag.com @ffranke1985 www.madein.io