Dix exemples étonnants d'applications Web progressives (PWA)
Cet article présentera dix types différents de cas d'applications Web progressives (PWA), qui utilisent intelligemment la technologie Web pour offrir une expérience utilisateur comparable aux applications natives.
Redmenta est une plateforme basée sur l'IA qui aide les enseignants et les étudiants à créer des parcours d'apprentissage personnalisés à partir de cours existants. Le logiciel génère des activités d'apprentissage pour les étudiants et permet aux enseignants de suivre les progrès des étudiants. En tant que Progressive Web App (PWA), Redmenta peut être installée directement depuis le navigateur sur n'importe quel appareil, sans avoir besoin de télécharger une application App Store.
Redmenta est l'exemple parfait d'une application moderne : construite avec React, alimentée par l'IA, magnifiquement conçue, adaptée aux mobiles et distribuée sur le Web ouvert.
Fodmapedia est spécialement conçu pour les personnes atteintes du syndrome du côlon irritable afin de les aider à gérer leurs symptômes grâce à un régime pauvre en FODMAP. Cet exemple sans code de PWA développé avec Bubble aide les utilisateurs à identifier les aliments qui répondent à leurs besoins alimentaires. Puisqu’il s’agit d’un outil à usage quotidien, le site Web peut être installé sous forme d’application directement depuis la page d’accueil.
Cliquez sur "Installer" et vous serez guidé étape par étape pour ajouter la PWA à votre écran d'accueil. Les instructions s'adaptent intelligemment à votre appareil spécifique. Grâce à la technologie Web moderne, les PWA peuvent désormais être installées presque n'importe où.
Pour les utilisateurs qui ont peut-être manqué l'invite initiale, Fodmapedia fournit un lien d'installation pratique dans l'en-tête. Ce lien vous mènera à une page d'installation dédiée avec des captures d'écran de l'application, des détails et même des critiques.
Fodmapedia est un excellent exemple de PWA qui montre comment résoudre un problème clair et tangible pour vos utilisateurs et le distribuer en dehors de l'App Store sans nécessiter de code.
Bingo em Casa est une application brésilienne de paris sportifs et de casino qui a choisi d'utiliser une PWA au lieu d'une application native – un choix clair étant donné que son application appartient à une catégorie interdite sur Google Play et l'App Store.
En fait, les PWA sont la solution idéale pour les applications dans des secteurs sensibles tels que les jeux d’argent, le contenu pour adultes, les cryptomonnaies, le cannabis et la santé. Avec une PWA, vous avez un contrôle total sur la distribution tout en garantissant que votre application est idéalement située sur les écrans d'accueil des utilisateurs sans qu'ils aient besoin de télécharger un fichier exécutable suspect.
Bingo em Casa encourage les utilisateurs à installer sa PWA directement depuis la page de connexion. L'installation est instantanée et vous serez invité à activer les notifications push une fois l'application lancée depuis votre écran d'accueil. Ce flux fonctionne particulièrement bien : sur iOS (à partir de la version 16.4), les notifications push ne sont disponibles que dans les PWA installées.
Contrairement aux sites Web intrusifs qui affichent des invites de notification immédiatement après le lancement, Bingo em Casa attend intelligemment que vous démontriez un engagement significatif avec l'application avant de vous inviter gracieusement à accepter les notifications. Bien joué!
Nekodex est une application de portefeuille de crypto-monnaie. Comme l’exemple PWA précédent, il exploite les formats Web pour contourner les restrictions de l’App Store tout en offrant une expérience utilisateur transparente.
Avec ses belles animations et son interface soignée, cette application Web est presque impossible à distinguer de son homologue native une fois installée. Certains développeurs estiment que les PWA ne sont pas aussi attrayantes ou fonctionnelles que les applications natives. Nekodex prouve le contraire, montrant que les PWA peuvent être très élégantes.
Leur méthode d'installation multi-appareils est également intelligente. Cliquez sur « Lancer l'application » dans le coin supérieur droit de son site Web pour afficher un code. Scannez le code avec votre téléphone et vous serez invité à installer l'application. Tellement intelligent !
Run247 est une communauté mondiale pour les passionnés de trail et d'ultra running, proposant des actualités, des événements et des conseils d'experts. Comme son application sœur Tri247, elle a également choisi le format PWA pour sa distribution.
Contrairement aux PWA mentionnées précédemment qui sont principalement destinées aux appareils mobiles, Run247 fonctionne aussi bien avec les utilisateurs de bureau que mobiles. Une touche particulièrement intéressante est le bouton « Ajouter une application » dans le coin supérieur gauche du site. En un seul clic, l'application est instantanément installée sur votre ordinateur ou votre téléphone, garantissant un accès facile sur tous les appareils.
L'installation de PWA ne se limite pas aux appareils mobiles : elle fonctionne également sur macOS (via Safari, Chrome, Brave ou Edge), Windows (avec Chrome, Brave ou Edge) et même ChromeOS !
Cet exemple de PWA gère la logique d'installation de manière très approfondie. Par exemple, voici ce qui se passe lors de l'utilisation d'une poignée de navigateurs incompatibles avec les installations PWA (principalement Firefox pour ordinateur, en fait).
Fou d'la Bouffe est un service de livraison de nourriture opérant au Québec et en Ontario, où le français et l'anglais sont parlés quotidiennement. Pour répondre à ce public bilingue, l'application est disponible en français et en anglais. Une fois la page chargée, l'application détecte la langue de l'utilisateur et lui demande d'installer la PWA en conséquence :
Pour les services de livraison de nourriture, il est crucial d’être présent sur les écrans d’accueil de vos clients. Avec des fonctionnalités avancées telles que la géolocalisation et les notifications push, cet exemple de PWA montre parfaitement ce que le Web peut faire.
Music League est un jeu de découverte musicale multiplateforme. Comme de nombreuses applications natives, sa page de destination fournit un bref aperçu de l'application ainsi que des options d'installation. Cependant, contrairement à la plupart des applications natives, Music League offre une flexibilité exceptionnelle :
Aucune installation forcée - vous pouvez jouer au jeu directement dans votre navigateur, ou choisir de l'installer sur votre téléphone si vous préférez. C'est un excellent exemple d'utilisation efficace du format PWA. En supprimant les difficultés liées à la navigation dans les magasins d’applications traditionnels, les développeurs de Music League ont accru l’adoption de leur application.
Sky Freebies est une plateforme de bonnes affaires qui vous aide à découvrir des produits et des échantillons gratuits auprès d'une variété de détaillants.
Mais comme vous pouvez l’imaginer, les cadeaux ne durent pas éternellement ! C'est pourquoi les utilisateurs doivent consulter régulièrement le site Web pour connaître les dernières offres. Pour rendre cela encore plus facile, ils ont ajouté un widget d'installation pratique qui est toujours disponible pendant que vous naviguez sur le site :
Une fois l'application installée et lancée, vous verrez le contenu lui-même. Sky Freebies détecte le mode d'affichage et ajuste l'expérience utilisateur en conséquence. L'ensemble de l'expérience est un parcours fluide et transparent, de l'accès à la page d'accueil au lancement d'applications directement depuis l'écran d'accueil.
Sky Freebies fait également bon usage des notifications push pour vous alerter dès que de nouvelles offres sont ajoutées à l'application. Bien entendu, ces notifications sont entièrement volontaires.
Fait intéressant, même si l'application est entièrement disponible sur le Web, elle peut également être téléchargée sur Google Play ou le Windows Store. Alors qu'Apple restreint les PWA, Google et Microsoft sont plus ouverts aux applications Web. Par conséquent, choisir le format PWA ne signifie pas abandonner les utilisateurs habitués aux magasins d’applications traditionnels.
PWA est le format idéal pour les guides locaux, et The Bedford Guide en est un parfait exemple. Il vous aide à explorer les meilleurs restaurants, bars, attractions et autres points chauds de Bedford, au Royaume-Uni.
Vous envisagez de visiter Bedford ? Installez simplement le site Web sur votre appareil et accédez-y facilement quand vous en avez besoin.
Le Guide Bedford est développé à l'aide de WordPress et s'ouvre avec un magnifique écran de démarrage, tout comme une application native !
Commandez-vous régulièrement des articles dans certaines boutiques en ligne ? Pourquoi ne pas les ajouter à l'écran d'accueil de votre téléphone pour un accès facile ? HobbyHop est une boutique d'artisanat propulsée par Shopify, et c'est aussi une PWA !
Shopify est l'une des plateformes les plus simples pour vendre des produits en ligne, et grâce au Shopify App Store, transformer votre boutique en PWA avec des installations et des notifications push en un seul clic.
HobbyHop renvoie à sa propre page d'installation depuis le pied de page de sa page d'accueil. C’est un moyen simple de promouvoir les installations sans perturber le parcours de l’utilisateur au sein de l’application.
Enfin, je dois mentionner Photopea, qui, à mon avis, est l'un des meilleurs logiciels jamais créés sur le Web. En bref, il s'agit d'une alternative gratuite à Photoshop entièrement développée à l'aide de technologies Web telles que HTML, CSS et JavaScript.
Comme les autres exemples, vous pouvez l'installer en tant que PWA sur votre appareil. Je l'ai dans le Dock de mon Mac et je l'utilise presque tous les jours. Cela fonctionne si bien que je ne peux pas dire que ce n'est pas une application native.
Ce qui est vraiment étonnant avec Photopea, cependant, c'est ce qu'il fait réellement. Permettre aux concepteurs de gérer des tâches aussi complexes directement sur le Web est un coup de génie.
Sceptique quant au potentiel des PWA ? Essayez Photopea, cela pourrait vous faire changer d'avis.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
La différence entre vscode et vs
Comment représenter des nombres négatifs en binaire
commande de démarrage mongodb
Comment configurer phpstudy
A quoi sert le dossier itinérant ?
Solution à la mémoire insuffisante du serveur hôte cloud
Quels sont les logiciels bureautiques
L'inscription Bitcoin va-t-elle disparaître ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
