mobile web apps design

MOBILE WEB APPS DESIGNStudy regarding the features necessary for Web 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 market and the drop in price of the

devices favored this

Mobile OS• There are many devices available but the difference is

made by the OS• iOS, Android, Windows Phone 7, Symbian, Bada OS

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”.

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 Examples ING Homebank

Mobile Web App Examples Kiva Touch

Mobile Web App Examples Daily Crossword

Mobile Web App Examples 360ties