PWA and the installable web (Chrome Dev Summit 2019)

preview_player
Показать описание
The Web has a superpower—it's a frictionless and federated experience, whether for search results, news articles, ride sharing, or spreadsheets. With modern, evergreen browsers, your users can accept site prompts to install web experiences to their device's home screen or desktop.

This talk is for designers of enterprise & consumer web apps who want to understand the options for installed web experiences from browsers and the Play Store. We’ll cover when, where & how to promote web install—and, once installed, best practices for UX & measuring success in installed web apps.

Presented by: PJ McLachlan, Sam Thorogood, Mukund Laddha

event: Chrome Dev Summit 2019; re_ty: Publish; product: Chrome - General; fullname: PJ McLachlan, Sam Thorogood, Mukund Laddha;
  1. Chrome for Developers
  2. type: Conference Talk (Full production);
  3. pr_pr: Chrome
  4. purpose: Educate
Рекомендации по теме
PWA and the 0:30:18

PWA and the installable web (Chrome Dev Summit 2019)

Progressive Web Apps 0:08:10

Progressive Web Apps in 100 Seconds // Build a PWA from Scratch

How to Install 0:06:08

How to Install a Progressive Web App (PWA) from Any Website | Easy Step-by-Step Guide

Installing a PWA 0:00:30

Installing a PWA on your desktop or laptop

Install PWA (installable 0:00:34

Install PWA (installable web) on iPhone or iPad

How to Build 0:35:05

How to Build an Installable PWA – Progressive Web App Tutorial with Workbox and Framework7

Installing a PWA 0:00:52

Installing a PWA on your iPhone

Installing a PWA 0:00:39

Installing a PWA on an Android Device

PWAs are now 0:01:30

PWAs are now supported in ArcBlock Blocklets

How To Install 0:10:02

How To Install Your Website | PWA Chrome or Other Browser Website Installation

iSocket Progressive Web 0:00:28

iSocket Progressive Web App (PWA) Installation for iPhone

Group Policy: Google 0:03:44

Group Policy: Google Chrome force install Progressive Web Apps (PWA)

Deep dive into 0:08:58

Deep dive into the PWA install flow

How to install 0:01:16

How to install PWA Windows ✅ || Progressive Web App

How to Install 0:01:38

How to Install Website as an App in Microsoft Edge (Install PWA)

Pratilipi Progressive Web 0:00:17

Pratilipi Progressive Web App Installation (PWA) on macOS through Google Chrome

What Is A 0:06:44

What Is A Progressive Web App (PWA) - Why Is It A Game-Changer In eCommerce

PWAs: building bridges 0:41:10

PWAs: building bridges to mobile, desktop, and native (Google I/O '18)

Easily Convert Your 0:10:10

Easily Convert Your Website into a Progressive Web App PWA

pwa install 0:00:41

pwa install

Sensory Web App 0:00:35

Sensory Web App (PWA) Install on Chrome

How to install 0:01:23

How to install PWA lite version of your apps in your iOS device?

How to: Install 0:00:46

How to: Install Alby PWA 🐝 Alby mobile progressive web app #bitcoin #alby #lightningnetwork

New in Chrome 0:03:42

New in Chrome 76: Better install experiences for PWAs, dark mode, and more!

Комментарии
Автор

Great tips for promoting pwa install, pwa's are the future.

dolordigital
Автор

The one thing you guys are NOT paying attention to is the ability to add custom splash screens. Images, Gifs, and Videos should be supported ASAP.

doobleshoodle
Автор

Why would you recommend people turning off text selection? That is one of the most irritating part of apps vs the web. In fact, I would love if there was a setting to override this as a user, both for apps and web pages. If there is text on the screen it should be copyable.

leecoldsmoke
Автор

For designers:
20:47 UX for promoting install (the right moments to prompt "install")

VitaMiata
Автор

I think this talk is one of the best PWA best practices. great talk, thanks Google Chrome team.

flameddd
Автор

Awesome... how relevant nativescript and reactivenative are considering these developments... ?

darshansharma
Автор

The pwa have many bebefits, Why the pwa is still not common.??

jackchuah
Автор

Google keeps telling us how cool the Share Target API is but they won't put a "share" button in the desktop Chrome toolbar.

arkanciscan
Автор

Well.... I still dont see the benefits over Cordova other than the fact you are clickin on download from the web.... but that is something you do by sending a link to PlayStore to your app no? Cordova you have native features you have access to as well... I just dont see PWA benefit other than someone who has never used Cordova, etc. not knowing about them and only knowing PWA... might be missing the point here.

andyelgrand
Автор

Disable text selection is really bad suggestion. Might be ok for some specific cases, but not in general.

mv-experiments