1. MOBILE WEB APPS
DESIGN
Study regarding the features necessary for
Web applications to run on mobile devices

2. Authors
• Andrei STOLERU
andrei.stoleru@info.uaic.ro
group 4B
• Victor PANAITE
victor.panaite@info.uaic.ro
group 3A

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. Mobile OS
• There are many devices available but the difference is
made by the OS
• iOS, Android, Windows Phone 7, Symbian, Bada OS

5. Mobile Web App vs. Native App
Native 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 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 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”.

6. Mobile UI Patters

7. Design patterns

8. Design patterns - Lists

9. Design patterns - Search

10. Design patterns - Settings

11. Design patterns - Dashboard Navigation

12. Design patterns – Sign-in

13. Design patterns – User profiles

14. Mobile Web App Examples
ING Homebank

15. Mobile Web App Examples
Kiva Touch

16. Mobile Web App Examples
Daily Crossword

17. Mobile Web App Examples
360ties