Irrespective of the fact that Web apps bring several benefits, installing them has always been a cumbersome process and the process varies depending upon the platform or the browser. Also, the installation process does not offer users much information about the Web apps as the current ‘Add to Home screen’ popup on Chrome does not include much information in addition to the Cancel, Add to Homescreen and the app icon.
That appears to be changing soon as Google has announced its new Richer Install UI for Web apps. This allows developers to add a Play Store like Install card when the Install button is clicked on the website.
The new Richer Install UI will be available on mobile devices, Chromebooks and desktop.
What has changed design-wise
First and foremost, the new Install card slides up from the button. Plus, it looks similar to the Play Store Install card which includes details about the app along with images. Also, the Add to Homescreen button has been replaced with an Install button that gives the feeling of the app getting installed on the device.
On desktop, the Install card appears to be similar, except it appears in the centre of the webpage and slides from the top.
How Google’s Richer Install UI will help users
With the new Richer Install UI, Google is making it easier for developers to add more information about their Web app. This helps users understand better about the app and also get an idea on how the app will look like and work on their device.
function loadGtagEvents(isGoogleCampaignActive) { if (!isGoogleCampaignActive) { return; } var id = document.getElementById('toi-plus-google-campaign'); if (id) { return; } (function(f, b, e, v, n, t, s) { t = b.createElement(e); t.async = !0; t.defer = !0; t.src = v; t.id = 'toi-plus-google-campaign'; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); })(f, b, e, 'https://www.googletagmanager.com/gtag/js?id=AW-877820074', n, t, s); };
window.TimesApps = window.TimesApps || {}; var TimesApps = window.TimesApps; TimesApps.toiPlusEvents = function(config) { var isConfigAvailable = "toiplus_site_settings" in f && "isFBCampaignActive" in f.toiplus_site_settings && "isGoogleCampaignActive" in f.toiplus_site_settings; var isPrimeUser = window.isPrime; if (isConfigAvailable && !isPrimeUser) { loadGtagEvents(f.toiplus_site_settings.isGoogleCampaignActive); loadFBEvents(f.toiplus_site_settings.isFBCampaignActive); } else { var JarvisUrl="https://jarvis.indiatimes.com/v1/feeds/toi_plus/site_settings/643526e21443833f0c454615?db_env=published"; window.getFromClient(JarvisUrl, function(config){ if (config) { loadGtagEvents(config?.isGoogleCampaignActive); loadFBEvents(config?.isFBCampaignActive); } }) } }; })( window, document, 'script', );
For all the latest Technology News Click Here
For the latest news and updates, follow us on Google News.