Progressive Web App, native ou hybrid: quelles différences et quelles technologies choisir?

Lorsqu'une marque décide de se lancer dans un projet de développement d'application mobile, le panel de typologie est très large. Entre les applications mobiles natives, hybrides et les PWA il n'est pas forcément évident de prime abord à savoir vers laquelle se diriger.

Pour vous aider à comprendre les différences entre les types d’applications, nous vous avons dressé un portrait des trois technologies concernées.

La Progressive Web App

Pourquoi trois mots pour une même expérience ?

Le site mobile ou progressive web app est un site développé uniquement pour être adapté aux navigateurs mobiles. Par exemple si vous recherchez “C-discount” sur Google depuis votre mobile et que vous cliquez sur le résultat de votre recherche vous serez alors redirigé sur le site mobile de la marque.

Il ne faut pas confondre une PWA avec un site web responsive. Ce dernier est un site classique qui a été développé de manière à adapter automatiquement l'affichage de l'écran en fonction de son device (mobile, tablette, ordinateur). Contrairement au site mobile, que vous soyez sur une tablette, un mobile ou un ordinateur, vous verrez le même site, seulement les contenus seront déplacés afin de correspondre au confort de lecture de l’appareil.

L’une des manières de détecter qu’un site est responsive est de réduire la fenêtre de votre navigateur pour constater les changements en fonction de la réduction. Vous pouvez faire l’essai avec notre site !

Que ce soit un site mobile ou un site responsive les technologies de développement utilisées sont principalement HTML5/CSS et Javascript.

Ce que vous ne pourrez pas avoir avec ce type d’application :

• Certaines fonctionnalités qui interagissent avec les technologies du téléphone (ex. les notifications quand votre application est fermé, la connexion avec des appareils bluetooth)

• Des services embarqués qui fonctionnent sans internet

• Des outils de monétisation comme in-app purchase ou in-app billing

• La facilité d’accès : une fois l’url de la Progressive Web App trouvée, il faut l’ajouter en icône sur le bureau pour pouvoir y revenir facilement sans repasser par le moteur de recherche.

Quelles sont les pratiques d’utilisation?

Si vous débutez dans l’univers du mobile vous vous orienterez généralement vers ces développements qui vous permettront de proposer une première expérience mobile à vos utilisateurs et d’être visible sur toute les plateformes du marché (des nouvelles tablettes et smartphones jusqu’aux plus anciens ou moins connus)

Si vous avez développé une application native ou hybride (voir explication suivante) sur iPhone et Android vous pourrez faire développer un site mobile ou un site responsive pour permettre aux utilisateurs qui ne sont pas présents sur les appareils iPhone et Android d’accéder à votre service.

Le plus de cette approche est que vous pouvez vous servir de votre site mobile sur les appareils iPhone et Android pour faire du recrutement de téléchargement sur vos apps natives.

Les applications natives

Les applications natives, appelées aussi “apps” sont des logiciels spécifiquement développés dans les technologies propres des appareils mobiles qui sont téléchargeables depuis l'App Store et le Play Store (respectivement iOS et Android).

Chaque OS a son propre langage de développement pour déployer une application native. Swift pour iOS et Kotlin pour Android sont donc les langages à maîtriser. Le développement en natif d'une application devra respecter les guidelines en matière de conception design des OS.

Les technologies natives apportent le plus haut niveau de performance, de stabilité pour l'application tout en offrant les fonctionnalités les plus poussées ou pour intégrer des SDK externes (comme pour de la publicité).

Elles permettent d’intégrer des fonctionnalités liées au système d’exploitation visé comme la position géographique, l’appareil photo, la synchronisation avec le calendrier personnel, etc.

Les points forts de ces applications

Vous pouvez presque tout faire dans l’univers du mobile avec ces technologies.

• Elles offrent la possibilité de développer des fonctionnalités poussées & innovantes et d’adapter les ergonomies en fonction des pratiques des constructeurs.

• Elles sont idéales si vous souhaitez mettre en place une stratégie mobile rentable qui génère des revenus par la publicité, des biens virtuels ou un système de fidélisation.

• Elles permettent de proposer une expérience entièrement off-line pour répondre aux exigences des utilisateurs en situation de mobilité en France comme à l’étranger.

• Elles offrent la possibilité de créer des extensions comme des widgets, des compatibilités avec les montres connectées.

Les limites de ces applications

Les technologies différentes pour chaque constructeur nécessitent de développer les applications pour chaque plateforme, ce qui est très coûteux pour les entreprises. Par exemple si une application iPhone prend 20 jours à développer, alors pour développer l’application sur iPhone et Android il faudra 40 jours.

Les applications hybrides

Les applications hybrides vous permettent de bénéficier des avantages des applications natives sans développer l’intégralité du produit dans le langage de chaque OS, Android et iOS. En ne développant qu'une seule base de code commun qui est ensuite compilé en langage natif, vous gagnez du temps et donc du budget sur votre projet de développement d'application mobile.

Les deux véritables intérêts sont qu’elles vous permettent d’une part de diminuer les coûts d’équipement en ne faisant qu’un seul développement (s’il faut 20 jours pour développer l’application, alors il vous faudra 20 jours pour l'ensemble des plateformes au lieu de 40 pour avoir Android et iOS), et d’autre part d’être visible sur le store des mobiles. Les technologies les plus connues pour le développement hybride sont React Native et Flutter.

Ce que vous ne pourrez pas avoir avec ce type d’application

• Une utilisation poussée de l’off-line. Globalement les technologies hybrides se sont légèrement améliorées depuis deux-trois ans et permettent un cache minimum mais limité pour des applications complexes et connectées. Aujourd’hui des applications m-commerce ou avec de fortes fonctionnalités ne pourraient pas intégrer de stratégie off-line avec ce type d’application.
• Une ergonomie unique. Aujourd’hui quand vous développez une application hybride, vous développez une interface unique pour l’ensemble des plateformes.
• Une maintenabilité efficiente. Les plateformes mobiles changent tous les 6 mois et la maintenabilité des applications hybrides est plus energivore car l’évolution des trois plateformes se fait sur le même code.

Quelles sont les pratiques d’utilisations?

Vu les limites de ces technologies et l’expérience utilisateur proposé, les applications hybrides sont généralement utilisées dans les cas suivants :

• Application jetable ou événementielle qu’il faut développer à bas coût et qui ne sera pas maintenue.

• Application crash test pour démontrer un concept et qui sera re-développé en natif dans un second temps.

• Application interne qui fonctionnera uniquement en wifi et qui permettra donc une utilisation plus optimale.

COMMENT CHOISIR ?

Choisir sa technologie dépend du positionnement de votre offre mobile et de ce que vous souhaitez apporter à vos utilisateurs. Il vous faut d’abord déterminer l’objectif principal de votre produit afin de savoir rapidement quelle technologie vous devrez adopter.

• Est-ce que mon application est simple ou demande un niveau de compléxité aiguë ?
• Sur quelles plateformes de développement doit-elle être disponible ?
• A-t-elle besoin des fonctionnalités de mon téléphone (gps, appareil photo, calendrier,etc...) ?
• Répond-elle à des critères responsive design et ergonomie ?
• Peut-elle être disponible hors connexion internet ?

Pour vous aider à choisir la technologie qui vous convient, nous avons préparé un tableau éclaireur sur les questions basiques et récurrentes que vous pouvez vous poser aux prémices du produit mobile.

Notre agence en développement d'application mobile Beapp vous accompagne dans le choix adapté à vos enjeux !