Alan Semenov
UX Lead at Enonic and blogger at WebAgility.com
@AlanSemenov
Lead UI/UX Developer
Minitel
- 1980
- 26.000 services
- 9.000.000 devices
- 25.000.000 users
French telecommunication system
Edged out by Internet and finally plugged off in 2012
More examples?
Mobile Apps
Mobile Apps
They're heavy
From user perspective
230MB
Mobile Apps
From user perspective
You will rarely use most of them
Mobile Apps
From user perspective
Finding something in App Store can be a challenge
Mobile Apps
From user perspective
App Store is full of scams
Mobile Apps
From user perspective
- They're heavy
- They drain phone battery
- You are using only a handful of them
- Hardly discoverable
- Updates must be manually installed and different versions of the same app can be inconsistent across devices
- Lots of scams
Mobile Apps
From developer/manager perspective
High development and maintenance costs
Mobile Apps
From developer/manager perspective
Cumbersome approval process
Mobile Apps
From developer/manager perspective
Discoverability
http://pleasefixtheappstore.com/
Mobile Apps
From developer/manager perspective
- Advanced cross-platform development
- High development/maintenance costs
- Nearly impossible to get your app discovered in the App Store
- Complicated approval process
- Not every customer or potential customer will have your mobile app installed
Why not use Web Apps instead?
- They don't look like mobile apps
- They are slow
- Browsers don't support native device features
- Web Apps don't work offline
- They are not safe due to lack of control from the app store
- They run in a browser
Progressive Web Applications
Progressive Web Applications
What makes a Web App Progressive?
Why not use Web Apps instead?
- They don't look like mobile apps
- They are slow
- Browsers don't support native device features
- Web Apps don't work offline
- They are not safe due to lack of control from the app store
- They run in a browser
They don't look like mobile apps?
Why not use Web Apps instead?
They don't look like mobile apps
- They are slow
- Browsers don't support native device features
- Web Apps don't work offline
- They are not safe due to lack of control from the app store
- They run in a browser
They are slow...
www.doubleclickbygoogle.com, September 2016
Or are they?
Progressive Web Apps are
FAST
< 1s
Why not use Web Apps instead?
They don't look like mobile apps
They are slow
- Browsers don't support native device features
- Web Apps don't work offline
- They are not safe due to lack of control from the app store
- They run in a browser
Browsers don't support native device features
Why not use Web Apps instead?
They don't look like mobile apps
They are slow
Browsers don't support native device features
- Web Apps don't work offline
- They are not safe due to lack of control from the app store
- They run in a browser
Web Apps are not safe
OR
PWA
Why not use Web Apps instead?
They don't look like mobile apps
They are slow
Browsers don't support native device features
- Web Apps don't work offline
They are not safe due to lack of control from the app store
- They run in a browser
They run in a browser
<head>
<link rel="manifest" href="/path/manifest.json">
<head>Web App Manifest
Test it in Dev Console
Web App Manifest
Add to Home Screen
Why not use Web Apps instead?
They don't look like mobile apps
They are slow
Browsers don't support native device features
- Web Apps don't work offline
They are not safe due to lack of control from the app store
They run in a browser
Web Apps don't work offline...
Progressive Web Apps do.
Mr. Service Worker
Service Worker
A Javascript file that resides in the application and works as a proxy between the application, browser cache and the network.
sw-precache
- Cache only
- Network only
- Cache first, falling back to network
- Network first, falling back to cache
- Cache, with network update
Workbox
Polymer App Toolbox
Why not use Web Apps instead?
They don't look like mobile apps
They are slow
Browsers don't support native device features
Web Apps don't work offline
They are not safe due to lack of control from the app store
They run in a browser
“Mobile web audiences are almost 3x the size and growing 2x as fast as app audiences.”
ComScore, June 2016
What is the better choice?
Native Apps
vs
Progressive Web Apps
The time will tell.
(Hint: PWA)
14 - 16 June 2017, Oslo Spektrum
THANK YOU!
Stay Progressive :-)
How Progressive Web Apps make the Web great again
By Alan Semenov
How Progressive Web Apps make the Web great again
In this session Alan will talk about what the concept of Progressive Web Applications is, how they make lives of web developers easier and why they are going to edge out native apps in the nearest future.
