D’après Forrester, seulement 1% des consommateurs français considèrent que les marques délivrent une bonne expérience client quand, à titre de comparaison, 14% des consommateurs anglais se disent satisfaits. Les français sont aujourd’hui largement “mobile first” avec 75% du temps passé en ligne sur mobile or ils sont toujours plus exigeants, impatients et curieux. Comment faire pour améliorer l’expérience digitale sur mobile ? Pour Google la réponse repose sur une expérience app-like sur le web.
Loïc de Saint-Andrieu, Head of Customer Experience FR @Google
A presentation that Cam Barrie, James Brett and myself gave at Agile Australia 2013. The talk is about ways of building mobile apps that allow for the change and evolution you should expect when building exploratory mobile apps, and examples of the web and native code divide.
Platform Health Assessment at Department of Homeland Security Citizenship and...VMware Tanzu
SpringOne Platform 2019
Session Title: Platform Health Assessment at Department of Homeland Security Citizenship and Immigration Services
Speakers: Chris Saunders, Platform Architect Manager, Pivotal and Kelly Walsh, Engagement Director, Pivotal and Paul Beccio, Developer, DHS USCIS
Youtube: https://youtu.be/LZsqqSH9VbI
A presentation that Cam Barrie, James Brett and myself gave at Agile Australia 2013. The talk is about ways of building mobile apps that allow for the change and evolution you should expect when building exploratory mobile apps, and examples of the web and native code divide.
Platform Health Assessment at Department of Homeland Security Citizenship and...VMware Tanzu
SpringOne Platform 2019
Session Title: Platform Health Assessment at Department of Homeland Security Citizenship and Immigration Services
Speakers: Chris Saunders, Platform Architect Manager, Pivotal and Kelly Walsh, Engagement Director, Pivotal and Paul Beccio, Developer, DHS USCIS
Youtube: https://youtu.be/LZsqqSH9VbI
Let's focus on the Mobile Web and talk about the keys to a building a great mobile experience.
From AMP (=Accelerated Mobile Pages) as a starting point up to PWA (=Progressive Web Apps). I will cover the steps through some of the key features we see as core to the modern web experience. As a bonus, we will close with new APIs that expending the web even farther.
Building for Your Next Billion - Google I/O 2017Robert Nyman
New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world.
This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY
Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman
https://twitter.com/taloppenheimer
https://twitter.com/marrrr
https://twitter.com/robertnyman
PWA Development Guide_ Creating Progressive Web Apps.pdfLucas Lagone
Learn about Progressive Web Apps (PWAs) with real-time examples, checklists, and development frameworks in 2023. Discover the benefits and factors influencing PWA development costs.
Read More: https://www.nevinainfotech.com/blog/progressive-web-apps-guide/
Progressive web apps For e-Commerce- How do they go hand-in-hand?ShantanuApurva1
The term “Progressive Web App” was coined by designers Frances Berriman and Alex Russell in 2015 to describe apps that take advantage of new features supported by modern browsers, such as service workers and web app manifests, that allow users to upgrade web apps to progressive web apps in their native operating system (OS).
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceMagic Software
Progressive web app may look like a buzz word around improved web standards and few mobile friendly web design patterns. But it brings positive impact on businesses and users. Let’s learn more about it here.
Baobab Websuite is a combination of plugins, API services, cloud hosting infrastructure focussed and tailored towards Wordpress sites.
Our objective was to provide tools that helped published improve their sites performance around page load, image rendering, video streaming, search results, sharing of content, metering of content.
We believe that a Wordpress environment can be managed, integrated with, optimised and designed in a scalable and high performing manner.
Data driven mobile UX - UX insight 2017, uxinsight.nlJorden Lentze
Great design needs great insights based on qualitative and quantitative data. And you need to use a/b testing to validate the end result. As 70% of a/b tests have no or negative results, the chance of impactless design is to too high for you not to a/b test.
Presented at Web Directions Code, Melbourne
If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.
9 Best Tools to Leverage for Progressive Web App Developmentcodecraftcrew
Code Craft Crew is one of the most reliable Mobile App and website development company india catering to various industry verticals to help bring businesses online and scale them over the internet. Based in India, the company provides budget-friendly IT solutions without compromising the quality of delivered projects.
What are the ways that startups can leverage the benefits that progressive web apps allow these days?
In this talk, I covered some of the startups best practices and how entrepreneurs can take advantage from the capabilities that PWAs give them.
Progressive Web Applications are a new way to think about using the web to provide great user experiences using the best web platform features.
The education market has many opportunities to benefit their communities using PWAs to deliver information and application experiences across all devices and platforms.
Should this exist ? (Or how I sold my Product to NASA).Thiga
Have you ever encountered a situation when you could create a feature but wondered if you should ? I did, when I created a neurotech product in 2010.
I will share with you my messy journey to find the answer to the question : "Should this exist?"
By Fabrice DES MAZERY - Chief Product Officer @Thiga
Le digital rend nos vies meilleures, mais a ses côtés sombres méconnus. Nos sites, nos applis, nos objets connectés, nos datas et serveurs...cela consomme énormément de ressources et d’énergie ! En tant que professionnels Product et de la Tech, nous avons une responsabilité directe sur l’impact de nos services digitaux et Produit sur l’environnement.
Nous verrons dans cette présentation comment nous pouvons agir au quotidien, et si une approche plus responsable est compatible avec les enjeux business.
Par Alexandre TAKACS - Product & UX Director indépendant
More Related Content
Similar to Focus sur les PWA par Loic de Saint-Andrieu de Google
Let's focus on the Mobile Web and talk about the keys to a building a great mobile experience.
From AMP (=Accelerated Mobile Pages) as a starting point up to PWA (=Progressive Web Apps). I will cover the steps through some of the key features we see as core to the modern web experience. As a bonus, we will close with new APIs that expending the web even farther.
Building for Your Next Billion - Google I/O 2017Robert Nyman
New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world.
This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY
Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman
https://twitter.com/taloppenheimer
https://twitter.com/marrrr
https://twitter.com/robertnyman
PWA Development Guide_ Creating Progressive Web Apps.pdfLucas Lagone
Learn about Progressive Web Apps (PWAs) with real-time examples, checklists, and development frameworks in 2023. Discover the benefits and factors influencing PWA development costs.
Read More: https://www.nevinainfotech.com/blog/progressive-web-apps-guide/
Progressive web apps For e-Commerce- How do they go hand-in-hand?ShantanuApurva1
The term “Progressive Web App” was coined by designers Frances Berriman and Alex Russell in 2015 to describe apps that take advantage of new features supported by modern browsers, such as service workers and web app manifests, that allow users to upgrade web apps to progressive web apps in their native operating system (OS).
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceMagic Software
Progressive web app may look like a buzz word around improved web standards and few mobile friendly web design patterns. But it brings positive impact on businesses and users. Let’s learn more about it here.
Baobab Websuite is a combination of plugins, API services, cloud hosting infrastructure focussed and tailored towards Wordpress sites.
Our objective was to provide tools that helped published improve their sites performance around page load, image rendering, video streaming, search results, sharing of content, metering of content.
We believe that a Wordpress environment can be managed, integrated with, optimised and designed in a scalable and high performing manner.
Data driven mobile UX - UX insight 2017, uxinsight.nlJorden Lentze
Great design needs great insights based on qualitative and quantitative data. And you need to use a/b testing to validate the end result. As 70% of a/b tests have no or negative results, the chance of impactless design is to too high for you not to a/b test.
Presented at Web Directions Code, Melbourne
If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.
9 Best Tools to Leverage for Progressive Web App Developmentcodecraftcrew
Code Craft Crew is one of the most reliable Mobile App and website development company india catering to various industry verticals to help bring businesses online and scale them over the internet. Based in India, the company provides budget-friendly IT solutions without compromising the quality of delivered projects.
What are the ways that startups can leverage the benefits that progressive web apps allow these days?
In this talk, I covered some of the startups best practices and how entrepreneurs can take advantage from the capabilities that PWAs give them.
Progressive Web Applications are a new way to think about using the web to provide great user experiences using the best web platform features.
The education market has many opportunities to benefit their communities using PWAs to deliver information and application experiences across all devices and platforms.
Should this exist ? (Or how I sold my Product to NASA).Thiga
Have you ever encountered a situation when you could create a feature but wondered if you should ? I did, when I created a neurotech product in 2010.
I will share with you my messy journey to find the answer to the question : "Should this exist?"
By Fabrice DES MAZERY - Chief Product Officer @Thiga
Le digital rend nos vies meilleures, mais a ses côtés sombres méconnus. Nos sites, nos applis, nos objets connectés, nos datas et serveurs...cela consomme énormément de ressources et d’énergie ! En tant que professionnels Product et de la Tech, nous avons une responsabilité directe sur l’impact de nos services digitaux et Produit sur l’environnement.
Nous verrons dans cette présentation comment nous pouvons agir au quotidien, et si une approche plus responsable est compatible avec les enjeux business.
Par Alexandre TAKACS - Product & UX Director indépendant
AI for Growth: tips, tricks and tools to improve your retention and conversio...Thiga
Cette présentation de Stéphan BABOU, Product Manager @Thiga, sur les différents moyens à disposition des Product Managers, vous permettra d'accélérer vos processus d'expérimentation, de récolter plus facilement des retours utilisateurs et d'améliorer votre produit grâce à l'intelligence artificielle.
How to make customer centricity easy and fun ?Thiga
Les équipes Produit et Customer success de PlayPlay vous partagent leurs astuces pour mettre l'utilisateur au cœur de vos réussites.
Sophie MOREL et Pauline MAROL partagent leurs outils, leurs méthodes, leurs rituels et leurs secrets pour que l'ADN de PlayPlay repose sur leurs utilisateurs. Vous verrez, elles ont rendu la "customer-centricity" simple et amusante !
Focus sur la conversion par Pascal Masson de PrivateaserThiga
Refonte, temps de chargements, killer feature, vous avez tout essayé mais votre conversion ne décolle toujours pas ?
Prenons du recul et allons chercher comment activer les bons leviers pour faire de la croissance durable.
Nous parlerons entretiens utilisateurs, tests ergonomiques, data et stakeholders. Par Pascal Masson, Sénior PM chez Privateaser
Talk d'Audrey Hacq, Lead Designer & Design System expert @Idean France
Retour de plus d'un an d'expérience sur la mise en place d'un design system pour le Crédit Agricole. Comment mettre en place un design system from scratch et embarquer les équipes ? Comment ensuite le maintenir, le faire évoluer et mesurer son succès ?
Talk d'Anthony Adam, Senior Product Designer @change.org
Découvrez en 4 chapitres l'aventure de l'équipe Produit dans sa quête.
Enjeux, vision, outils et conseils pratiques.
Aiguisez vos stylos pour écouter ce retour d'expérience sur la conception d'un Design System chez @Pretto.
À l'occasion de la LPCx Paris spécial design systems, nous avons reçu Audrey Hacq, Lead Designer & Design System expert @Idean France & Anthony Adam, senior Product Designer @Change.org.
Ils ont profité de ce meetup pour proposer une définition commune au concept de Design System avant de nous livrer leur retour d'expérience lors de leurs talks respectifs !
Spécial levée de fonds par Sebastien Levaillant de PayfitThiga
Talk by Sébastien Levaillant, VP Product @PayFit
From "Cast away" to "Iron Man" overnight. How to survive a massive funding round ?
If you had one shot or one opportunity to seize everything you ever wanted in one moment, would you capture it or just let it slip?
Spécial levée de fonds par Nicolas Venet de MeeroThiga
Présentation faite par Nicolas Venet, VP Product @Meero, et Maxime Azoulay, Product Manager @Meero.
L’hyper-croissance de Meero ne vous a peut-être pas échappé... Alors comment l'équipe Produit a su répondre efficacement aux problématiques de milliers de photographes et de clients répartis dans le monde entier depuis Paris ? Comment ont-ils créé des process solides quand des dizaines de Meeronauts sont recrutés chaque semaine à travers leurs 6 bureaux installés dans le monde ?
Nicolas et Maxime sont venus nous partager leurs retours d'expérience en parlant des problèmes qu’ils ont rencontrés, des solutions et outils qu’ils ont mis en place, ainsi que des prochains enjeux auxquels ils se préparent.
Managing stakeholders par Clément Paillasse - Head of Product @SelogerThiga
Présentation faite par Clément Paillasse - Head of Product @Seloger.
Sujet : L’un des aspects les plus difficiles de notre métier : savoir gérer les autres. Cette personne au marketing qui n’a pas compris votre rôle, ce commercial pour qui ça ne va pas assez vite, ce Manager qui découvre les dernières évolutions en prod, etc.
Clément est Responsable Produit chez SeLoger et nous propose quelques tips pour adopter la bonne posture vis-à-vis de vos parties prenantes !
Autonomie et alignement : comment orchestrer son département produit à l’Amér...Thiga
Présentation faite par Arthur Rougier - VP Product, Cyril Di Giola - Head of Product, Raphaelle Coudin - Product Manager @Jobteaser.
Sujet : Autonomie et alignement : comment orchestrer son département produit à l’Américaine ?
Souvent en France, les PMs sont encore trop assimilés à des Project Managers, passant plus de temps dans JIRA qu’avec leurs utilisateurs, et devant se dépatouiller avec des roadmaps dictées par l'exécutif. Nous allons vous présenter comment chez JobTeaser, même dans un contexte d’hyper-croissance avec une vraie hiérarchie dans l'équipe, nous aspirons à créer une culture d’autonomie avec des PMs vrais « CEO » de leurs produits.
Meetup LPCx de juin 2019 avec Younited Credit Thiga
Arnaud Collin & Christelle Callico, Product Managers @Younited Credit
Pour certain, une demande de crédit repose sur un long formulaire avec une liasse de documents à fournir. Pour l’équipe Produit de Younited Credit, il s’agit de transformer radicalement l’expérience utilisateur en exploitant au mieux la technologie. Alors comment convaincre l’utilisateur d’adopter un nouvel usage ? Comment développer une idée visionnaire au sein d’une entreprise internationale ? Comment tirer profit du succès d’une nouvelle fonctionnalité ? ? Vous trouverez vos réponses dans les slides qui suivent.
Le design fiction, pour une innovation toute en frictionsThiga
Lighthing Talk : Design Friction
Nous définissons le design fiction comme la volonté d’inspirer de nouveaux imaginaires liés au futur d’une manière non-prédictive (« Le futur sera ainsi »), d’une manière non-prescriptive (« Le futur doit être ainsi »), mais qui cherche au contraire à ouvrir des perspectives et à les mettre en débat pour questionner les directions que nous prenons aujourd’hui. Bastien Kerspern reviendra sur la méthode, les outils, un cas pratique.
"The Product Designer in a nutshell" par Vanessa Guilloteau
Elle partagera sa vision de ce qu'est un Product Designer, grâce au framework de compétences créé chez Thiga.
#1 The framework origin
#2 Product Designer definition
#3 Focus on Thiguys profiles
Comment on gère la refonte d'un produit existant ? - Xavier Dumont - BAPThiga
Xavier Dumont, Product Manager chez BAP, revient sur la refonte de Bureaux à Partager. Il nous dévoile la démarche, ses réussites et ses échecs. De quoi s'en inspirer pour ne pas reproduire les mêmes erreurs !
Pourquoi et comment Alan a supprimé les réunions ? - Thomas RolfThiga
En plus de ré-inventer le système de santé, Alan construit les fondations d’une nouvelle organisation de travail. Aussi contre-intuitif que cela puisse paraître, ils ont supprimé les réunions. Thomas Rolf Product Manager chez Alan nous explique comment, pourquoi et les principales leçons à retenir de ce choix radical.
Lpcx - Comment le Growth Engineering peut rendre votre équipe autonome ?Thiga
Julien Collet de Qonto intervient à LPCx avec son talk « Comment le Growth Engineering peut rendre votre équipe Growth autonome ? » Il nous explique comment Qonto soulage son équipe produit avec la mise en place d’une équipe Growth engineering. Il décrit ensuite les relations entre Le Growth Engineering, le Produit et la Tech chez Qonto
Aurélie Fliedel Quicksign "Best practice du Data Product Management "
Comment allier Produit et Business pour mettre la data au service de ceux-ci ?
Comment aligner l'organisation pour fluidifier les process de Data Product management ?
ALEXENDRA EVEN - PM @Algolia & MAXIME BILOÉ -Front-End Developer @Weekendesk
Quels sont les impacts Produit d'une internationalisation ?
Comment adapter au mieux son produit à d'autres pays ? Quel est l'impact de la traduction sur les process ?
HEAP SORT ILLUSTRATED WITH HEAPIFY, BUILD HEAP FOR DYNAMIC ARRAYS.
Heap sort is a comparison-based sorting technique based on Binary Heap data structure. It is similar to the selection sort where we first find the minimum element and place the minimum element at the beginning. Repeat the same process for the remaining elements.
Sachpazis:Terzaghi Bearing Capacity Estimation in simple terms with Calculati...Dr.Costas Sachpazis
Terzaghi's soil bearing capacity theory, developed by Karl Terzaghi, is a fundamental principle in geotechnical engineering used to determine the bearing capacity of shallow foundations. This theory provides a method to calculate the ultimate bearing capacity of soil, which is the maximum load per unit area that the soil can support without undergoing shear failure. The Calculation HTML Code included.
Immunizing Image Classifiers Against Localized Adversary Attacksgerogepatton
This paper addresses the vulnerability of deep learning models, particularly convolutional neural networks
(CNN)s, to adversarial attacks and presents a proactive training technique designed to counter them. We
introduce a novel volumization algorithm, which transforms 2D images into 3D volumetric representations.
When combined with 3D convolution and deep curriculum learning optimization (CLO), itsignificantly improves
the immunity of models against localized universal attacks by up to 40%. We evaluate our proposed approach
using contemporary CNN architectures and the modified Canadian Institute for Advanced Research (CIFAR-10
and CIFAR-100) and ImageNet Large Scale Visual Recognition Challenge (ILSVRC12) datasets, showcasing
accuracy improvements over previous techniques. The results indicate that the combination of the volumetric
input and curriculum learning holds significant promise for mitigating adversarial attacks without necessitating
adversary training.
NO1 Uk best vashikaran specialist in delhi vashikaran baba near me online vas...Amil Baba Dawood bangali
Contact with Dawood Bhai Just call on +92322-6382012 and we'll help you. We'll solve all your problems within 12 to 24 hours and with 101% guarantee and with astrology systematic. If you want to take any personal or professional advice then also you can call us on +92322-6382012 , ONLINE LOVE PROBLEM & Other all types of Daily Life Problem's.Then CALL or WHATSAPP us on +92322-6382012 and Get all these problems solutions here by Amil Baba DAWOOD BANGALI
#vashikaranspecialist #astrologer #palmistry #amliyaat #taweez #manpasandshadi #horoscope #spiritual #lovelife #lovespell #marriagespell#aamilbabainpakistan #amilbabainkarachi #powerfullblackmagicspell #kalajadumantarspecialist #realamilbaba #AmilbabainPakistan #astrologerincanada #astrologerindubai #lovespellsmaster #kalajaduspecialist #lovespellsthatwork #aamilbabainlahore#blackmagicformarriage #aamilbaba #kalajadu #kalailam #taweez #wazifaexpert #jadumantar #vashikaranspecialist #astrologer #palmistry #amliyaat #taweez #manpasandshadi #horoscope #spiritual #lovelife #lovespell #marriagespell#aamilbabainpakistan #amilbabainkarachi #powerfullblackmagicspell #kalajadumantarspecialist #realamilbaba #AmilbabainPakistan #astrologerincanada #astrologerindubai #lovespellsmaster #kalajaduspecialist #lovespellsthatwork #aamilbabainlahore #blackmagicforlove #blackmagicformarriage #aamilbaba #kalajadu #kalailam #taweez #wazifaexpert #jadumantar #vashikaranspecialist #astrologer #palmistry #amliyaat #taweez #manpasandshadi #horoscope #spiritual #lovelife #lovespell #marriagespell#aamilbabainpakistan #amilbabainkarachi #powerfullblackmagicspell #kalajadumantarspecialist #realamilbaba #AmilbabainPakistan #astrologerincanada #astrologerindubai #lovespellsmaster #kalajaduspecialist #lovespellsthatwork #aamilbabainlahore #Amilbabainuk #amilbabainspain #amilbabaindubai #Amilbabainnorway #amilbabainkrachi #amilbabainlahore #amilbabaingujranwalan #amilbabainislamabad
CW RADAR, FMCW RADAR, FMCW ALTIMETER, AND THEIR PARAMETERSveerababupersonal22
It consists of cw radar and fmcw radar ,range measurement,if amplifier and fmcw altimeterThe CW radar operates using continuous wave transmission, while the FMCW radar employs frequency-modulated continuous wave technology. Range measurement is a crucial aspect of radar systems, providing information about the distance to a target. The IF amplifier plays a key role in signal processing, amplifying intermediate frequency signals for further analysis. The FMCW altimeter utilizes frequency-modulated continuous wave technology to accurately measure altitude above a reference point.
Student information management system project report ii.pdfKamal Acharya
Our project explains about the student management. This project mainly explains the various actions related to student details. This project shows some ease in adding, editing and deleting the student details. It also provides a less time consuming process for viewing, adding, editing and deleting the marks of the students.
Hierarchical Digital Twin of a Naval Power SystemKerry Sado
A hierarchical digital twin of a Naval DC power system has been developed and experimentally verified. Similar to other state-of-the-art digital twins, this technology creates a digital replica of the physical system executed in real-time or faster, which can modify hardware controls. However, its advantage stems from distributing computational efforts by utilizing a hierarchical structure composed of lower-level digital twin blocks and a higher-level system digital twin. Each digital twin block is associated with a physical subsystem of the hardware and communicates with a singular system digital twin, which creates a system-level response. By extracting information from each level of the hierarchy, power system controls of the hardware were reconfigured autonomously. This hierarchical digital twin development offers several advantages over other digital twins, particularly in the field of naval power systems. The hierarchical structure allows for greater computational efficiency and scalability while the ability to autonomously reconfigure hardware controls offers increased flexibility and responsiveness. The hierarchical decomposition and models utilized were well aligned with the physical twin, as indicated by the maximum deviations between the developed digital twin hierarchy and the hardware.
Focus sur les PWA par Loic de Saint-Andrieu de Google
1. Proprietary + Confidential
Loïc de Saint-Andrieu - Head of Customer Experience
Jules Rigaud - Mobile Lead
Meetup
Comment donner une expérience App-like à mes users web mobile ?
2. Proprietary + ConfidentialProprietary + Confidential
Agenda
● Why mobile web matters ?
● What are the user benefits ?
● What are the business impacts ?
● How to make it happen ?
● The future of web ?
4. Proprietary + ConfidentialProprietary + Confidential
1h18min
25 min
French internet users are mobile 1st
Source : Médiamétrie // Netratings, Aout 2019
2h 27 min
All users 15-34 yo
5. Proprietary + ConfidentialProprietary + Confidential
But mobile sites are not catching up
contentbazaar.co/20160314/pi-way
Painful interfaceNot reactiveSlow
contentbazaar.co/20160314/pi-way
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
contentbazaar.co/20160314/pi-way
6. Proprietary + ConfidentialProprietary + Confidential
Source: StatCounter, Quarterly Ecommerce Report from Monetate
That’s why mobile conversion rate are low
Conversion rateTime spent on device
MobileDesktop
4x
Mobile
conversion rate
Desktop
conversion rate
1/2
7. Proprietary + Confidential
87% 13%
time spent in native apps
on the web
Source: eMarketer, 2019
First, consumers spent most time in native apps
8. Proprietary + Confidential
77% 23%
time spent in top 3 apps
on a device
All other apps
Source: eMarketer, 2018
Your App ?
But usage is highly concentrated
9. Proprietary + Confidential
49%
of users download
0 apps per month
Source: Comscore & eMarketer
6
mobile domains
per day
but browse
And the web is key to drive awareness
10. Proprietary + ConfidentialProprietary + Confidential
REACH
CAPABILITIES
Apps are more engaging, but web reaches more users
Mobile Apps Mobile Websites
11. Proprietary + ConfidentialProprietary + Confidential
REACH
CAPABILITIES
Apps can be easily surfaced and accessed
Google Play Instant
App Deeplink
Android Slices
Mobile Websites
12. Proprietary + ConfidentialProprietary + Confidential
REACH
CAPABILITIES
PWA are websites as engaging as a native app
Mobile Apps
Mobile
Websites
PWA
13. Proprietary + ConfidentialProprietary + Confidential
Features PWA iOS PWA Native
Push notifications Yes No Yes
Home screen installation Yes Yes Yes
Offline Yes Yes Yes
Geolocation Yes Yes Yes
Geofencing / background No No Yes
Deep Linking Yes Yes Yes
Contacts No No Yes
Sharing Yes Yes Yes
Payments Yes Yes Yes
Credentials Yes No Yes
Sensors & Hardware
Camera Yes Yes Yes
Gyroscope Yes Yes Yes
Bluetooth No* No Yes
NFC No* No Yes
PWAs are a set of APIs for app-like experiences
15. Proprietary + ConfidentialProprietary + Confidential
Fast Installable Reliable Engaging
Your users demanded app-like experiences
like an app
u know
16. Proprietary + ConfidentialProprietary + Confidential
Conversion rate (%)
Note: Data under 2.4 sec
removed due to high rate
of 404s and other errors
skewing results.
1.7
1.6
1.4
1.2
1.0
0.8
0.6
0.4
0.2
0.0
1.2 1.5 1.8 2. 2.5 2.7 3.0 3.3 3.5 4.2 4.5 4.8 5.1 5.4 5.7 6.0 6.3 6.6 6.9 7.2 7.5 7.8 8.1 8.4 8.7 9.0 9.3 9.6 9.9
Load time (seconds)
Conversionrate(%)
1.9% conversion rate
(2.5 seconds)
1.5% conversion rate
(3.5 seconds)
1 second
27% more
conversions
Conversion rate (%)
Source: "Mobile performance conversion rate"
Note: Data under 2.4 sec
removed due to high rate
of 404s and other errors
skewing results.
Mobile pages that load 1s faster see up to 27% increase
in CvR
17. Proprietary + ConfidentialProprietary + Confidential
‘‘
Chrome Dev Summit latest news
Chrome may identify
sites that typically load
fast or slow for users with
clear badging
‘‘
19. Proprietary + ConfidentialProprietary + Confidential
Web is getting slower
Despite the increase in and availability of
best practice guidance, sites continue to ship
bloated code to their users…
...since Nov 2010, http archive reports
a significant increase in
● Image bytes +555%
● Image requests +115%
● Request size +294%
● JavaScript bytes +585%
● JavaScript requests +350%
40% of brands who
optimize speed regress in
6 months
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
State of the web
Size & Data Transfer
Loading Speed (First Contentful Paint)
Median Desktop
2.0 seconds
⇩29%
Median Mobile
6.0 seconds
⇧ 25%
Median Desktop
1502 KB
⇧ 221%
Median Mobile
1568 KB
⇧ 983%
(Nov 15, 2010 - July 1, 2018)
(Dec 15, 2016 - July 1, 2018)
20. Proprietary + ConfidentialProprietary + Confidential
Webperf governance model
A single dashboard KPIs shared between
funtional & IT teams
Dedicated Webperf
owner for IT and for
the functional team
1 2 3
21. Proprietary + ConfidentialProprietary + Confidential
Fast page load with the service worker
First View
Repeat View
with Service
Worker
Page load time (seconds)
Page
Loaded!
Page
Loaded!
Service Worker provides
flexible content caching
for entire user journey.
Load static and dynamic
content instantly from
Service Worker.
Pre-fetch the
next page!
Navigate to next page
23. Proprietary + ConfidentialProprietary + Confidential
How to implement a service worker?
Re-structure your site with
App Shell Model and break JS into smaller
chunks.
Site restructuring1
Implement Service Worker
using Workbox
3
Plan the caching strategies
for your scenarios
2
Main JS
JS chunk
JS chunk
JS chunk
Evaluate and pick the right caching
strategies for each resource. This
depends on the user experience you
are designing for users.
Create a service worker using
Workbox. Workbox provides a number
of pre-defined caching strategies.
Please note that a service worker registers on
domain level. E.g. www.example.com and
m.example.com needs two different service
workers.
27. Proprietary + ConfidentialProprietary + Confidential
More informations on : developers.google.com/web
https://developers.google.com/web/fundamentals/app-install-banners/promoting-install-mobile
28. Proprietary + ConfidentialProprietary + Confidential
Be reliable with offline & poor network experience
Trivago suggest to play a game when the
user goes offline
67% of users whose internet connection
was interrupted came back
29. Proprietary + ConfidentialProprietary + Confidential
Engage with push notifications
User chooses to opt-in to
push notifications.
Push Notification displayed
even when browser is not
open.
Brings user back into mobile
website.
30. Proprietary + ConfidentialProprietary + Confidential
Being timely, precise and relevant is crucial for notifications
When, it’s
timely
what & who, it’s
relevant
What, it’s
precise
33. Navigation hors
ligne
Etam, un pionnier de l'expérience e-commerce next generation
PWA présente dans le Google
Play Store - un seul code à
gérer
PWA dans le Play
Store
Sign-in Google Pay Ajout à l’écran
d’accueil
Acquisition Engagement Engagement Conversion Retention
Le protocole WebAuth facilite
le login avec l’empreinte
digitale sur le web
Liste de favoris accessible en
hors ligne (et donc en magasin)
Paiement en 3 clics grâce à
Google Pay
+30% de taux de conversion
des utilisateurs venant du
raccourci
34. Proprietary + Confidential
Weekendesk mix web & app to create a seamless experience
Thanks to the Service Worker, the
website is 15-30% faster and transitions
between pages are smoother
On 2nd page visited, Weekendesk
proposes you to add the PWA
shortcut to their home screen
CvR x2.5 from PWA users
When losing network connection,
you can still access your wishlist in
offline mode
You can even install the PWA
from the Play Store like a native
app
36. Proprietary + ConfidentialProprietary + Confidential
You don’t have to go all-in from day one
PRODUCT ROADMAP EXAMPLE
Sprint n+2
Add to Home screen
Sprint n+3
Basic offline
page
Sprint n
Cache Strategy
with service
workers
Sprint n+4
Push
Notifications
37. Proprietary + ConfidentialProprietary + Confidential
Step 1: Fast & reliable → Service worker, interactive
within 10s, offline mode
Step 2: Installable → HTTPS, add to home screen
Step 3: Optimized → full-screen mode, splash
screen, push notifications
Check your Lighthouse PWA Audit
39. Proprietary + ConfidentialProprietary + Confidential
https://developers.google.com/web/progressive-web-apps/desktop
PWA are available on Desktop since this summer !
40. Proprietary + ConfidentialProprietary + Confidential
Your PWA can be listed in Google Play through Trusted
Web Activities
And also on Microsoft Store &
Samsung Galaxy Store
41. Proprietary + ConfidentialProprietary + Confidential
Fresh news from Chrome Dev Summit ! New Web APIs
SMS Receiver Contact Picker Native File System API
https://blog.chromium.org/2019/11/chrome-dev-summit-2019-elevating-web.html