Reddit PWA: come i principali social media utilizzano l'app Web

L'adozione di nuove tecnologie è una parte inevitabile dell'innovazione e della crescita per le aziende online. In generale, le grandi aziende possono facilmente provare gli ultimi gadget, aumentando la soddisfazione dei clienti e distinguendosi dalla concorrenza. PWA sarà la prossima grande novità, adottata da numerosi marchi giganti come Reddit PWA, Facebook PWA e Alibaba PWA.

Detto questo, PWA è considerato il nuovo standard per i siti Web moderni e un giocatore promettente per sostituire le app native. Eppure, è incredibilmente conveniente per le piccole imprese ed emergenti. Nel caso di studio di oggi, ci tufferemo prima in Reddit PWA e vedremo come questo popolare sito di social media trae vantaggio da PWA.

Una panoramica di Reddit

Reddit è stata fondata nel 2005 da Steve Huffman e Alexis Ohanian dell'Università della Virginia. Il suo nome era una modifica alla risposta "L'ho letto" quando gli altri vogliono condividere una storia.

È un'enorme piattaforma in cui gli utenti possono inviare post con vari tipi di contenuti, vale a dire notizie sui social, discussioni nei forum, contenuti web o una rete raccolta. Fa parte di ciò che rende popolare Reddit, essendo la fonte accumulata di discussioni sulla conoscenza in quasi tutti i campi di apprendimento.

Inoltre, Reddit consente alle persone di rimanere anonime quando fanno domande, facendo spazio a un'esperienza aperta ed emozionante per sfogliare qualsiasi informazione che il loro cervello brama.

I post su Reddit sono determinati dalla community. Un post o un subreddit può essere spostato in alto solo se gli utenti lo votano in base a come lo considerano utile. In questo modo è possibile ridurre lo spam o le informazioni dannose e fuorvianti.

I loro principali destinatari sono studenti universitari, borsisti esperti di Internet e sostenitori dei social media tra i 18 e i 29 anni. Si sono classificati al 10° social network più popolare negli Stati Uniti con quasi 48 milioni di utenti attivi mensili e oltre 430 milioni di utenti attivi mensili in tutto il mondo.

In che modo l'integrazione di PWA aiuta i marchi a migliorare i risultati

Accelerazione dell'esperienza utente

Molti marchi si rivolgono a PWA per aumentare la velocità di caricamento delle loro app. Prendi il caso di Uber PWA come esempio. Sapendo che i loro clienti utilizzano (il più delle volte) Uber in fretta, hanno creato una piccola ma potente PWA Uber che può essere caricata in 3 secondi, anche con connessioni lente come il 2G.

Accelerare il percorso dell'utente ridurrà la frequenza di rimbalzo e quindi aumenterà il potenziale tasso di conversione. Le persone al giorno d'oggi spesso considerano le pagine a caricamento lento come se guardassero un film fastidioso che abbandonerebbero da un momento all'altro.

Walmart ha anche calcolato che con un miglioramento di solo 1 secondo del tempo di caricamento, il tasso di conversione è già aumentato del 2%.

Aumenta il valore del cliente

Non solo PWA può aiutarti a migliorare il caricamento della prima pagina, ma crea anche transizioni fluide e senza interruzioni tra le pagine e gli elementi. In altre parole, anche l'esperienza dell'utente in loco sarà piacevole.

Per i negozi e i mercati di e-commerce, più a lungo i clienti rimangono sulle pagine, meglio implica che siano interessati agli articoli offerti. Allo stesso tempo, coloro che tendono a fare acquisti all'ingrosso trovano il percorso di acquisto facile e veloce.

PWA può abilitare le notifiche push in momenti cruciali, riconnettendosi così con gli utenti frequenti per il coinvolgimento, portando più valore alle attività online.

Sfoca la distanza in linea - offline

Con la possibilità di lavorare offline, PWA consente agli utenti di continuare il loro viaggio online non terminato mentre sono in movimento sfogliando le pagine caricate.

Possono anche apportare modifiche al contenuto e tutto verrà salvato in background per la sincronizzazione più vicina quando la connessione si riapplica.

Tutti i dispositivi agiscono allo stesso modo

Le piccole imprese possono allocare budget per altri investimenti essenziali risparmiando sui costi dell'integrazione PWA.

Dover creare un'app veloce solo per qualsiasi dispositivo può mantenere le prestazioni coerenti su tutta la presenza online e massimizzare il tempo e le risorse per attirare e acquisire clienti.

Questo è il modo in cui le aziende in crescita possono aumentare in modo efficiente i propri ricavi.

Le sfide di Reddit prima dell'integrazione PWA

Reddit ha sempre desiderato una soluzione per incoraggiare i propri utenti a utilizzare l'app, soprattutto tramite desktop. Stavano cercando un modo per rendere quasi semplice per i loro utenti il ​​passaggio alle app.

I dati mostrano che uno dei principali svantaggi dell'utilizzo delle app è il consumo eccessivo di spazio di archiviazione. Al contrario, un'installazione PWA richiede meno di 1 MB.

Inoltre, il processo di download per Reddit è considerato un assassino di tempo a causa della sua quantità ingombrante. Alcuni thread di Reddit hanno affermato che è stato sorprendente non vedere Reddit lavorare prima su PWA e ottimizzare le funzionalità.

I risultati di Reddit PWA

Informazioni sul design

Sebbene PWA mantenga lo stesso aspetto su tutte le piattaforme, ogni browser lo supporta in modo diverso. Il menu a tre punti semplifica l'installazione o la disinstallazione di PWA dal Web con Chrome anziché Microsoft Edge.

I segni pop-up come "Installa app nella schermata iniziale" sono considerati facili da usare e indispensabili per incoraggiare i visitatori a utilizzare le app.

Informazioni sulla funzione

• La velocità di caricamento: efficientemente veloce e regolare
• La transizione tra le pagine e gli elementi: elementi senza soluzione di continuità e reattivi, apparsi istantanei
• La facilità di navigazione: tipico layout del contenuto a discesa con effetti al passaggio del mouse post-espansione, familiare, intuitivo e semplice
• Il livello di coinvolgimento con ogni interazione: è complessivamente soddisfacente. Il modo in cui il logo Reddit viene visualizzato per far apparire istantaneamente il contenuto in caricamento in un secondo momento fa sembrare che il sito funzioni più velocemente

Come costruire una PWA come Reddit?

Suggerimenti con Reddit PWA

Assicurati di soddisfare i requisiti di base della PWA. Dovrebbe iniziare velocemente ma anche rimanere veloce durante il percorso dell'utente. Reddit PWA mostra una velocità vertiginosa sin dal primo caricamento e tutto il contenuto appare istantaneamente mentre scorri, garantendo un'esperienza utente reattiva.

Esclusivamente su iOS, le funzionalità di re-engagement come i messaggi pop-up e le notifiche per l'installazione di PWA non sono supportate da Apple.

Se vuoi esercitarti nello sviluppo avanzato per una funzionalità ottimale, sappi che le PWA sono costruite sulla base delle migliori pratiche e delle moderne API Web. Questi possono essere applicati per lavorare in modo indipendente o in combinazione, a seconda delle priorità aziendali e delle esigenze specifiche.

Reddit PWA si è concentrato prima sul miglioramento della velocità, poi su tutto il resto. È come dire: "Ehi, guarda come funziona la nostra app mobile, immagina cosa otterrai se scarichi l'app". Nota che dopo che i visitatori scorrono, Reddit abilita i push-up per incoraggiare gli utenti a passare all'app.

Per allineare l'aspetto moderno del tuo sito Web e sbloccare il tuo PWA al suo pieno potenziale, Google incoraggia a dare la priorità alla strategia agile, che consiste nel lanciare funzionalità per funzionalità e vedere se la combinazione funziona per te.

Questo punto di vista ti consente di seguire passo dopo passo la risposta del mercato. L'analisi dei dati tracciati può dire quali funzionalità gli utenti amano utilizzare di più e cosa non apporta loro valore.

Questi input sono essenziali per i web designer e gli sviluppatori per apportare modifiche di conseguenza. Mantieni il processo per tentativi ed errori fino a quando non esegui quelli giusti che ti aiutano ad aumentare il denaro extra generato da PWA.

Un'introduzione semplificata allo sviluppo di PWA

Impostare

Crea la directory dell'app e riempi le sottodirectory js, CSS e images qui.

Scrivere il markup per l'interfaccia dell'app

A questo punto, la PWA dovrebbe essere in grado di visualizzare il contenuto indipendentemente dal fatto che JavaScript sia disabilitato o meno. In questo modo, gli utenti non dovranno affrontare una pagina vuota inquietante ogni volta che la connessione è interrotta o ritardata.

Invece, tutte le interazioni dovrebbero essere reattive e visualizzate correttamente su un'ampia gamma di schermi. Ciò richiede di prendere in considerazione l'orientamento ottimizzato per i dispositivi mobili.

Testare l'app

Non appena hai qualcosa da fare nel browser, puoi testarlo con il faro di Google per vedere come si comporta bene secondo gli standard PWA.

Premi F12 per aprire il pannello degli sviluppatori di Chrome sul tuo sito pubblico, trova la scheda Audit e fai clic su Lighthouse.

Un lavoratore di servizio

Essendo uno script Web relativamente indipendente che viene eseguito in background indipendentemente dall'interazione dell'utente, questa potente capacità consente a PWA di intercettare le richieste di rete, abilitare la memorizzazione nella cache locale e altro ancora.

Un manifesto dell'app

È necessario un manifest dell'app con un addetto ai servizi per determinare l'aspetto e il comportamento della tua PWA nella schermata iniziale. Puoi impostare il nome, l'icona, il colore del tema e l'orientamento dell'app.

Incartare

Il codice è completo fino a questa fase, ma è necessario caricare l'app su un server web. Ciò consentirebbe alla tua PWA di operare sotto la sicurezza di HTTPS.

Sviluppo PWA Premium per l'e-commerce di Tigren

La nostra competenza

In qualità di fornitore di servizi Magento professionale da dieci anni, Tigren è ora una delle migliori agenzie di outsourcing a livello globale.

Tutto è iniziato con un piccolo team di sviluppatori altamente qualificati, abili e dedicati che si sforzano di raggiungere gli obiettivi dei nostri clienti. Ad oggi, abbiamo eseguito più di 1000 progetti per oltre 800 PMI globali.

Con sede in Vietnam, speriamo di assistere il maggior numero possibile di aspiranti imprenditori con i progetti di e-commerce Magento di livello mondiale che meritano, ma a prezzi ragionevoli e convenienti.

I nostri servizi

Siamo l'agenzia specializzata Magento che mira a portare soluzioni di crescita sostenibile alle PMI. Con PWA, forniamo 2 servizi premium come segue:

• Sviluppo di app Web progressive personalizzate
• Modello Premium Tigren PWA

Da asporto chiave

La PWA è la giusta combinazione di app native e siti Web regolari che apporta un valore reale agli utenti finali.

Gli esperti prevedono che sarà la prossima grande novità nel mondo digitale, in particolare l'e-commerce. Si spera che, imparando questo case study di Reddit PWA, avrai un'idea di come innovare un sito che aiuti i tuoi clienti e forse diventare uno dei primi ad adottare PWA.