mobile web apps design
DESCRIPTION
TRANSCRIPT
![Page 1: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/1.jpg)
MOBILE WEB APPS DESIGNStudy regarding the features necessary for Web applications to run on mobile devices
![Page 3: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/3.jpg)
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
![Page 4: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/4.jpg)
Mobile OS• There are many devices available but the difference is
made by the OS• iOS, Android, Windows Phone 7, Symbian, Bada OS
![Page 5: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/5.jpg)
Mobile Web App vs. Native AppNative App Web App
Entry Cost $99/$299/$200 etc. 0
Revenue split 70/30 (Apple) or similar 100% to you
Restrictions Some None
Releases 1-2 weeks Continuous
Market size and reach Only selected platforms (smart phones are about 50% of the market ).
All internet enabled devices. Cover 100% more end users than a full blown app approach.
Maintenance Difficult to support and maintain after app is downloaded. Multiple codebases to maintain.
Users always gets the latest version. You are in control. One single codebase.
User interface Close to full control Limited to the device/browser capabilities and the experience will vary.
Performance Better Good
Offline usage Yes Yes. With HTML5, Google Gears etc.
Distribution via appstores Yes Yes + the web
Handling 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”.
![Page 6: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/6.jpg)
Mobile UI Patters
![Page 7: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/7.jpg)
Design patterns
![Page 8: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/8.jpg)
Design patterns - Lists
![Page 9: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/9.jpg)
Design patterns - Search
![Page 10: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/10.jpg)
Design patterns - Settings
![Page 11: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/11.jpg)
Design patterns - Dashboard Navigation
![Page 12: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/12.jpg)
Design patterns – Sign-in
![Page 13: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/13.jpg)
Design patterns – User profiles
![Page 14: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/14.jpg)
Mobile Web App Examples ING Homebank
![Page 15: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/15.jpg)
Mobile Web App Examples Kiva Touch
![Page 16: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/16.jpg)
Mobile Web App Examples Daily Crossword
![Page 17: Mobile web apps design](https://reader035.vdocument.in/reader035/viewer/2022070303/54b7834c4a7959166f8b45e7/html5/thumbnails/17.jpg)
Mobile Web App Examples 360ties