building web apps for a multiscreen world
DESCRIPTION
There is 100% chances you are going to engage your customers on mobile first, but converting them into lifetime and faithful promoters is a multi-screen journey. For brands, media and retailers it is then critical to select the most relevant device-agnostic technology and theTRANSCRIPT
Lunch & LearnAustralian sessions 2012
Creating applications for the “multiscreen world”
It’s a mobile world ...
... but it’s a multiscreen journey!
Gone for a
walkabout!
Where has our customer gone?
With 3 core belongings ...
He has gone mobile, into the wild
He has gone mobile, into the wild
Mobile will be first in numbers by 2014
Australia rules! (the mobile world)
A digital nation downunder
Source: Nielsen Online RatingsJanuary 2012
Australia rules! (the mobile world)
5th highest internet penetration in the world
Source: Nielsen Online RatingsJanuary 2012
Australia rules! (the mobile world)
1st highest smartphones penetration in the world
Source: Nielsen Online RatingsJanuary 2012
Citius, Altius, Fortius
We engage higher, better and longer on mobile
“The introduc.on of BILD mobil has been a sensa.onal success for us (...) The mobile user has a more intensive rela.onship with contents and services than the sta.onary Internet surfer. Consulta.ons of 60 sec. per site and more than 8 minutes per visit surprised us in a posi.ve way in the beginning. ”
Tanja Hackner, project leader of BILD mobil, Axel Springer
U.X.?
Do it on Mobile First!
Put it otherwise ...
It’s a multi-screen journey
It’s a multi-screen journey
Seamless User Experience prevails on 4P rule
1 - Hooked by an email in the bus
2 - Browses on laptop at work
3 - Looks for reviews during lunch break
4 - Sends shortlist to home PC mailbox
5 - Refines search on the couch with tablet
6 - Watches video trailer on TV
Bingo: Buys on tablet with Paypal at 10:35PM!
From 6:00AM
In a hyperconnected world ...
Customers can show up anytime, anywhere!
At 11:00AM ...
They want it right here ...
OR 11:00PM
And they want it right now!
Take away #1
There’s 100% chances you are going to
your customers on Mobile First
ENGAGE
What is Mobile? (as in mobility)
Multi-screen, multi-channel, cross-device, cross-screen, multi-tasking, simultasking ...
Is that mobile?
Network access?
Stationary but in transit ...
Device orientation?
Portable but stationary ...
Social connectivity?
Small screen and on the move ...
Haptic capabilities?
Small screen but stationary ...
Geolocation and LBS?
Is mobile just being portable?
We are in the grey area!
And if so, is this mobile?
You need a responsive approach to deliver the best context-aware user experience
Take away #2: Mobile users are wild and unpredictable!
What is Mobile? (as in hardware)
What is Mobile? (as in hardware)
X X
Platforms
Browsers CarriersManufacturers
Call it device fragmentation or nightmare!
The many faces of the green robot
Over 4000 different Android flavours
The many faces of the green robot
Concurrent OS versions, countless screen sizes
And it’s just the beginning ...
And it’s just the beginning ...
http://youtu.be/eA6XzbAr50k
And it’s just a starter ...
Tomorrow begins today with Smart TVs!
Gesture Enabled
Web capable
Who knows what comes next?
Google announces HUD with Project Glass
Who knows what comes next?
The rise of the Machines Smart surfaces
You need a device agnostic publishing technology.
Take away #3: Nobody can stop innovation and competition
Life used to be simple in the 90’s
So ... where do we start?
The “legacy thing”
CMS DB DAM CRM ERP e-Com BI eLearning ...
Key concerns: Cost, consistency, Sustainability
The “legacy thing”
Mobile plugin
Mobile plugin
Mobile plugin
Mobile plugin
Mobile plugin
Mobile plugin
Mobile plugin
Mobile plugin
Mobile plugin
Simple housekeeping rules:
CMS DB DAM CRM ERP e-Com BI eLearning ...
Separate content and layout: Go SOA
Simple housekeeping rules:
Service Layer (APIs, ESB, ...)
Device detection + Presentation engine
One standard to rule them all?
rng.io
We can leverage HTML5 only as far as devices can!
One standard to rule them all?
html5test.com
We need framework to bridge the gap!
Reality Check: 3 Learnings
1. CSS and Javascript do not work uniformly in all browsers = software fragmentation
2. HTML markup cannot cope with massive hardware fragmentation in terms of screen sizes, graphic capabilities, memory and processor speeds
3. This usually results in increased cost for development, testing and maintenance (TCO)
Beware of digital sirens in open seas
Hidden costs of Open Source can 10-fold your TCO!
Beware of digital sirens in open seas
•Analysts: Open Source is not covered by any traditional industry analysts. Netbiscuits is covered by all the main players like gartner, Forrester, Frost & Sullivan.
•Partner Network: Building a network of experienced integrators is not easy and Netbiscuits has been at it for many years. With well-developed skills and a traditional kick-back the partners have good reason to go with Netbiscuits.
•References: In both North America and Europe, you can easily find an existing Netbiscuits customer. This is very helpful to further increase adoption as it means that new customers have some experience they can tap into. In addition, Netbiscuits has many prominent retail references, starting with eBay.
•Financial stability: A quick look at the recent Netbiscuits annual reports shows Netbiscuits e are doing extremely well. Netbiscuits has demonstrated that they are capable of earning money in a competitive market and posted record-numbers.
•Global footprint: Netbiscuits is an established global player; much more so than any other competitor. Netbiscuits is in particular strong in the important and highly competitive US and UK markets.
•Complexity: Many customers have started to realize that they do indeed have complex requirements. Netbiscuits has targeted the higher end of the market for quite a few years now, which has made the product more complex and capable towards the demanding, global and national enterprises.
•TCO: There are a lot of white papers about the TCO and ROI with Open Source solutions. "Open" does not mean "free" or "cheap" on the long run. In website development projects, software costs typically comprise 5% of the total implementation costs. But by saving 5% in software costs by choosing an open source solution, you will most likely drive up the 95% of the ‘other’ costs significantly.
Take away #5Pick the right race horse!
Bet long with device-agnostic web
Take away #5Tools you need for a mobile-first experience
• Live Device Information Servicefor real time updates, no republish
• Device adaptive Layouts for seamless screen-size management
• Device adaptive InteractivityDeliver just the right code-optimised payload
• Media queries optimisation & storagefor image/video caching and streaming
1 - Do Engage your customers on mobile first
Wrapping upYour recipe for Mobile First success
2 - Adopt a responsive and context aware strategy
3 - Choose a device agnostic publishing technology
4 - SOA for your DDP = Sustainability and ROI
5 - Scale and stay cutting-edge with the Cloud
Be future friendly, be device-agnostic!
Conclusion: Mobile is your first step to success!
Thank You!Lucas Challamel - ANZ Country ManagerT: 04 1014 1795 - E: [email protected]
@netbiscuitsAPAC
51