Reddit PWA : comment les principaux médias sociaux utilisent l'application Web

Publié: 2022-06-16

L'adoption de nouvelles technologies est un élément inévitable de l'innovation et de la croissance des entreprises en ligne. En règle générale, les grandes entreprises peuvent facilement découvrir les derniers gadgets, améliorer la satisfaction des clients et se démarquer de la concurrence. PWA sera la prochaine grande chose, adoptée par de nombreuses marques géantes comme Reddit PWA, Facebook PWA et Alibaba PWA.

Cela dit, PWA est considéré comme la nouvelle norme pour les sites Web modernes et un acteur prometteur pour remplacer les applications natives. Pourtant, il est incroyablement abordable pour les petites entreprises et les entreprises émergentes. Dans l'étude de cas d'aujourd'hui, nous allons plonger tête première dans Reddit PWA et voir comment ce site de médias sociaux populaire tire parti de PWA.

Contenu

Un aperçu de Reddit

logo reddit

Reddit a été fondé en 2005 par Steve Huffman et Alexis Ohanian de l'Université de Virginie. Son nom était une modification de la réponse "Je l'ai lu" lorsque d'autres veulent partager une histoire.

Il s'agit d'une plate-forme massive où les utilisateurs peuvent soumettre des messages sous différents types de contenu, à savoir des actualités sociales, des forums de discussion, du contenu Web ou un réseau rassemblé. Cela fait partie de ce qui rend Reddit populaire, étant la source accumulée de discussions sur les connaissances dans presque tous les domaines d'apprentissage.

En outre, Reddit permet aux gens de rester anonymes lorsqu'ils posent des questions, laissant ainsi la place à une expérience ouverte et passionnante pour parcourir toutes les informations dont leur cerveau a besoin.

Les messages Reddit sont déterminés par la communauté. Une publication ou un subreddit ne peut être déplacé vers le haut que si les utilisateurs le votent en fonction de la façon dont ils le considèrent comme utile. De cette manière, les spams ou les informations nuisibles et trompeuses peuvent être réduits.

Leurs principaux publics cibles sont les étudiants de premier cycle, les boursiers avertis sur Internet et les défenseurs des médias sociaux âgés de 18 à 29 ans. Ils se sont classés au 10e rang des réseaux sociaux les plus populaires aux États-Unis avec près de 48 millions d'utilisateurs actifs mensuels et plus de 430 millions d'utilisateurs actifs mensuels dans le monde.

Comment l'intégration de PWA aide les marques à améliorer leurs performances

Accélération de l'expérience utilisateur

De nombreuses marques viennent sur PWA pour augmenter la vitesse de chargement de leur application. Prenons le cas d'Uber PWA comme exemple. Sachant que leurs clients utilisent (la plupart du temps) Uber à la hâte, ils ont créé un Uber PWA minuscule mais puissant qui peut se charger en 3 secondes, même avec des connexions aussi lentes que la 2G.

Accélérer le parcours utilisateur réduira le taux de rebond et augmentera ainsi le taux de conversion potentiel. De nos jours, les gens considèrent souvent que les pages à chargement lent regardent un film ennuyeux qu'ils abandonneraient à tout moment.

Walmart a également estimé qu'avec une amélioration du temps de chargement d'une seule seconde, le taux de conversion avait déjà augmenté de 2 %.

Augmenter la valeur client

Non seulement PWA peut vous aider à améliorer le chargement de la première page, mais il crée également des transitions fluides et transparentes entre les pages et les éléments. En d'autres termes, l'expérience utilisateur sur site sera également agréable.

Pour les magasins de commerce électronique et les places de marché, plus les clients restent longtemps sur les pages, mieux cela implique qu'ils sont intéressés par les articles proposés. Dans le même temps, ceux qui ont tendance à acheter en gros trouvent le parcours d'achat facile et rapide.

PWA peut activer les notifications push à des moments cruciaux, renouant ainsi avec les utilisateurs fréquents pour l'engagement, générant plus de valeur pour les entreprises en ligne.

Flouter la distance en ligne – hors ligne

Avec la possibilité de travailler hors ligne, PWA permet aux utilisateurs de poursuivre leur voyage en ligne inachevé lors de leurs déplacements en parcourant leurs pages chargées.

Ils peuvent également apporter des modifications au contenu, et tout sera enregistré en arrière-plan pour la synchronisation la plus proche lorsque la connexion se réappliquera.

Tous les appareils agissent de la même manière

Les petites entreprises peuvent allouer des budgets pour d'autres investissements essentiels tout en réduisant les coûts d'intégration PWA.

Le fait de devoir créer une seule application rapide pour n'importe quel appareil peut maintenir des performances constantes sur toute la présence en ligne et maximiser le temps et les ressources pour attirer et acquérir des clients.

C'est ainsi que les entreprises en croissance peuvent augmenter efficacement leurs revenus.

Les défis de Reddit avant l'intégration de PWA

Reddit a toujours voulu une solution pour encourager ses utilisateurs à utiliser l'application, notamment via le bureau. Ils cherchaient un moyen de permettre à leurs utilisateurs de passer presque sans effort aux applications.

Les données montrent que l'un des principaux inconvénients de l'utilisation d'applications consomme trop de stockage. En revanche, une installation PWA nécessite moins de 1 Mo.

En outre, le processus de téléchargement de Reddit est considéré comme une perte de temps en raison de sa quantité volumineuse. Certains threads Reddit ont déclaré qu'il était surprenant de ne pas voir Reddit travailler sur PWA plus tôt et optimiser les fonctionnalités.

Les résultats de Reddit PWA

résultats de reddit pwa

À propos de la conception

Bien que PWA conserve le même aspect sur toutes les plates-formes, chaque navigateur le prend en charge différemment. Le menu à trois points simplifie l'installation ou la désinstallation de PWA à partir du Web avec Chrome plutôt qu'avec Microsoft Edge.

Les panneaux contextuels tels que "Installer l'application sur l'écran d'accueil" sont considérés comme conviviaux et indispensables pour encourager les visiteurs à utiliser des applications.

À propos de la fonction

  • La vitesse de chargement : efficace, rapide et fluide
  • La transition entre les pages et les éléments : des éléments transparents et réactifs, apparus instantanément
  • La facilité de navigation : mise en page de contenu déroulante typique avec effets de survol post-expansion, familier, intuitif et sans effort
  • Le niveau d'engagement avec chaque interaction : est globalement satisfaisant. La façon dont le logo Reddit s'affiche pour que le contenu en cours de chargement apparaisse plus tard donne l'impression que le site fonctionne plus rapidement

Comment créer une PWA comme Reddit ?

Conseils avec Reddit PWA

Assurez-vous de couvrir les exigences de base de PWA. Il doit démarrer rapidement mais aussi rester rapide tout au long du parcours utilisateur. Reddit PWA affiche une vitesse vertigineuse dès le premier chargement, et tout le contenu apparaît instantanément lorsque vous faites défiler, garantissant une expérience utilisateur réactive.

Exclusivement sur iOS, les fonctionnalités de réengagement telles que les messages contextuels et les notifications pour l'installation de PWA ne sont pas prises en charge par Apple.

Si vous souhaitez pratiquer le développement avancé pour une fonctionnalité optimale, sachez que les PWA sont construites sur la base des meilleures pratiques et des API Web modernes. Ceux-ci peuvent être appliqués pour travailler indépendamment ou en combinaison, en fonction de vos priorités commerciales et de vos demandes spécifiques.

Reddit PWA s'est d'abord concentré sur l'amélioration de la vitesse, tout le reste suit. C'est comme dire : "Hé, regardez à quel point notre application mobile est performante, imaginez ce que vous obtiendrez si vous téléchargez l'application." Notez qu'après le défilement des visiteurs, Reddit active les push-ups pour encourager les utilisateurs à passer à l'application.

Pour aligner l'aspect moderne de votre site Web et déverrouiller votre PWA à son plein potentiel, Google encourage à donner la priorité à la stratégie agile, qui consiste à lancer fonctionnalité par fonctionnalité et à voir si le combo fonctionne pour vous.

Ce point de vue vous permet de suivre pas à pas la réponse du marché. L'analyse des données suivies peut indiquer quelles fonctionnalités les utilisateurs aiment le plus utiliser et ce qui ne leur apporte pas de valeur.

Ces entrées sont essentielles pour que les concepteurs et les développeurs Web effectuent les ajustements en conséquence. Conservez le processus d'essais et d'erreurs jusqu'à ce que vous exécutiez les bons qui vous aident à augmenter l'argent supplémentaire généré par PWA.

Une introduction simplifiée au développement de PWA

Mise en place

Créez le répertoire de l'application et remplissez les sous-répertoires js, CSS et images ici.

Rédaction du balisage pour l'interface de l'application

À cette étape, la PWA devrait pouvoir afficher du contenu, que JavaScript soit désactivé ou non. De cette façon, les utilisateurs ne seront pas confrontés à une page blanche dérangeante chaque fois que la connexion est interrompue ou retardée.

Au lieu de cela, toutes les interactions doivent être réactives et correctement affichées sur une large gamme d'écrans. Cela nécessite de prendre en compte l'orientation mobile-friendly.

Tester l'application

Dès que quelque chose se passe dans le navigateur, vous pouvez le tester avec Google Lighthouse pour voir dans quelle mesure il fonctionne selon les normes PWA.

Appuyez sur F12 pour que le panneau de développement de Chrome s'ouvre sur votre site public, recherchez l'onglet audits et cliquez sur Lighthouse.

Un travailleur de service

Étant un script Web relativement indépendant qui s'exécute en arrière-plan en dehors de l'interaction de l'utilisateur, cette puissante capacité permet à PWA d'intercepter les requêtes réseau, d'activer la mise en cache locale, etc.

Un manifeste d'application

Un manifeste d'application est requis avec un agent de service pour déterminer l'apparence et le comportement de votre PWA sur l'écran d'accueil. Vous pouvez configurer le nom, l'icône, la couleur du thème et l'orientation de l'application.

Emballer

Le code est complet jusqu'à cette phase, mais vous devez télécharger l'application sur un serveur Web. Cela permettrait à votre PWA de fonctionner sous la sécurité de HTTPS.

Développement PWA Premium pour le commerce électronique par Tigren

notre expertise

En tant que fournisseur de services professionnels Magento depuis une décennie, Tigren est aujourd'hui l'une des meilleures agences d'externalisation au monde.

Tout a commencé avec une petite équipe de développeurs hautement qualifiés, compétents et dévoués qui s'efforcent d'atteindre les objectifs de nos clients. À ce jour, nous avons exécuté plus de 1000 projets pour plus de 800 PME mondiales.

Basés au Vietnam, nous espérons aider autant de propriétaires d'entreprise en herbe avec les projets de commerce électronique Magento de classe mondiale qu'ils méritent, mais à des prix raisonnables et abordables, dans la mesure du possible.

Nos services

Nous sommes l'agence spécialisée dans Magento visant à apporter des solutions de croissance durable aux PME. Avec PWA, nous fournissons 2 services premium comme suit :

  • Développement d'applications Web progressives personnalisées
  • Modèle Premium Tigren PWA
développement de site web d'entreprise en ligne

Points clés à retenir

Le PWA est juste la bonne combinaison d'applications natives et de sites Web réguliers qui apporte une réelle valeur aux utilisateurs finaux.

Les experts prédisent que ce sera la prochaine grande chose dans le monde numérique, en particulier le commerce électronique. Espérons qu'en apprenant cette étude de cas de Reddit PWA, vous aurez une idée de la façon d'innover un site qui aide vos clients et peut-être devenir l'un des premiers à adopter PWA.