44
THE WEB IS NOW MOBILE – ARE YOU PREPARED? Tommi Pelkonen | Miika Puputti WEB WEB WEB WEB

The web is now mobile - are you prepared?

  • Upload
    frantic

  • View
    105

  • Download
    0

Embed Size (px)

DESCRIPTION

This presentation was held by our designer Miika Puputti and strategist Tommi Pelkonen at Frantic After Work -event in September 2012.

Citation preview

Page 1: The web is now mobile - are you prepared?

THE WEB IS NOW MOBILE – ARE YOU PREPARED?

Tommi Pelkonen | Miika Puputti

WEB WEB WEB WEB

Page 2: The web is now mobile - are you prepared?

THE WEB TODAY:

SOCIAL MOBILE

CONTENT-ORIENTED CONTEXTUAL

DELIVERING EXPERIENCES AND BETTER BUSINESS

and all about

Page 3: The web is now mobile - are you prepared?

Image courtesy of Brad Frost – http://bradfrostweb.com/

Page 4: The web is now mobile - are you prepared?

Image courtesy of Brad Frost – http://bradfrostweb.com/

Page 5: The web is now mobile - are you prepared?

Wait, wasn’t today’s topic mobile?

Page 6: The web is now mobile - are you prepared?

1.  Mobile is personal

2.  Mobile is permanently carried

3.  Mobile is always on

4.  Mobile has a built-in payment channel

5.  Mobile is available at the point of creative impulse

6.  Mobile is most accurate at measuring its audience

7.  Only mobile can capture the social context of consumption

8.  Only mobile can o!er augmented reality

Tomi Ahonen, @tomiahonen – http://goo.gl/E2tmI

WHY IS MOBILE IMPORTANT?

IN SHORT: Mobile enables CONTEXTUAL services

Page 7: The web is now mobile - are you prepared?

A BRIEF HISTORY OF MOBILES

Page 8: The web is now mobile - are you prepared?

A BRIEF HISTORY OF MOBILES

Page 9: The web is now mobile - are you prepared?

A BRIEF HISTORY OF MOBILES

Page 10: The web is now mobile - are you prepared?

WAR OF THE ECOSYSTEMS IS ON, MAKING THE SMARTPHONE JUST ONE PLAYER

Mac computers iPhone iPad Apple TV

Chrome browser Android Android tablets Google TV

Windows, O!ce Windows 8 Windows Phone Xbox

PC smartphone tablet smart TV

Bubbling under:

Page 11: The web is now mobile - are you prepared?

IT IS ABOUT EXPERIENCE ROAMING!

2015

one ecosystem, tens of screens

ecosystems

experience roaming

2010 2005

one bill, triple play

one device, thousands of apps

network device

vision

focal point

compete based on

price of service

number of apps

Page 12: The web is now mobile - are you prepared?

APPLE: A PIONEER IN EXPERIENCE ROAMING

Copyright VisionMobile 2011

Social circle

Apps ecosystem

User data roaming

Service roaming

User interaction design

Industrial design

Brand

Apple is the poster child of experience roamingApple leads by example, by delivering a consistent experience across divers screens

Experience roaming

Ping

App Store

MobileMe

iTunes, AirPlay

iOS

Apple

Apple

iPod

iPhone

iPad

Mac

Apple TV

Across screens

?

Page 13: The web is now mobile - are you prepared?

Hmmm - can you hear the jingle bells…

Page 14: The web is now mobile - are you prepared?

… and the hit gadgets of Christmas 2012: New iPad, Nokia Lumia 920 and 820, the new iPhone, new Android devices (phones & tablets), Kindle Paperwhite…

Page 15: The web is now mobile - are you prepared?

This Christmas smartphone sales pass PC sales for the first time in history!

Source: Smart Online website http://goo.gl/tIrDC

435

million

PC and notebook shipments

460 million

smart-phone

shipments

Q4 of 2012

Page 16: The web is now mobile - are you prepared?

PUTTING MOBILE DEVICES INTO CONTEXT (2009 FIGURES….)

0B

1B

2B

3B

4B

Cars PCs Telephone Credit Cards

TVs Mobile

0,8B 0,9B

1,3B 1,4B

1,5B

3,3B

3,3 billion in perspective

Page 17: The web is now mobile - are you prepared?

Let’s think – we should at the very least be able to monetize

this

Page 18: The web is now mobile - are you prepared?

SIMPLE EARNINGS LOGIC: SELL MORE OR SAVE COSTS

• New customers • Acquisition increases and lead generation • Loyalty improvements • More revenue per customer • New o"ers • Better brand dialogue • Cross-sell at POS

Increase revenue

• Design, products, marketing, distributions,

sales, customer service costs • Development time • Material costs • Targeting • Sales automation • Better service on the fly

Reduce costs

Page 19: The web is now mobile - are you prepared?

MOBILE IS RELEVANT THROUGHOUT THE PURCHASE CHAIN

Where to buy

BUY

Post-purchase

interaction

Repeat the purchase

What to buy

Help me to find the right things

for me!

Where can I get these things?

Are they available now?

Can I buy these right now from

my device?

Now I have it, then what?

Can I pay with my mobile?

What have other thought about

this?

How do I get more out of my

purchase

I had this one – maybe they can help me again?

Page 20: The web is now mobile - are you prepared?

THINGS TO CONSIDER IN ORDER TO MAKE MOBILE WORK

•  Which customers to service via mobile channels?

•  What content to deliver? •  How integrated an experience to make? How to

roam the experience between channels? •  Experience delivery: website, application or

something else? •  Cost versus benefits: who pays for the

development costs and usage – customer or us? •  Investment lifecycle: how fast to expect gains?

Page 21: The web is now mobile - are you prepared?

Now – Let’s go back to the roots

of the web…

Page 22: The web is now mobile - are you prepared?

THE FIRST WEBSITE IN THE WORLD

WAS “RESPONSIVE”

Page 23: The web is now mobile - are you prepared?

It was all about the content

It works on

multiple screen sizes

Page 24: The web is now mobile - are you prepared?

Why is this important?

Page 25: The web is now mobile - are you prepared?

Good experiences are built from the

ground UP

And not the other way around

Page 26: The web is now mobile - are you prepared?

SO CONTENT IS

KING

Page 27: The web is now mobile - are you prepared?

CONTENT IS THE

FOUNDATION

CONTENT!

VISUALS!

INTERACTIONS!

Page 28: The web is now mobile - are you prepared?

BE

Page 29: The web is now mobile - are you prepared?

DESIGN IN TEXT

SKETCH PROTOTYPE VISUAL DESIGN

TEST WITH USERS

RETHINK THE

PROCESS

AND ITERATE!

Page 30: The web is now mobile - are you prepared?

PICK YOUR MOBILE

STRATEGY

RESPONSIVE WEBSITE!

DEDICATED MOBILE

WEBSITE!

NATIVE APPLICATIONS!

Page 31: The web is now mobile - are you prepared?

RESPONSIVE WEBSITES

Page 32: The web is now mobile - are you prepared?

starbucks.com!

Page 33: The web is now mobile - are you prepared?

bostonglobe.com!

Page 34: The web is now mobile - are you prepared?

kokoomus.fi!

Page 35: The web is now mobile - are you prepared?

yle.fi/uutiset!

Page 36: The web is now mobile - are you prepared?

anderssonwise.com!

Page 37: The web is now mobile - are you prepared?

DEDICATED MOBILE

WEBSITES

Page 38: The web is now mobile - are you prepared?

m.hs.fi!

MULTIPLE CLICKS UNTIL USER CAN REACH THE CONTENT

DON’T SHOW CONTENT ON MOBILE SITE AT ALL?!

Page 39: The web is now mobile - are you prepared?

OFFER YOUR USERS JUST LINKS

???

m.yle.fi!

Page 40: The web is now mobile - are you prepared?

SPLASH SCREENS?

m.opera.com!

Page 41: The web is now mobile - are you prepared?

NATIVE APPLICATIONS

Page 42: The web is now mobile - are you prepared?

Nike GPS! Spotify! Radio Nova!

A GOOD OPTION WHEN USING THE MOBILE DEVICE’S CORE FUNCTIONS, SUCH AS RADIO, STREAMING MUSIC, GPS…!

Page 43: The web is now mobile - are you prepared?

WRAPPING IT UP:

•  Mobile-user base is ever growing •  Experience roaming counts •  Mobile is relevant throughout the

purchase chain

•  Have a strategy •  Celebrate your content •  Build from the ground up •  Rethink the process •  Be ready for the ever-changing future

Page 44: The web is now mobile - are you prepared?

THANKS, FOLKS!

Tommi Pelkonen - @TommiP Miika Puputti - @miikap