Découvrez les tenants et les aboutissants des applications Web progressives (PWA)

Ne vous y trompez pas - les applications Web progressives ne sont pas une nouvelle technologie folle dont vous ne pourrez pas avoir une conversation éclairée avec vos amis après avoir lu un article rapide.

Ce sont essentiellement des applications Web modernisées avec un nom fantaisiste (merci, Google Chrome).

Mais restez conscient des raisons pour lesquelles de nombreuses organisations décident qu'une PWA est mieux adaptée à leurs besoins. Non seulement il est moins cher de créer, de commercialiser et de maintenir une PWA par rapport à une application native, mais cela peut également être ce que les clients préfèrent.

Avez-vous demandé à vos clients s'ils souhaitent être redirigés vers l'App Store juste pour réserver leur prochaine réservation d'hôtel ou réserver une voiture de location ? C'est peut-être une conversation pour un autre jour...

Qu'est-ce qu'une application Web progressive ?

Avant de commencer à comprendre les cas d'utilisation pour créer une application Web progressive par rapport à une application native ou à une application Web traditionnelle, assurons-nous de couvrir les bases.

Avant tout, vous devez connaître les applications Web progressives, car elles sont la voie de l'avenir. Selon une enquête menée auprès de plus de 800 technologues auprès des lecteurs, réalisée par JAX Enter, 46 % des personnes interrogées ont déclaré croire que les PWA sont l'avenir, et non les applications natives ou hybrides.

Différence entre les applications Web progressives, les applications Web non progressives et les applications natives

Même les développeurs expérimentés ont tendance à confondre progressif avec non progressif ou non progressif avec applications natives. Pourtant, il existe des différences distinctes entre ces types d'applications.

La source

Les applications natives sont des applications construites dans un langage spécifique pour un appareil particulier (smartphone, tablette, etc.) et doivent être téléchargées à partir d'un magasin d'applications. Dans l'exemple ci-dessus, l'application MyPay de Dish est une application native car elle peut être téléchargée depuis l'App Store d'Apple et a été conçue pour les appareils iOS. Même si vous pouvez également télécharger l'application MyPay de Dish sur Google Play, Dish a en fait dû développer une deuxième application native pour que cela soit possible.

En devant concevoir et développer deux applications mobiles différentes pour leurs clients, vous pouvez commencer à voir un inconvénient majeur au développement d'applications natives.

Un type d'application plus économique ? Applications Web non progressives. La première forme d'applications Web, une application Web non progressive, est une application qui n'a pas besoin d'être téléchargée à partir d'un magasin d'applications. au contraire, il n'est accessible que via le Web.

Cela ressemble à une application, mais ce n'est en réalité qu'un site Web avec des fonctionnalités améliorées. Remarquez que l'exemple d'application Web non progressive dans l'image ci-dessus, Evolve Vacation Rentals, est sûr, réactif et élégant, mais il n'est pas considéré comme une PWA.

En fait, pour qu'une application Web soit considérée comme une application Web progressive, Google indique que les éléments suivants doivent être vrais pour l'application :

• Progressif . Il doit fonctionner sur tous les types de navigateurs, pas seulement sur IE ou Chrome.
• Réactif . L'application doit s'adapter à tous les téléphones, tablettes et gadgets technologiques modernes du futur.
• Indépendant . Il doit avoir la capacité de fonctionner hors ligne ou sur une connexion réseau à faible puissance.
• App-esque . L'application utilise la navigation et le style de l'application.
• Frais. Toujours à jour.
• Sûr. Servi aux utilisateurs via la sécurité de la couche de transport, ou plus communément appelé URL HTTPS.
• Découvrable. Trouvable à l'aide d'un moteur de recherche.
• Réenclenchable. Possibilité de réengager les utilisateurs de l'application via la plate-forme (c'est-à-dire les notifications push).
• Installable. Les utilisateurs peuvent installer l'application sur leur écran d'accueil via l'App Store pour permettre un accès facile et pratique.
• Liable. L'application peut être partagée avec d'autres personnes à l'aide d'une URL.

Fonctionnalités des applications Web progressives

Google a ses classifications pour ce qui fait d'une application Web une application Web progressive , mais vous vous demandez peut-être comment une personne pourrait déterminer si une application Web est progressive sans garder une liste de contrôle à portée de main ? Pour pouvoir le faire, passons en revue les principales fonctionnalités d'une PWA.

Contextes sécurisés (HTTPS)

Il est difficile d'appeler une application progressive si elle ne respecte pas les normes de sécurité des données les plus récentes et les plus strictes. Les contextes sécurisés sont une norme de sécurité qui offre un niveau de confiance aux utilisateurs de sites Web, suggérant que l'application Web qu'ils utilisent fournit du contenu de manière sécurisée.

Comme c'est la meilleure pratique pour tout site Web en 2020, une caractéristique clé des PWA est qu'elles sont cryptées TSL/SSL, garantissant des contextes sécurisés. Pour déterminer rapidement si une application Web est sécurisée, recherchez simplement un HTTPS dans l'url de la page.

Si vous utilisez une application Web qui n'a pas de connexion HTTPS, elle ne peut pas être considérée comme une PWA.

La source

Travailleurs des services

En termes techniques, un travailleur de service n'est pas la personne qui vous tend vos plats à emporter - mais restons sur cette analogie !

Disons que vous êtes dans un restaurant et que le courant est coupé. Si vous avez faim comme jamais, vous êtes coincé à manger de la salade ou de la soupe froide. Mais ce qu'un travailleur de service fait, c'est qu'il utilise le cache pour s'assurer que votre expérience ne souffre jamais. Ou plutôt, un travailleur de service s'assure que vous aurez toujours un repas chaud.

Du point de vue de l'expérience utilisateur PWA, cela signifie que si vous naviguez dans l'application et que vous perdez la connexion Internet, vous ne le remarquerez pas. Ou si vous êtes déjà allé à cette PWA auparavant, votre expérience se chargera extrêmement rapidement - comme si vous aviez commandé votre dîner à l'avance.

Comment est-ce possible? Avec un petit fichier JavaScript, c'est tout. Les travailleurs de service plus avancés peuvent même être connectés avec des API push, permettant aux PWA d'envoyer des notifications push aux utilisateurs pour les maintenir engagés.

Fichiers manifestes

Pour créer une expérience utilisateur plus personnalisée, les PWA tirent souvent parti des fichiers manifestes. En bref, un fichier manifeste est un fichier contenant des métadonnées pour un groupe de fichiers faisant partie d'une seule unité.

Essentiellement, les métafichiers sont souvent utilisés pour indiquer aux navigateurs Web comment une application PWA doit se comporter lorsqu'elle est ouverte sur un appareil particulier. En créant un fichier manifeste pour une PWA, un développeur peut définir une icône d'application par défaut ou une couleur d'écran de démarrage. Un développeur peut également s'assurer qu'une application s'ouvre dans une fenêtre de navigateur en plein écran pour créer une expérience plus "semblable à une application" sur un appareil particulier.

La source

Avantages des PWA

Bien sûr, tous les types d'applications présentent des avantages. Bart Deferme, directeur du développement de produits agiles chez Spire Digital, déclare :

"Différents types d'applications sont avantageux dans différents cas d'utilisation pour différentes organisations. Les applications natives sont idéales pour les organisations qui savent que leurs utilisateurs préféreraient une application native à une PWA ou à une application Web non progressive. Mais pour les entrepreneurs essayant d'obtenir une preuve de concept en lançant un MVP lean, une application web non progressive ou une PWA sont des voies plus économiques.

En gardant à l'esprit qu'il existe toujours des cas d'utilisation où différents types d'applications constituent la meilleure solution, voici les avantages généraux d'opter pour une application Web progressive plutôt qu'un autre type d'application :

Découvrable

Google reçoit 3,5 milliards de recherches par jour, ce qui en fait le plus grand moteur de recherche au monde. Il est prudent de dire que lorsque les gens ont un problème ou une question, ils demandent à Google. Cela représente une excellente opportunité pour les organisations qui déploient des PWA, car elles peuvent vivre sur le Web, en plus d'un magasin d'applications. Cela permet aux gens de trouver plus facilement une PWA par rapport à d'autres applications.

La découvrabilité de PWA est un grand avantage car elle permet aux utilisateurs de rechercher là où ils recherchent le plus, d'obtenir des réponses et d'effectuer des actions au même endroit. Avec un PWA, ils n'ont pas à sauter à travers les cerceaux du téléchargement d'une application entière et à regarder la roue de téléchargement d'une boutique d'applications rouler lentement jusqu'à '100%, téléchargement terminé'.

Installable

Si un utilisateur aime vraiment utiliser une PWA ou s'il l'utilise simplement souvent, il n'a pas besoin de la mettre en signet sur son ordinateur et ses navigateurs de téléphone mobile comme s'il s'agissait d'une application Web non progressive. Un simple voyage dans l'App Store et les utilisateurs permettent aux utilisateurs d'accéder à leurs PWA préférées dans le même laps de temps qu'ils le feraient pour votre application native typique.

Liable

Il est beaucoup plus facile de partager un lien vers votre application préférée avec un ami que de dire à votre ami "d'aller chercher cette application dans l'App Store". Les liens peuvent être partagés facilement par e-mail, DMS sur les réseaux sociaux, etc. La possibilité de liaison et la possibilité de découverte sont deux avantages PWA qui fonctionnent de manière synchronisée, ce qui réduit le temps nécessaire à un premier utilisateur pour accéder à une application et réduit également le temps. de temps qu'il faut à un super-utilisateur pour partager l'application avec des amis ou des utilisateurs potentiels.

Indépendant du réseau

Réseau shmetwork. Nous ne pourrons jamais avoir des bars pleins partout où nous allons dans le monde. Mais encore une fois, nous n'avons pas besoin de barres pleines pour exploiter une PWA, n'est-ce pas ?

Les applications Web progressives permettent aux utilisateurs de continuer à écouter leur musique préférée tout en traversant un tunnel et permettent aux travailleurs des télécommunications d'être avertis d'une panne de ligne électrique pendant une panne d'électricité à l'échelle de la ville. Sans avoir besoin d'une connexion réseau solide à tout moment, les PWA offrent une expérience utilisateur plus fiable pour tous les groupes d'utilisateurs.

Sensible

Vous avez toujours voulu jouer à Words with Friends tout en essayant d'avoir l'air intéressé lors d'un appel Zoom ? Si Words with Friends était une PWA au lieu d'une application native, vous pourriez (c'est une excellente idée au fait, quelqu'un s'il vous plaît faites en sorte que cela se produise). Les PWA permettent une expérience utilisateur transparente quel que soit le type d'appareil ou de navigateur. Cela signifie que vous n'avez pas besoin d'avoir toujours votre téléphone ou votre ordinateur portable à portée de main pour utiliser votre application native ou non progressive préférée.

Un autre avantage de la réactivité est qu'elle évite également aux organisations d'avoir à produire plusieurs applications pour plusieurs groupes d'utilisateurs. Vos utilisateurs d'ordinateurs portables et vos utilisateurs de téléphones portables peuvent tous être satisfaits du déploiement d'une seule application - une PWA. Cet avantage a tendance à être l'un des meilleurs arguments de vente d'une PWA, car il permet aux organisations d'économiser des seaux en dépenses informatiques et marketing.

Sûr

Surtout lorsqu'ils utilisent une application financière, de santé ou d'assurance, les utilisateurs veulent savoir que leurs données personnelles ne sont pas consultées par un mec aux Caïmans. Plus simplement : la sécurité renforce la confiance avec les utilisateurs. Les contextes sécurisés et les cryptages d'URL permettent aux PWA de rassurer à la fois vos utilisateurs et les robots de recherche Google.

Comme mentionné précédemment, il est recommandé d'utiliser un cryptage SSL sur toutes les URL de votre organisation - applications Web incluses. Si vous ne sécurisez pas votre application Web, Google a toujours déclaré que les performances de votre application Web dans les pages de résultats de recherche seraient affectées négativement.

La source

Conclusion

Pensez-y : le monde se dirige vers une réalité Blade Runner, où les humains seront bientôt connectés à des logiciels 24 heures sur 24 (si vous ne l'êtes pas déjà). Prendre une longueur d'avance sur la courbe technologique et obtenir le meilleur retour sur investissement signifie investir dans des logiciels ayant la plus grande valeur à long terme.

Les applications natives sont conçues pour des appareils spécifiques dans des langages spécifiques, ce qui rend l'expérience de l'application insensible et la base de code moins réutilisable. Le code des applications Web non progressives peut être réutilisé pour la création d'autres applications, mais les applications Web non progressives ne sont conçues que pour des navigateurs spécifiques. Ils ne peuvent pas non plus être téléchargés à partir d'un magasin d'applications.

Les PWA sont le type d'application le plus évolutif car elles sont :

• Découvrable via le Web ou l'App Store
• Réactif et prêt pour n'importe quel navigateur
• Indépendant de la connexion réseau
• Sûr et crypté
• Et plus

Maintenant que vous avez une meilleure compréhension d'une PWA, vous pouvez mieux examiner le cas d'utilisation de votre application et déterminer quel type d'application correspond aux besoins de votre organisation. Si vous ne l'avez pas déjà fait, discutez avec vos clients pour déterminer leurs souhaits et leurs besoins, puis sélectionnez une application à créer qui apportera la plus grande valeur à long terme à votre organisation.

Une PWA est-elle la bonne solution pour votre organisation ? Qui sait. Mais ce n'est jamais une mauvaise idée de mieux comprendre toutes vos options d'application.

Obtenez une compréhension plus approfondie des autres informations sur le développement d'applications sur le hub d'informations sur le développement d'applications de G2.