Progressive web app VS application native

Le choix entre une progressive web app (PWA) et une application native dépend de votre stratégie, des spécificités de votre projet et également de votre budget. Il faut savoir que pour le moment les applications natives sont les plus utilisées mais elles pourraient se faire détrôner par les applications web progressives.

Qu'est-ce qu'une application native ?

Une application native est une application développée spécifiquement pour un système d’exploitation utilisé sur un terminal portable (smartphones ou tablettes) et qui ne peut pas être utilisée sur PC. Les systèmes d’exploitation sont nombreux sur le marché mais deux dominent plus particulièrement, Android développé par Google (80 % du marché Français) et IOS développé par Apple (un peu moins de 20 %). Pour pouvoir être utilisées les applications doivent tout d’abord être téléchargées depuis une boutique d’applications. Ces boutiques, ou stores en anglais, regroupent des centaines de milliers d’applications gratuites ou payantes classées par catégories. Elles ont pour but de contrôler la nature et le contenu des applications ce qui permet de sécuriser davantage les données des utilisateurs et elles prélèvent une partie du prix de vente lorsqu’elles sont payantes. Les plus connues sont : Android Market, App Store, BlackBerry App Word, Marketplace, etc.

En fonction du système d’exploitation sur lequel sera proposée l’application, le langage de codage est différent. En effet, les applications pour Iphone sont codées avec le langage Objective-C, celles pour Android et Blackberry en Java, pour Windows Phone en C# ou VB.NET et enfin pour Bada en C++. Si vous souhaitez proposer votre application dans plusieurs stores il faudra la développer dans plusieurs langages ce qui prendra donc du temps et fera augmenter le tarif.

Concernant le contenu, les applications natives disposent d’une bonne expérience utilisateur car elles sont rapides, réactives et avec une bonne résolution. De plus, elles ont accès à toutes les fonctionnalités du téléphone (caméra, micro, photos, etc), peuvent envoyer des notifications push et peuvent parfois être utilisées sans connexion internet. En revanche, les mises à jour de ce type d’application ne sont pas automatiques, l’utilisateur doit mettre à jour lui-même son application directement dans la boutique où il l’a téléchargée.

Enfin, le développement d’une application native sera plus adapté pour des projets complexes (3D, jeux, réalité augmentée, etc).

Ce type d’application est très répandu et il en existe des millions proposant des expériences utilisateurs uniques. Les réseaux sociaux (Instagram, Facebook, etc), les jeux (Subway Surfer, Candy Crush, etc) sont des applications natives très utilisées.

Qu'est-ce qu'une Progressive Web Application (PWA) ?

Une progressive web app (PWA), appelée en français, application web progressive, est une version optimisée d’un site mobile intégrant des fonctionnalités d’applications natives (normalement indisponibles sur un navigateur). Elle combine les fonctionnalités offertes par la plupart des navigateurs avec les avantages de l’expérience offerte par les appareils mobiles. En effet, une PWA se consulte comme un site web classique, depuis une URL et grâce à un navigateur mais permet une expérience utilisateur similaire à celle d’une application mobile. En effet, les smartphones sont deux fois plus utilisés que les PC pour naviguer sur le web, il est donc important d’en tenir compte et c’est ce que font les PWA dans une démarche Mobil First afin d’améliorer l’expérience utilisateur sur mobile. Ces applications sont donc développées avec un design responsive, c’est-à-dire que le contenu du site va s’adapter automatiquement en fonction de la taille et de la résolution d’écran de l’utilisateur ce qui a permis à de nombreux sites d’augmenter leur visibilité.

L’expérience utilisateur est également nettement améliorée car le temps de chargement est considérablement réduit, une utilisation est possible sans connexion internet ou avec une faible connexion et aucune installation de l’application n’est à prévoir. En effet, l’accès à l’application se fait très rapidement, l’utilisateur n’a pas besoin d’attendre qu’elle se télécharge sur son appareil et n’a pas besoin d’une grande capacité de stockage. Il est aussi possible de créer un raccourci du site ou de l’application directement sur l’écran d’accueil, de recevoir des notifications push, d’accéder aux fonctionnalités du téléphone (caméra, géolocalisation, photos, etc).

Concernant la sécurité, une PWA assure une sécurisation des données grâce au protocole HTTPS ce qui est donc rassurant pour l’entreprise et ces clients. De plus, ces mises à jour se font automatiquement et se mettent en place à chaque chargement de la page.

Les PWA sont idéales pour les entreprises souhaitant une interface mobile claire, rapide et interactive à moindre frais, d’autant plus quelles disposent d’une URL ce qui leur permet d’optimiser leur SEO pour les moteurs de recherche et de ne pas payer pour leur référencement contrairement aux boutiques d’applications.

Exemples d'applications web progressives :

2048 : Le jeu incontournable a tout d’abord vu le jour en tant qu’application gratuite sur Android et IOS et est maintenant disponible sur le site 2048game.com pour que les joueurs puissent y accéder directement depuis n’importe quel navigateur web. Le jeu est entièrement jouable en mode hors ligne.
Twitter Lite, la PWA de Twitter : Cette alternative aux applications sous IOS et Android pèse moins d’1Mo de stockage, se charge 30 % plus rapidement que Twitter et consomme 70 % de data en moins. Cette PWA a été pensée pour les pays émergents et pour les zones dépourvues d’une bonne connexion. En effet, l’application est disponible même en mode hors connexion.
La PWA de Pinterest : La PWA réduit le ‘time to interactive’ de 75 % passant de 23 à 5,6 secondes. De plus, toutes les statistiques sont à la hausse concernant le temps passé par les utilisateurs dans l’application(+ 40 %), les revenus publicitaires (+ 44 %) et l’engagement de base (+ 60 %).
PWA d’Uber : Cette application web progressive est faite pour les utilisateurs ayant une mauvaise connexion internet ou un appareil bas de gamme qui ne permettrait pas une bonne utilisation de l’application native ou sur lequel l’application ne pourrait tout simplement pas être installée. En effet, l’app se charge en 3 secondes sur les réseaux 2G.

Quelles sont les principales différences entre les deux ?

Le type de développement : Une application native est développée en fonction du système d’exploitation sur lequel elle sera hébergée alors qu’une PWA s’adapte à tous les systèmes d’exploitation puisqu’elle est accessible depuis un navigateur. De plus, le développement d’une PWA est moins contraignant car il n’y a pas de procédures d’installation à respecter que les stores peuvent mettre en place.
Le coût : Étant donné qu’une application mobile prendra plus de temps à être développée, pour être présente dans plusieurs systèmes d’exploitation, elle aura de fait un coût plus élevé qu’une application web progressive.
L’hébergeur : L’application native est proposée dans la boutique d’applications du système d’exploitation tandis que la PWA est disponible avec une URL depuis un navigateur.
Le référencement : Une PWA peut optimiser son SEO comme un site web alors qu’une application native devra automatiquement payer pour pouvoir être bien référencée dans le catalogue.
L’installation : Une PWA ne nécessite aucune installation alors que l’application native s’installe depuis le store.
Le stockage : L’application téléchargée depuis la boutique prend une place plus ou moins importante dans la mémoire de stockage de l’appareil en fonction de son type alors qu’une PWA ne prend pas de place ou très peu.
L’utilisation : Les deux types d’application peuvent s’utiliser en mode hors connexion et la PWA est adaptée pour les utilisateurs ayant une mauvaise connexion internet. Les fonctionnalités proposées dans les deux cas sont approximativement les mêmes avec une expérience utilisateur légèrement plus poussée encore pour les applications natives.
La sécurité : Grâce au protocole HTTPS les PWA ont les mêmes niveaux de sécurité que les applications natives, la protection des données personnelles et des informations de paiement est donc garantie dans les deux cas.
Les mises à jour : La PWA met à jour son contenu automatiquement sans que l’utilisateur n’ait à intervenir. En revanche, l’utilisateur devra faire les mises à jour lui-même pour les applications natives depuis le store dans lequel il aura téléchargé son application.