Reddit PWA: Cum folosește aplicația web liderul social media

Adoptarea noilor tehnologii este o parte inevitabilă a inovației și creșterii afacerilor online. În general, marile companii pot experimenta cu ușurință cele mai recente gadget-uri, sporind satisfacția clienților și ieșindu-se în evidență față de concurență. PWA va fi următorul lucru important, adoptat de numeroase mărci gigantice precum Reddit PWA, Facebook PWA și Alibaba PWA.

Acestea fiind spuse, PWA este considerată noul standard pentru site-urile web moderne și un jucător promițător pentru a înlocui aplicațiile native. Cu toate acestea, este incredibil de accesibil pentru întreprinderile mici și emergente. În studiul de caz de astăzi, ne vom scufunda cu capul întâi în Reddit PWA și vom vedea cum acest popular site de socializare profită de PWA.

O prezentare generală a Reddit

Reddit a fost fondat în 2005 de Steve Huffman și Alexis Ohanian de la Universitatea din Virginia. Numele său a fost o modificare a răspunsului „L-am citit” atunci când alții vor să împărtășească o poveste.

Este o platformă masivă în care utilizatorii pot trimite postări sub diferite tipuri de conținut, și anume știri sociale, discuții pe forum, conținut web sau o rețea adunată. Face parte din ceea ce face Reddit popular, fiind sursa acumulată de discuții despre cunoștințe în aproape orice domeniu de învățare.

În plus, Reddit le permite oamenilor să rămână anonimi atunci când pun orice întrebări, făcând loc unei experiențe deschise și captivante de a răsfoi orice informație la care creierul lor tânjește.

Postările Reddit sunt determinate de comunitate. O postare sau un subreddit poate fi mutat în sus numai dacă utilizatorii îl votează în funcție de modul în care îl consideră util. În acest fel, spamul sau informațiile dăunătoare, înșelătoare, pot fi reduse.

Principalele lor audiențe țintă sunt studenții de licență, colegii cunoscători ai internetului și susținătorii rețelelor sociale între 18-29 de ani. Ei s-au clasat pe locul 10 ca cea mai populară rețea socială din SUA, cu aproape 48 de milioane de utilizatori activi lunar și peste 430 de milioane de utilizatori activi lunar în întreaga lume.

Cum integrarea PWA ajută mărcile să sporească realizările

Accelerarea experienței utilizatorului

Multe mărci vin la PWA pentru a crește viteza de încărcare a aplicației. Luați ca exemplu cazul Uber PWA. Știind că clienții lor folosesc (de cele mai multe ori) Uber în grabă, au creat un PWA Uber minuscul, dar puternic, care se poate încărca în 3 secunde, chiar și în conexiuni la fel de lente ca 2G.

Accelerarea călătoriei utilizatorului va reduce rata de respingere și, astfel, va crește rata potențială de conversie. Oamenii din zilele noastre consideră adesea paginile cu încărcare lentă ca vizionarea unui film enervant pe care l-ar renunța în orice moment.

Walmart s-a gândit, de asemenea, că doar cu o îmbunătățire de 1 secundă a timpului de încărcare, rata de conversie a crescut deja cu 2%.

Creșteți valoarea clientului

PWA nu numai că vă poate ajuta să îmbunătățiți încărcarea primei pagini, dar creează și tranziții fluide, fără întreruperi între pagini și elemente. Cu alte cuvinte, experiența utilizatorului la fața locului va fi de asemenea plăcută.

Pentru magazinele și piețele de comerț electronic, cu cât clienții stau mai mult pe pagini, cu atât mai bine înseamnă că sunt interesați de articolele oferite. În același timp, cei care tind să facă cumpărături în vrac găsesc călătoria la cumpărături ușoară și rapidă.

PWA poate activa notificările push în momente cruciale, reconectandu-se astfel cu utilizatorii frecventi pentru implicare, oferind mai multă valoare afacerilor online.

Estompați distanța online – offline

Cu capacitatea de a lucra offline, PWA le permite utilizatorilor să-și continue călătoria online neterminată din mers, navigând prin paginile lor încărcate.

De asemenea, pot face modificări la conținut și toate vor fi salvate în fundal pentru cea mai apropiată sincronizare atunci când conexiunea se va aplica din nou.

Toate dispozitivele acționează la fel

Întreprinderile mici pot aloca bugete pentru alte investiții esențiale, economisind în același timp costuri legate de integrarea PWA.

A trebui să construiți o aplicație rapidă doar pentru orice dispozitiv poate menține performanța constantă pe toată prezența online și poate maximiza timpul și resursele pentru a atrage și a dobândi clienți.

Acesta este modul în care afacerile în creștere își pot crește eficient veniturile.

Provocările Reddit înainte de integrarea PWA

Reddit și-a dorit întotdeauna o soluție care să-și încurajeze utilizatorii să folosească aplicația, în special prin intermediul desktopului. Au căutat o modalitate de a face aproape fără efort pentru utilizatorii lor să treacă la aplicații.

Datele arată că unul dintre principalele dezavantaje ale utilizării aplicațiilor este consumul de spațiu de stocare prea mare. În schimb, o instalare PWA necesită mai puțin de 1 MB.

De asemenea, procesul de descărcare pentru Reddit este considerat un ucigaș de timp datorită cantității sale voluminoase. Unele fire de discuții Reddit au spus că a fost surprinzător să nu văd Reddit lucrând la PWA mai devreme și optimizând funcționalitățile.

Rezultatele Reddit PWA

Despre Design

Deși PWA păstrează același aspect și senzație pe platforme, fiecare browser îl acceptă în mod diferit. Meniul cu trei puncte simplifică instalarea sau dezinstalarea PWA de pe web cu Chrome, mai degrabă decât cu Microsoft Edge.

Semnele pop-up, cum ar fi „Instalați aplicația pe ecranul de pornire”, sunt considerate ușor de utilizat și un must-have pentru ca vizitatorii să fie încurajați să folosească aplicațiile.

Despre Funcție

• Viteza de încărcare: eficient rapidă și lină
• Tranziția între pagini și elemente: fără întreruperi și receptive, elemente care apar instantaneu
• Ușurință de navigare: aspect tipic de conținut drop-down cu efecte de hover post-extindere, familiar, intuitiv și fără efort
• Nivelul de implicare cu fiecare interacțiune: este în general satisfăcător. Modul în care apare logo-ul Reddit pentru a apărea ulterior conținutul la încărcare, face ca site-ul să pară mai rapid

Cum să construiți un PWA ca Reddit?

Sfaturi cu Reddit PWA

Asigurați-vă că acoperiți cerințele de bază PWA. Ar trebui să înceapă rapid, dar și să rămână rapid pe toată durata călătoriei utilizatorului. Reddit PWA arată o viteză vertiginoasă de la prima încărcare, iar tot conținutul apare instantaneu pe măsură ce derulați, asigurând o experiență de utilizator receptivă.

Exclusiv pe iOS, funcțiile de reangajare, cum ar fi mesajele pop-up și notificările pentru instalarea PWA, nu sunt acceptate de Apple.

Dacă doriți să practicați dezvoltarea avansată pentru o funcționalitate optimă, știți că PWA-urile sunt construite pe baza celor mai bune practici și a API-urilor web moderne. Acestea pot fi aplicate pentru a lucra independent sau în combinație, în funcție de prioritățile dvs. de afaceri și de cerințele specifice.

Reddit PWA s-a concentrat mai întâi pe îmbunătățirea vitezei, după care urmează totul. Este ca și cum ai spune: „Hei, uite cât de bine funcționează aplicația noastră mobilă, imaginează-ți ce vei obține dacă descarci aplicația.” Observați că, după ce vizitatorii derulează, Reddit permite push-up-urile pentru a încuraja utilizatorii să treacă la aplicație.

Pentru a alinia aspectul modern al site-ului dvs. și pentru a vă debloca PWA la întregul său potențial, Google încurajează prioritizarea strategiei agile, care este să lansați caracteristică cu funcție și să vedeți dacă combinația funcționează pentru dvs.

Acest punct de vedere vă permite să rămâneți cu răspunsul pieței pas cu pas. Analiza datelor urmărite poate spune ce caracteristici le place utilizatorilor să folosească cel mai mult și ce nu le aduce valoare.

Aceste intrări sunt esențiale pentru designerii și dezvoltatorii web pentru a face ajustări în consecință. Păstrați procesul de încercare și eroare până când le executați pe cele potrivite care vă ajută să măriți banii suplimentari generați de PWA.

O introducere simplificată la dezvoltarea PWA

Configurare

Creați directorul aplicației și completați aici subdirectoarele js, CSS și imagini.

Scrierea marcajului pentru interfața aplicației

La acest pas, PWA ar trebui să poată afișa conținut indiferent dacă JavaScript este dezactivat sau nu. În acest fel, utilizatorii nu se vor confrunta cu o pagină goală deranjantă ori de câte ori conexiunea este întreruptă sau întârziată.

În schimb, toate interacțiunile ar trebui să răspundă și să fie afișate corect pe o gamă largă de ecrane. Acest lucru necesită luarea în considerare a orientării pentru dispozitive mobile.

Testarea aplicației

De îndată ce aveți ceva în loc în browser, îl puteți testa cu Google Lighthouse pentru a vedea cât de bine funcționează conform standardelor PWA.

Apăsați F12 pentru panoul pentru dezvoltatori Chrome deschis pe site-ul dvs. public, găsiți fila Audituri și faceți clic pe Lighthouse.

Un lucrător de servicii

Fiind un script web relativ independent, care rulează în fundal, în afară de interacțiunea cu utilizatorul, această abilitate puternică permite PWA să intercepteze solicitările de rețea, să activeze memorarea în cache locală și multe altele.

Un manifest al aplicației

Este necesar un manifest al aplicației cu un lucrător de service pentru a determina cum va arăta și se va comporta PWA pe ecranul de pornire. Puteți configura numele, pictograma, culoarea temei și orientarea aplicației.

Învelire

Codul este complet până în această fază, dar trebuie să încărcați aplicația pe un server web. Acest lucru ar permite PWA să funcționeze sub securitatea HTTPS.

Dezvoltare Premium PWA pentru comerțul electronic de către Tigren

Expertiza noastră

În calitate de furnizor profesionist de servicii Magento de un deceniu, Tigren este acum una dintre cele mai importante agenții de outsourcing la nivel global.

Totul a început cu o echipă mică de dezvoltatori foarte pregătiți, pricepuți și dedicați, care se străduiesc să atingă obiectivele clienților noștri. Până în prezent, am executat peste 1000 de proiecte pentru peste 800 de IMM-uri globale.

Cu sediul în Vietnam, sperăm să ajutăm cât mai mulți proprietari de afaceri aspiranți cu proiectele de comerț electronic Magento de clasă mondială pe care le merită, dar la prețuri rezonabile și accesibile, pe cât posibil.

Serviciile noastre

Suntem agenția specializată în Magento, care își propune să aducă IMM-urilor soluții de creștere durabilă. Cu PWA, oferim 2 servicii premium, după cum urmează:

• Dezvoltare personalizată de aplicații web progresive
• Șablon premium Tigren PWA

Recomandări cheie

PWA este combinația potrivită de aplicații native și site-uri web obișnuite care aduce valoare reală utilizatorilor finali.

Experții prevăd că va fi următorul lucru important în lumea digitală, în special comerțul electronic. Sperăm că, prin învățarea acestui studiu de caz al Reddit PWA, vă veți face o idee despre cum să inovați un site care vă ajută clienții și poate deveni unul dintre primii care adoptă PWA.