optimized mobile apps

16
Optimized Mobile Apps Design and Usability Madhuri Chopurala January 2013

Upload: madhuri-chopurala-cspo-csm

Post on 20-Aug-2015

297 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Optimized mobile apps

Optimized Mobile AppsDesign and Usability

Madhuri ChopuralaJanuary 2013

Page 2: Optimized mobile apps

ABI Research 2011 – 7 trillion SMS Messages Projected $133 billion – 2014 mobile

enterprise sector IDC – Mobile App revenues $15.9 billion in

2012 projected to grow to $35 billion

Mobile internet usage - background

Page 3: Optimized mobile apps

Mobile internet usage by country

Page 4: Optimized mobile apps

US Smartphone penetration

Page 5: Optimized mobile apps

Smartphone usage

Page 6: Optimized mobile apps

Mobile market is very diverse and big still in early phases

There is a raising trend of usage of mobile around the world

Smart phone adoption – very quick, easily adapted by different age groups

Mobile Market

Page 7: Optimized mobile apps

Mobile user experience now matters more than ever before◦ Define your audience , user statement◦ Fast performing app – high user adoption rate

Mobile apps – product designed with great functionality with great user experience succeeds through iteration◦ Design objectives ,strategy◦ Behavioral, Visceral, Reflective◦ Design revision and recreation◦ Content, User experience ◦ Efficient, fast performing, fully functional, flexible and simple◦ Release to market◦ Connection speed, speed and latency◦ Screen sizes, cross platform, device independent pixels, optimized relative

layouts and resolution independent Story telling Apps

◦ Share information◦ Interesting , fun, entertaining

Mobile User Experience

Page 8: Optimized mobile apps

Simplicity Fast loading Security

Mobile App Design

Product Design Do you want to enhance usability of the app Best design decision Basics of usability

Page 9: Optimized mobile apps

Mobile App Phases 1. Initiation: Build Your

Idea, Build your App 2. Planning : Design

your App 3. Executing: Develop

your App 4. Monitoring &

Controlling - Test your app 

5. Deploying: Deploy the App 

Page 10: Optimized mobile apps

Native Apps◦ These are specific to a given mobile platform (iOS

or Android) iOS platform - Xcode and Objective-C

Android platform - Java and Eclipse HMTL5 Apps

◦ write-once-run-anywhere apps Hybrid Apps

◦ Embed HTML5 apps inside a thin native container

Mobile App Types

Page 11: Optimized mobile apps

Native Apps are specific to a given mobile platform (iOS or Android) using the development  tools and language that the platform supports.

iOS platform - Xcode and Objective-CAndroid platform - Java and Eclipse

Advantages1. They perform the best as they are meant for the platform ex: gaming, fast graphics API2. Usability is best - look and feel ( multi touch double tap UI )3. Ease of use

Native Apps

Page 12: Optimized mobile apps

HTML 5 Apps are gaining lot of popularity - developed using standard web technologies using HTML5, Javascript and CSS. These apps are write-once-run-anywhere apps are created to support cross-platform mobile applications that work on multiple devices.

Advantages1. HTML5 and Javascript can be used to create real good appsLimitations include session management, secure offline storage and access to native device functionalityex: Calendar, Camera, Address book, Geo Location, Video

HTML5 Apps

Page 13: Optimized mobile apps

 Apple iOS  framework - xcode and Objective-c

Touch Device technologies like jquery UI and touch devices like iPad, iPod Touch

iUi: iPhone User Interface Framework - WebApp development on iPhone-class devices. iUi is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile WebApps for iPhone and comparable/compatible devices.

jQTouch - jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices.

Touch-scroll is a jQuery plugin that provides a way to have inline scrollable content. It mimics the behaviour of scrolling on iOS devices (iPhone, iPod touch and iPad) to solve the problem that "position: fixed;" does not work in mobile Safari.

Apple iOS framework

Page 14: Optimized mobile apps

Google free Open source framework

Source: http://source.android.com - android 2.1 , android 1.5 updates in SDKSDK: http://developer.android.comEclipse IDE - Runs in EclipseJava version in Android VM - Java 1.6

Your Apps System Apps (context, phone-dialer, email) Android framework( access to software, activity manager,

location manager, content manager and notification manager) Native Libraries Linux platform

Google Android framework

Page 15: Optimized mobile apps

Location based services based on context, personal preference, age, gender

Social media - LinkedIn, FB, Gplus, Twitter Mobile search for page, address, price of product, buying

ticket, call for reservation Mobile commerce Mobile payments  Mobile context-aware services - persons interests Object recognition like camera, sensor sensitive

devices,  Mobile Messaging - instant messaging  Mobile Email - mobile e-mail services Mobile Video - mobile video services

Latest trend – Mobile Apps

Page 16: Optimized mobile apps

Questions ?

[email protected]