Optimizing mobile apps and websites

Optimizing Mobile Apps and Websites

Or, How To Deliver an Experience Mobile Users Love

Vik ChaudharyVP Product Management and Corporate DevelopmentKeynote Systems http://www.keynote.com @vikchaudhary

http://www.keynote.com/

Agenda

Testing MobilePerformance

NextAnalyzingMobile Usage

Testing MobilePerformance

“What is the experience of my mobile users?”- Mobile Business Manager

Mobile Device Experience

2© 2011 Keynote Systems, Inc.

Testing Mobile Performance

Monitoring Mobile Performance

Testing MobileApps

“What will a mobile user’s experience with the app be?”- Content Developer

Performance Complexities

Analyzing Mobile Usage

Next


Choosing aVendor

MobileAppAnalytics

“What are my mobile app users doing?”- Mobile Business Manager, Content Developer

Web AnalyticsTools

TrueMobile Perspective

Next

Analyzing Mobile Usage


TrueMobilePerspective

Real Device PerformanceTesting

Mobile AppAnalytics

Content Verification on MobileDevices

Mobile App and WebsiteMonitoring

MobileUsability Testing

Mobile Experience

6

The mobile user experience depends on the device, the OS, the service, and networking technology

GSMCDMAGPRSEDGEHSUPA

LTEWiMaxEVDOUMTSHSDPA

iPhoneAndroidBlackBerrySymbianWebOSWindows Mobile

Facebook has over 750 million users

2500 mobile devices 6 Major OSs 5 Services 10 Connections

AppleHTCBlackberrySamsungMotorola

E-mailMessagingVideoMobile WebNative apps

but… 5 billion use cell phones around the world

and…500 million have full mobile web access


Meeting User Expectations

7

Each delivery method presents unique challenges to providing a good experience.

SMS or MMSWas the message delivered quickly and

accurately? How are SMS delivery partners performing?

Web BrowsingAre users able to download and navigate through mobile sites quickly? Are there broken links or missing images?

Data ThroughputIs your subscriber getting fast

download speeds? How is it perceived vs. the

competition?

VideoHow long does it take to play a video clip after the user selects

it? Is there buffering?

Email Does your email service have outages?

Native AppsHow long does it take

to login on your mobile app?

Content Is content available everywhere all the time?


© 2011 Keynote Systems, Inc.

Industry Benchmarks on Mobile User Experience

8

9

Media and Entertainment users mostly prefer mobile browsers over apps



When online shoppers use browsers vs apps

Mobile Apps vs Websites

11

Each mobile approach requires a different testing and monitoring solution.

Optimize your website for mobile devices Test for between 10 and 100 devices Monitor from global locations Test “On Air” connected to wireless carriers

Smaller number of users Test using app emulators, or Test using real devices connected to live operator

networks Use latest smartphones in global locations

Mobile WebsitesTesting and monitoring of mobile websites

for all mobile devices

Mobile AppsTesting and monitoring of mobile apps for

smartphones

Mobile Website Best Practices Mobile App Best Practices


Designing for Smartphone and Tablet Screen Sizes

• Progressive enhancement (CSS, jquery mobile, HTML5)

• Transcoding of content on devices (Netbiscuits, UsableNet)

• Adaptive UI components (HTML5, Flash)



Progressive Enhancement

Smartphone browser Desktop browser

H

Testing and Monitoring Mobile WebsitesMONITORING MOBILE WEB PERFORMANCE TESTING MOBILE WEB CONTENT

Desktop-based tools for testing and validating mobile web content.

24/7 monitoring of critical business transactions from global locations

Certify mobile Web content over multiple device profiles

Monitor your mobile website from locations around the world

Self-service scripting and provisioning for rapid deployment

Browse mobile website using specific mobile devices

Record any mobile website path or transaction for later replay


Search/Book Hotel Use case:1. Travel site home2. Search or Book Hotel, By city3. Input Honolulu, date and Search4. Click first Hotel5. Choose a Room or Rate

Site (pages): URL:Expedia: http://www.expedia.comHotels: http://www.hotels.comPriceline: http://www.priceline.comTravelocity: http://www.travelocity.com

iPhone on AT&TBlackberry on SprintDroid on Verizon wireless

Location: Chicago, Dallas, San Francisco, New YorkFrequency: every 60 minutes on Air

Travel Mobile Website Benchmarking


http://www.expedia.com/

http://www.hotels.com/

http://www.priceline.com/

http://www.travelocity.com/


Mobile Apps in the Enterprise and Performance

App Architecture Organizational Boundaries Business Transactions

Rich UIs End Users Device Capabilities

Why Data Center Latency Matters

100ms latency between data centers x 10 million requests per second = slow mobile website/app


The Mobile Device Matters the Most

• Operating system version

• Browser and browser version

• No. of concurrent threads

• App architecture (local storage)

18

Data Center Latency

Network

Speeds

Application Construction

Device Attributes

Perform over the air testing and

troubleshooting of issues for web

content

Record and playback scripts to certify mobile Web

content over multiple device

profiles simultaneously

Live Network Troubleshooting

Choose a device database that allows testing on any device

profile

Analyze and optimize content and

performance of mobile website

Certification on Multiple Devices

Mobile Device Emulation

Mobile Optimization

Mobile Testing Best Practices


Demo

Download MITE (the Mobile Internet Testing Environment) from http://mite.keynote.com


http://mite.keynote.com/

TrueMobilePerspective

Real Device PerformanceTesting

MobileAppAnalytics

Content Verification on MobileDevices

Mobile App and Website PerformanceMonitoring

MobileUsability Testing


Three Things to Remember

Measure business transactions, user

journeys, or scenarios

1

Measure what matters with real devices,

browsers, and locations

2

Great application performance

increases business performance

3

© 2011 Keynote Systems, Inc.

Thank You

23

Vik [email protected] 650-403-3279@vikchaudharyhttp://www.keynote.com

mailto:[email protected]

Technology

Optimizing mobile apps and websites