Laying the UI foundation of the installed experience for web apps on desktop, and shipping on all four desktop operation systems for the prime time
Web applications had been ever evolving providing comprehensive utilities and experiences. Think communication apps, music players, enterprise apps, and so on. Compared to traditional apps on desktop operating systems such as a graphic editor on Windows, accessing web apps only via the browser tabs was limiting.
When easier access to web apps were provided, e.g. launching apps from the desktop shelf and switching apps using the shortcut keys Alt+Tab, users would be able to use them more easily and developers would be able to strengthen their relationship with their customers.
Mobile web browsers on Android already supported registration of web apps as regular apps on the OS to enable the home screen access and the app switching, by implementing the W3C web app manifest spec. And web apps that added the traditional app-like capabilities were called Progressive Web Apps (PWAs).
Expanding PWAs to desktop was the right thing both for the users and for the developers on the web.
To shape the experience of installable web apps, the team investigated how the app windows look and behave, and also enumerated the essential elements to indicate identification, security status, and default functionalities of web apps. The team also envisioned what it's like to instantly install web apps, which did not require any downloads.
The team defined the key UI elements and shipped the installable web app experience starting from Chrome OS and to Windows, Linux, and macOS.
Install entry points
App launch entry points
Default functionalities, e.g. print, zoom, autofill, etc.
Navigation across apps and browser
Since the team implemented the install-ability on all four OS'es, well known web apps such as YouTube, Spotify, Google Maps, Twitter, and Framer updated them to be installable.
I was the lead designer for Desktop PWA launches on the all four OSes. I drove and conducted the comprehensive UI reviews of the very first launch of the Desktop PWAs, i.e. on Chrome OS, designed the critical missing pieces, and finessed all UI surfaces. I guided the design development on Windows, Linux, and macOS, and again conducted the comprehensive UI reviews and finessed.
I authored the content to guide design of Desktop PWAs for Google I/O. Later I advised the recommendations for PWA install promo patterns on mobile.
Most recently, I guided the design development to upgrade the install experience, i.e. icon update, in-product help, and rich install prompt, and developed the permission UI for file handling.