the web is now mobile - are you prepared?
DESCRIPTION
This presentation was held by our designer Miika Puputti and strategist Tommi Pelkonen at Frantic After Work -event in September 2012.TRANSCRIPT
![Page 1: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/1.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/2.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/3.jpg)
Image courtesy of Brad Frost – http://bradfrostweb.com/
![Page 4: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/4.jpg)
Image courtesy of Brad Frost – http://bradfrostweb.com/
![Page 5: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/5.jpg)
Wait, wasn’t today’s topic mobile?
![Page 6: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/6.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/7.jpg)
A BRIEF HISTORY OF MOBILES
![Page 8: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/8.jpg)
A BRIEF HISTORY OF MOBILES
![Page 9: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/9.jpg)
A BRIEF HISTORY OF MOBILES
![Page 10: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/10.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/11.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/12.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/13.jpg)
Hmmm - can you hear the jingle bells…
![Page 14: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/14.jpg)
… 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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/15.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/16.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/17.jpg)
Let’s think – we should at the very least be able to monetize
this
![Page 18: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/18.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/19.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/20.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/21.jpg)
Now – Let’s go back to the roots
of the web…
![Page 22: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/22.jpg)
THE FIRST WEBSITE IN THE WORLD
WAS “RESPONSIVE”
![Page 23: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/23.jpg)
It was all about the content
It works on
multiple screen sizes
![Page 24: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/24.jpg)
Why is this important?
![Page 25: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/25.jpg)
Good experiences are built from the
ground UP
And not the other way around
![Page 26: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/26.jpg)
SO CONTENT IS
KING
![Page 27: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/27.jpg)
CONTENT IS THE
FOUNDATION
CONTENT!
VISUALS!
INTERACTIONS!
![Page 28: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/28.jpg)
BE
![Page 29: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/29.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/30.jpg)
PICK YOUR MOBILE
STRATEGY
RESPONSIVE WEBSITE!
DEDICATED MOBILE
WEBSITE!
NATIVE APPLICATIONS!
![Page 31: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/31.jpg)
RESPONSIVE WEBSITES
![Page 32: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/32.jpg)
starbucks.com!
![Page 33: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/33.jpg)
bostonglobe.com!
![Page 34: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/34.jpg)
kokoomus.fi!
![Page 35: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/35.jpg)
yle.fi/uutiset!
![Page 36: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/36.jpg)
anderssonwise.com!
![Page 37: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/37.jpg)
DEDICATED MOBILE
WEBSITES
![Page 38: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/38.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/39.jpg)
OFFER YOUR USERS JUST LINKS
???
m.yle.fi!
![Page 40: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/40.jpg)
SPLASH SCREENS?
m.opera.com!
![Page 41: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/41.jpg)
NATIVE APPLICATIONS
![Page 42: The web is now mobile - are you prepared?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/42.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/43.jpg)
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?](https://reader034.vdocuments.mx/reader034/viewer/2022052618/54c830af4a7959e8628b45a5/html5/thumbnails/44.jpg)
THANKS, FOLKS!
Tommi Pelkonen - @TommiP Miika Puputti - @miikap