Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

81
Web Technologies for Mobile Engagement Mark Salsberry – CEO at JetJaw James Gardner – CTO at JetJaw

description

Web technologies for mobile engagement: Navigating the entry points for engaging on-the-go customers. - Discussing the mobile technology landscape and technology choices - Evaluating web apps vs. native apps for surveys and data collection - Reviewing specific capabilities of HTML 5 and the mobile technology roadmap

Transcript of Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Page 1: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Web Technologies for Mobile Engagement

Mark Salsberry – CEO at JetJawJames Gardner – CTO at JetJaw

Page 2: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 3: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 4: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

US Mobile Subscribers

NonSmartphone

Android

iPhone

RIM

Other

* ComScore, July 5

Page 5: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

US Mobile Subscribers

* ComScore, July 5

An-droid, 13.8%

iPhone,

8.7%

RIM, 8.1%

Other, 3.7%

Page 6: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Skin in the GamePlatform Backer

iOS AppleAndroid Google

Blackberry / QNX RIMSymbian NokiaMeeGo Intel & Nokia

Bada SamsungWeb OS HP/Palm

Windows Phone 7 Microsoft

Page 7: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

RisksBias

Cost

Approval

Time

Page 8: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

assumption:you need an “app”

question:on which platforms

Page 9: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

be skeptical

Page 10: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

new assumption:more people

less bias

Page 11: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

new assumption:

mobile is convenient

Page 12: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

new question:how?

Page 13: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

voiceSMSwww“app”

Page 14: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

voice & SMSfuture = present

Page 15: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

www & native apps

future = exciting

Page 16: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 17: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 18: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

HTML 5+CSS 3+JavaScript

Page 19: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

1. offline applications

Page 20: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

2. local storage

Page 21: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

3. CSS transitions

Page 22: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

<audio><video>

Page 23: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

<svg><canvas>

webGL

Page 24: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 25: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

geolocation

Page 26: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

what can’t HTML 5 do?

Page 27: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

push notifications

Page 28: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

audio and videocapture

Page 29: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

not much else

Page 30: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

App Store

Page 31: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

1. write an app2. get it in app store3. ?????4. profit

Page 32: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

I'm somebody now! Millions of people look at this book everyday! This is the kind of spontaneous publicity - your name in print - that makes people. I'm in print! Things are going to start happening to me now.

Page 33: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

what can’t native apps do?

Page 34: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

portabilitylinks

Page 35: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

portability

Page 36: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

iOSAndroidWeb OSBlackBerry v6+Windows Phone 7 w/ MangoMeeGoBadaMobile FirefoxOpera Mobile

Page 37: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

links

Page 38: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

http://example.com

Page 39: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

www.example.com

Page 40: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

click here

Page 41: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 42: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 43: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

parable

Page 44: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 45: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 46: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

</sarcasm>

Page 47: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

We’re happy you shopped with us. We’d love to hear what you thought about the experience. To let us know, please follow these simple instructions:• If you have an iPhone, or iPad or iPod touch

• Open up the App Store• If you have an Android phone (sometimes called a Droid, Inspire, MyTouch, Evo,

Behold, Cliq, Eris, Hero, Galaxy, Nexus, Desire or many other names)• Open up the Android Marketplace. Note, your phone manufacturer may have

renamed the Android Marketplace to something else, or removed it and replaced it with their own version, or installed the Amazon Marketplace, and we cannot guarantee our application will be in all marketplaces.

• If you have an HP/Palm Web OS device (Pre, Pixi, TouchPad):• Open up the App Catalog

• If you have a BlackBerry Device with OS version 5 or higher:• Open up AppWorld

• Search for “Obvious Mobile Research Portmanteau”• Download Obvious Mobile Research Portmanteau. It’s free!• Open Obvious Mobile Research Portmanteau once it has finished loading• Click on the “Find Survey” button on the bottom menu (It looks like a magnifying

glass) if you are on an iPhone, iPad or iPod touch. Otherwise bring up the menu and select the “Find Survey” option.

• Search for “Joe’s Restaurant”• Open the survey “Joe’s Restaurant 2011”• Take our 2 minute survey.

Page 48: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

We’re happy you shopped with us.  We’d love to hear what you thought about the experience.  To let us know, please goto survey.example.com

Page 49: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

We’re happy you shopped with us.  We’d love to hear what you thought about the experience.  To let us know, please goto survey.example.com or text survey to 12345

Page 50: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

We’re happy you shopped with us.  We’d love to hear what you thought about the experience.  To let us know, please goto survey.example.com or text survey to 12345

Page 51: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

We’re happy you shopped with us.  We’d love to hear what you thought about the experience.  To let us know, please goto survey.example.com or text survey to 12345

(( tap here ))

Page 52: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Then

Page 53: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Inbox (1,382)

Now

Page 54: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

SMS

Page 55: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Bite-Sized Chunks

Page 56: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Squeaky Wheel

Customer Mix Feedback MixVocal Minority

Silent Majority

Silent Major-

ity

Vocal Mi-nority

Page 57: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Pinch, Pull, Pan = Painful

Page 58: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

A little goes a long way

Right Wrong

Page 59: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Where is the Web?

Page 60: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

roadmap

Page 61: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 62: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 63: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 64: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 65: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

innovation

Page 66: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 67: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

2007

Page 68: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 69: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 70: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 71: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 72: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 73: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

AppleMicrosoft

Page 74: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Apple

Page 75: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Microsoft

Page 76: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Advice

Page 77: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 78: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 79: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11
Page 80: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

roadmap

Page 81: Web Technologies for Mobile Engagement | JetJaw presentation @ MRMW11

Those who cannot remember the past are condemned to repeat it.

-- George Santayana