MOBILE WEB APPSDESIGNStudy regarding the features necessary forWeb applications to run on mobile devices
Authors• Andrei STOLERU  andrei.stoleru@info.uaic.ro  group 4B• Victor PANAITE  victor.panaite@info.uaic.ro  group 3A
Let’s talk mobile• Nowadays when you talk mobile, you certainly talk about  smartphones or tablets• The growth of the mark...
Mobile OS• There are many devices available but the difference is  made by the OS• iOS, Android, Windows Phone 7, Symbian,...
Mobile Web App vs. Native App                             Native App                                Web AppEntry Cost     ...
Mobile UI Patters
Design patterns
Design patterns - Lists
Design patterns - Search
Design patterns - Settings
Design patterns - Dashboard Navigation
Design patterns – Sign-in
Design patterns – User profiles
Mobile Web App ExamplesING Homebank
Mobile Web App ExamplesKiva Touch
Mobile Web App ExamplesDaily Crossword
Mobile Web App Examples360ties
Upcoming SlideShare
Loading in …5
×

Mobile web apps design

808 views

Published on

  • Be the first to comment

Mobile web apps design

  1. 1. MOBILE WEB APPSDESIGNStudy regarding the features necessary forWeb applications to run on mobile devices
  2. 2. Authors• Andrei STOLERU andrei.stoleru@info.uaic.ro group 4B• Victor PANAITE victor.panaite@info.uaic.ro group 3A
  3. 3. Let’s talk mobile• Nowadays when you talk mobile, you certainly talk about smartphones or tablets• The growth of the market and the drop in price of the devices favored this
  4. 4. Mobile OS• There are many devices available but the difference is made by the OS• iOS, Android, Windows Phone 7, Symbian, Bada OS
  5. 5. Mobile Web App vs. Native App Native App Web AppEntry Cost $99/$299/$200 etc. 0Revenue split 70/30 (Apple) or similar 100% to youRestrictions Some NoneReleases 1-2 weeks ContinuousMarket size and reach Only selected platforms (smart All internet enabled devices. Cover phones are about 50% of the market 100% more end users than a full ). blown app approach.Maintenance Difficult to support and maintain after Users always gets the latest version. app is downloaded. Multiple You are in control. One single codebases to maintain. codebase.User interface Close to full control Limited to the device/browser capabilities and the experience will vary.Performance Better GoodOffline usage Yes Yes. With HTML5, Google Gears etc.Distribution via appstores Yes Yes + the webHandling of heavy graphics Very good Not good for gaming. HTML5 provides functionality that is more than good enough for inline video and as a “flash replacement”.
  6. 6. Mobile UI Patters
  7. 7. Design patterns
  8. 8. Design patterns - Lists
  9. 9. Design patterns - Search
  10. 10. Design patterns - Settings
  11. 11. Design patterns - Dashboard Navigation
  12. 12. Design patterns – Sign-in
  13. 13. Design patterns – User profiles
  14. 14. Mobile Web App ExamplesING Homebank
  15. 15. Mobile Web App ExamplesKiva Touch
  16. 16. Mobile Web App ExamplesDaily Crossword
  17. 17. Mobile Web App Examples360ties

×