14
.
11
.
2023
23
.
11
.
2018
Ruby on Rails
Business
Backend
Frontend

Hot topic: Progressive Web Apps instead of native mobile apps

Michał Krochecki
Chief Operations Officer

“There’s an app for that” - you heard it a million times. And the best thing about it is that it’s true. Since the rapid growth of the mobile market after the first iPhones and Android phones were introduced on the market, we’ve got so used to using mobile apps, that we don’t even notice how they evolve.

For the companies mobile apps are important so they can reach a different client niche, therefore often we are asked for that kind of service. That’s why we became interested and researched the topic of Progressive Web Apps before they became a hot topic, in order to be able to deliver such a solution to our clients. Now we are fully capable and can deliver even complex PWAs.

In 2007, way before PWA was even named like that, Steve Jobs said:

graphic by Visuality

In the software development world, these capabilities were well known, however, due to the spectacular success of the AppStore and Google Play (formerly Android Market), PWA’s needed to wait for a couple of years to emerge again.

from Enigma Recovery

Apps are getting bigger and bigger, but the average built-in storage that people have is still little above 32 GB. We take a lot of photos, download our favorite Netflix shows to watch them on the go, download Spotify tracks so we can listen to them when commuting. Each one of us had a problem with lack of space for a new app. In some less developed countries where internet connection is slower and people have low-end phones, space and performance consuming apps became a major pain point.

There is a solution and it’s called a Progressive Web App.

What is a PWA?

from SD times

In short words, a PWA is a web application that looks and feels like a native app. It can get hardware access, send push notifications, work even offline or with a low-speed Internet connection

What user does to use the app depends on the approach the provider of the app chooses:

  • Ask the users to use a mobile device, visit a web app and save it to the main screen. Next time they need to use it, they just click the icon on the home screen and voila! Users will use a fully capable app that uses a built-in engine (Safari or Chrome).

  • Developers can wrap the application up using a solution like Cordova and place it in the AppStore or Google Play so the users can download it and install like a native app. Again, the app uses the phones built-in engine, but the shortcut is automatically placed on the home screen.

In both cases, users need to grant access to push notifications or geolocation but it’s the same with native apps.

You probably ask yourself now why is that any better than a standard native app. Check the most important facts about PWA.

Cost-effectiveness.

When building a web application you can make it in PWA standard from the beginning. That way you will have a web and mobile app at the same time and save money and time spent on the development. And remeber, PWA = mobile app for Android, iOS and Windows Phone!

Easy distribution

As the web is the carrier, you don’t have to have separate admin panels or CMS systems for web and mobile. You just use one. When uploading new content it’s available in the apps immediately.

Quick updates

With PWA updates are immediate and users don’t have to download the app again. Less friction, less data consumed, quicker bug fixing. It sounds good, doesn’t it?

More space, better performance

PWA’s consume less space and usually don’t require high-end spec phones to work fast. As there are no downloadable updates required, people who have small data plans will certainly appreciate it. India’s main online store FlipCart launched FlipCart light so it’s easy on the storage, data traffic and performance on the low-end phones. Their PWA uses 3x less data!

PWA’s can cache files locally or even work offline! Repeated visits improve loading times.

iOS or Android?

It doesn’t matter because web apps work on both platforms without major adjustments.

Full engagement

Thanks to push notifications, your clients will receive all the messages and updates they need to see.

Safety first

In app stores there are tons of fake applications that look like the original ones but are used for phishing. PWA makes this problem disappear.

Drawbacks

  • Problematic access to more complex hardware (sensors, bluetooth)

  • Support for different PWA features varries (iOS doesn’t support push notifications yet, but it will soon.)

  • Not all users would know how to add the shortcut to the main screen

  • On iOS requires a 11.3 version.

  • On a new device you need to do the whole process again (no backup)

What's next?

Google is the biggest promoter of PWAs and since 2015 they have been trying to convince developers around the world to explore the topic. The biggest milestone to come is full support of PWAs on iOS. After that, we might observe a giant spike in the popularity of this solution. Will 2019 be PWA's year? We hope that it will be unlike with Linux's year ;)

At Visuality we believe that it’s a great alternative for certain groups of clients.

If you are looking for a web application and a native app at the same time, want to go easy on the budget, you know the app won’t need to use complex hardware elements, and at the same time you want to offer a high-performance and reliable solution to your clients, PWA is for you.

Who is already using PWAs

Here you can find more examples of PWAs

https://appsco.pe/

If you’d like to learn more about PWA and check if your app could be built in such way write to me at m.krochecki@visuality.pl

Michał Krochecki
Chief Operations Officer

Check my Twitter

Check my Linkedin

Did you like it? 

Sign up To VIsuality newsletter

READ ALSO

Is Go Language the Right Choice for Your Next Project?

14
.
11
.
2023
Maciej Zdunek
Backend
Business

SXSW Tradeshow 2020: Get Your FREE Tickets and Meet Us

02
.
10
.
2024
Michał Krochecki
Ruby on Rails
Conferences
Frontend
Backend
Business

How to build effective website: simplicity & McDonald's

14
.
11
.
2023
Lukasz Jackiewicz
Ruby on Rails
Frontend
Design

Thermal Printer Protocols for Image and Text

14
.
11
.
2023
Burak Aybar
Backend
Tutorial
Software

WebUSB - Print Image and Text in Thermal Printers

14
.
11
.
2023
Burak Aybar
Backend
Tutorial
Software

What happened in Visuality in 2019

14
.
11
.
2023
Maciej Zdunek
Visuality
HR

Three strategies that work in board games and in real life

14
.
11
.
2023
Michał Łęcicki
Ruby on Rails

HR Wave - No Bullshit HR Conference 2019

14
.
11
.
2023
Alicja Gruszczyk
HR
Conferences

Lightning Talks in your company

14
.
11
.
2023
Jarosław Kowalewski
Ruby on Rails
Visuality

Stress in Project Management

02
.
10
.
2024
Wiktor De Witte
HR
Project Management

How to find good developers and keep them happy - Part 1

02
.
10
.
2024
Michał Krochecki
HR
Visuality

PKP Intercity - Redesign and case study of polish national carrier

14
.
11
.
2023
Katarzyna Szewc
Design
Business
Frontend

Let’s prepare for GITEX Dubai together!

14
.
11
.
2023
Michał Piórkowski
Conferences
Business

Ruby Quirks

14
.
11
.
2023
Jan Matusz
Ruby on Rails
Ruby

Visuality recognized as one of the Best Ruby on Rails Devs

14
.
11
.
2023
Maciej Zdunek
Ruby on Rails
Visuality
Business

Is the culture of the organization important?

14
.
11
.
2023
Alicja Gruszczyk
Conferences
Visuality

Between the devil and the deep blue sea

04
.
12
.
2023
Mateusz Wodyk
Project Management
Backend
HR

Let’s prototype!

14
.
11
.
2023
Michał Łęcicki
Ruby on Rails
Backend

5 marketing hacks which will make your life easier

14
.
11
.
2023
Maciej Zdunek
Marketing
Design