This site is progressive

Due to the fact, that more and more people use a smartphone (in 2018 2.53 billion) and are used to the convenience of being mobile all the time, the expectations  are rising simultatnoiusly. Users are expecting a comfortable, intuitive and fast experience. Speed is a crucial part which is becoming more and more important.

GoogleÂŽ is very restricive when it comes to page peed and even penalises slow websites. Visitors of a website, expect a site to load in less than one second.

On the other hand, there is a new phenomenon called “app fatigue”. People are instaling and using  less native apps (the ones from Google PlayÂŽ and Apple’s App StoreÂŽ), because apps use precious space on smartphones, run in the background without telling you (yes I know, I have to agree and allow the app to do so, But that’s like reading the Terms of Service in a contract. We hardly read them). The only apps which a used regularly, are the Social Media ones. 

But times are changing…

Websites, which are called web apps nowadays, are more and more able to adapt the features of native apps. This is quite convenient, because a website doesn’t have to be installed and therefore they don’t use much memory space. They don’t use the functions of your smartphone or need any other allowance, as we all now when we’re installing native apps.

They only files, which are saved, are the pages a user has visited. By doing so, the user can interact with the site when there is no internet connection. A user can fill out a contact form and the data, provided by the user, will be saved locally. The moment, the device is connected with the internet, the data will be sent to the receiver.

Another possitve feature of PWAs is the fact, that they only run under https:// instead of the common http:// (the S stands for secure). One needs an SSL certificate to run a PWA. This ensures a higher level of security for the visitors. For those, who are not familiar with https:// and SSL certificates, here is a good and simple explanation. Read the post about SSL

Considered this by companies, which operate an online shop, this is a very convenient feature. Consumers are able to buy goods without internet connection. The PWA will save the shopping basket and the payment details local and will proceed the process, as soon as the customer is online again.

It has beeen proven, that internet users are quite fond of PWAs. Large ecommerce platforms had a huge increase of sales after converting their platform into PWAs.

Alibaba, the world’s largest B2B marketplace, serves suppliers and buyers in more than 200 countries. With this global customer base, they needed the most compelling bridge between the users of their native app and the mobile web.

They wanted to deliver a great user experience for both first-time visitors (who often come through the mobile web) and repeat visitors (who often use the native app). Building a great mobile experience for both types of users is an indispensable part of Alibaba.com’s success.

Alibaba’s PWA strategy brought about a 76% increase in total conversions across browsers, along with 14% more monthly active users on iOS and 30% more on Android. The “Add To Homescreen” prompt lead to users re-engaging four times more often than other mobile users.

Source: business2community.com

Here some more examples of well-known companies, which have decided to use a PWA.

Alibaba

 

Alibaba’s Progressive Web App has 14% more users on iOS and has increased its iOS conversion by 76%. Under Android, more than twice as many users (30%) are noted.

To the PWA

If  you want to see the app on your smartphone, scan the following QR code

 

BMW

 

 

The PWA from BMW favors that BMW’s new website loads 300 times faster than websites of comparable competitors.

In addition, the PWA disseminates content that goes beyond the automotive industry and nevertheless perfectly fits into the BMW brand.

To the PWA

 If  you want to see the app on your smartphone, scan the following QR code.

 

Financial Times

The Progressive Web App by Financial Times enables fast loading and toggling of articles as they are initially loaded and stored locally – even in offline mode.

To the PWA 

 If  you want to see the app on your smartphone, scan the following QR code.

LancĂ´me

Here you can see a short demo about how a PWA asks if the visitor wants to add the PWA on the homescreen and how the app installs on the smartphone.

LancĂ´me’s PWA has reduced visitors’ bounce rate by 15% and reduced the total load time of each page by 84%. The number of iOS mobile sessions on the LancĂ´me website increased by 53% and the conversion rate by 17%.

To the PWA

Here’s a short demonstration video of one of my former websites, which shows how a PWA can be added to the home screen and installed on the smartphone. The laguage setting of my smartphone is set t German.  I appologize to anyone, who doesn’t speak or reads German. 

I’ll explain what’s happening. When calling the site in the browser and after the site has laoded, there will be an alert on which a request is shown, to add the website to the home screen. After confirming, there will be a notification which tells that the app is added to the home screen. After the site is added, the message will change in a confirmation, that the site has been added.

When clicking the touch icon on the home screen, the app will open (this is the installed version and not the site opened in the browser!). I hope, this will make the video more clear for you 😉

At the end, I show the app list on my phone and the entry which is my PWA (https://robvanlinda.de).

If  you want to see the app on your smartphone, scan the following QR code.

 

Here’s a short demonstration video of one of my former websites, which shows how a PWA can be added to the home screen and installed on the smartphone. The laguage  of my smartphone is set to German.  I appologize to anyone, who doesn’t speak or reads German. 

Here I quickly  explain what’s happening:

When visiting the site in the browser and after the site has loaded, there will be an alert on which the request, to add the website to the home screen, is shown. After confirming, there will be a notification which tells that the app is added to the home screen. After the site is added, the message will change in a confirmation, that the site has been added.

When clicking the touch icon on the home screen, the progressive web app will open (this is the installed version and not the site in the browser). At the end, I show the app list on my phone and the entry which is my PWA (https://robvanlinda.de).

I hope, this will make the video better understandable for you.

Please activate JavaScriptto be able to see the Video.
https://youtu.be/00waC3Y8yWI

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *

I confirm