Reddit PWA: Lider Sosyal Medya Web Uygulamasını Nasıl Kullanıyor?

Yeni teknolojileri benimsemek, çevrimiçi işletmeler için inovasyonun ve büyümenin kaçınılmaz bir parçasıdır. Genel olarak büyük şirketler, müşteri memnuniyetini artırarak ve rekabette öne çıkarak en yeni aygıtları kolayca deneyimleyebilir. PWA, Reddit PWA, Facebook PWA ve Alibaba PWA gibi çok sayıda dev marka tarafından benimsenen bir sonraki büyük şey olacak.

Bununla birlikte, PWA, modern web siteleri için yeni standart ve yerel uygulamaların yerini alacak gelecek vaat eden bir oyuncu olarak görülüyor. Yine de, küçük ve gelişmekte olan işletmeler için inanılmaz derecede uygun fiyatlı. Bugünkü vaka incelemesinde, önce Reddit PWA'ya dalacağız ve bu popüler sosyal medya sitesinin PWA'dan nasıl yararlandığını göreceğiz.

Reddit'e Genel Bakış

Reddit, 2005 yılında Virginia Üniversitesi'nden Steve Huffman ve Alexis Ohanian tarafından kuruldu. Adı, başkaları bir hikaye paylaşmak istediğinde "Okudum" yanıtında bir değişiklikti.

Kullanıcıların sosyal haberler, forum tartışması, web içeriği veya toplanmış bir ağ gibi çeşitli içerik türleri altında gönderi gönderebilecekleri devasa bir platformdur. Reddit'i popüler yapan şeyin bir parçası, neredeyse her öğrenme alanında birikmiş bilgi tartışmaları kaynağı.

Ayrıca Reddit, insanların herhangi bir soru sorarken anonim kalmasına izin vererek, beyinlerinin can attığı herhangi bir bilgi parçasına göz atmak için açık ve heyecan verici bir deneyime yer açar.

Reddit gönderileri topluluk tarafından belirlenir. Bir gönderi veya alt dizin yalnızca, kullanıcılar onu nasıl yararlı bulduklarına göre oy verirlerse yukarı taşınabilir. Bu şekilde spam veya zararlı, yanıltıcı bilgiler azaltılabilir.

Ana hedef kitleleri, üniversite öğrencileri, İnternet konusunda bilgili arkadaşlar ve 18-29 yaş arasındaki sosyal medya savunucularıdır. Aylık yaklaşık 48 milyon aktif kullanıcı ve dünya çapında aylık 430 milyon aktif kullanıcı ile ABD'deki en popüler 10. sosyal ağ sıralamasında yer aldılar.

PWA'yı Entegre Etmek Markaların Başarılarını Artırmasına Nasıl Yardımcı Oluyor?

Kullanıcı Deneyimini Hızlandırma

Birçok marka, uygulamalarının yükleme hızını artırmak için PWA'ya gelir. Örnek olarak Uber PWA örneğini alın. Müşterilerinin (çoğu zaman) Uber'i aceleyle kullandığını bilerek, 2G kadar yavaş bağlantılarda bile 3 saniyede yüklenebilen küçük ama güçlü bir Uber PWA oluşturdular.

Kullanıcı yolculuğunu hızlandırmak, hemen çıkma oranını azaltacak ve dolayısıyla potansiyel dönüşüm oranını artıracaktır. Günümüzde insanlar yavaş yüklenen sayfaları her an bırakabilecekleri can sıkıcı bir film izliyormuş gibi görüyorlar.

Walmart ayrıca yükleme süresinde yalnızca 1 saniyelik bir iyileşme ile dönüşüm oranının zaten %2 arttığını anladı.

Müşteri Değerini Artırın

PWA, yalnızca ilk sayfa yüklemesini iyileştirmenize yardımcı olmakla kalmaz, aynı zamanda sayfalar ve öğeler arasında sorunsuz, kesintisiz geçişler oluşturur. Diğer bir deyişle, yerinde kullanıcı deneyimi de keyifli olacaktır.

E-ticaret mağazaları ve pazar yerleri için, müşteriler sayfalarda ne kadar uzun süre kalırsa, sunulan ürünlerle o kadar ilgilendiklerini gösterir. Aynı zamanda toplu alışveriş yapma eğiliminde olanlar alışveriş yolculuğunu kolay ve hızlı buluyor.

PWA, önemli zamanlarda anında iletme bildirimlerini etkinleştirebilir, böylece etkileşim için sık kullanıcılarla yeniden bağlantı kurarak çevrimiçi işletmelere daha fazla değer katabilir.

Çevrimiçi Bulanıklaştır - Çevrimdışı Mesafe

Çevrimdışı çalışabilme özelliği ile PWA, kullanıcıların yüklü sayfalarına göz atarak hareket halindeyken tamamlanmamış çevrimiçi yolculuklarına devam etmelerine olanak tanır.

Ayrıca içerikte değişiklik yapabilirler ve bağlantı yeniden uygulandığında en yakın senkronizasyon için tümü arka planda kaydedilir.

Tüm Cihazlar Aynı Davranır

Küçük işletmeler, PWA entegrasyonunda maliyet tasarrufu yaparken diğer önemli yatırımlar için bütçe ayırabilir.

Yalnızca herhangi bir cihaz için tek bir hızlı uygulama oluşturmak, tüm çevrimiçi mevcudiyette tutarlı performansı koruyabilir ve müşterileri çekmek ve kazanmak için zaman ve kaynakları en üst düzeye çıkarabilir.

Büyüyen işletmeler bu şekilde gelirlerini verimli bir şekilde artırabilir.

PWA Entegrasyonu Öncesi Reddit'in Zorlukları

Reddit, her zaman kullanıcılarını uygulamayı, özellikle masaüstü aracılığıyla kullanmaya teşvik edecek bir çözüm istedi. Kullanıcılarının uygulamalara geçişini neredeyse zahmetsiz hale getirmenin bir yolunu arıyorlardı.

Veriler, uygulamaları kullanmanın en büyük dezavantajlarından birinin çok fazla depolama alanı tüketmek olduğunu gösteriyor. Buna karşılık, bir PWA yüklemesi 1 MB'den daha azını gerektirir.

Ayrıca, Reddit için indirme işlemi, hacimli miktarı nedeniyle zaman öldürücü olarak kabul edilir. Bazı Reddit ileti dizileri, Reddit'in daha önce PWA üzerinde çalıştığını ve işlevleri optimize ettiğini görmemenin şaşırtıcı olduğunu söyledi.

Reddit PWA'nın Sonuçları

Tasarım Hakkında

PWA, platformlar arasında aynı görünümü ve hissi korusa da, her tarayıcı bunu farklı şekilde destekler. Üç noktalı menü, Microsoft Edge yerine Chrome ile web'den PWA'yı yüklemeyi veya kaldırmayı kolaylaştırır.

"Uygulamayı ana ekrana yükle" gibi açılır işaretler, kullanıcı dostu olarak kabul edilir ve ziyaretçilerin uygulamaları kullanmaya teşvik edilmesi için olmazsa olmazlardandır.

İşlev Hakkında

• Yükleme hızı: verimli, hızlı ve sorunsuz
• Sayfalar ve öğeler arasındaki geçiş: kesintisiz ve duyarlı, anında görünen öğeler
• Gezinme kolaylığı: Sonradan genişleyen fareyle üzerine gelme efektlerine sahip tipik açılır içerik düzeni, tanıdık, sezgisel ve zahmetsiz
• Her etkileşimdeki katılım düzeyi: genel olarak tatmin edicidir. Yüklenen içeriğin daha sonra görünmesi için Reddit logosunun görünme şekli, sitenin daha hızlı çalışıyor gibi görünmesini sağlar

Reddit Gibi Bir PWA Nasıl Yapılır?

Reddit PWA ile İpuçları

PWA temel gereksinimlerini karşıladığınızdan emin olun. Hızlı başlamalı ama aynı zamanda kullanıcı yolculuğu boyunca hızlı kalmalıdır. Reddit PWA, ilk yüklemeden itibaren baş döndürücü bir hız gösterir ve siz kaydırdıkça tüm içerik anında belirerek duyarlı bir kullanıcı deneyimi sağlar.

Yalnızca iOS'ta, açılır mesajlar ve PWA yüklemesi için bildirimler gibi yeniden etkileşim özellikleri Apple tarafından desteklenmez.

Optimum işlevsellik için gelişmiş geliştirme alıştırması yapmak istiyorsanız, PWA'ların en iyi uygulamalara ve modern web API'lerine dayalı olarak oluşturulduğunu bilin. Bunlar, iş önceliklerinize ve özel taleplerinize bağlı olarak bağımsız veya kombinasyon halinde çalışmak için uygulanabilir.

Reddit PWA önce hızı artırmaya odaklandı, ardından her şey geldi. Bu, "Mobil uygulamamızın ne kadar iyi performans gösterdiğine bakın, uygulamayı indirirseniz ne elde edeceğinizi hayal edin" demek gibi bir şey. Ziyaretçiler gezindikten sonra Reddit'in kullanıcıları uygulamaya geçmeye teşvik etmek için push-up'ları etkinleştirdiğine dikkat edin.

Web sitenizin modern uç görünümünü hizalamak ve PWA'nızın tüm potansiyelini ortaya çıkarmak için Google, özellik bazında başlatma ve kombinasyonun sizin için işe yarayıp yaramadığını görmek olan çevik stratejiye öncelik vermeyi teşvik eder.

Bu bakış açısı, adım adım piyasa tepkisine bağlı kalmanızı sağlar. İzlenen verileri analiz etmek, kullanıcıların en çok hangi özellikleri kullanmayı sevdiğini ve hangilerinin onlara değer getirmediğini söyleyebilir.

Bu girdiler, web tasarımcılarının ve geliştiricilerinin buna göre ayarlamalar yapması için gereklidir. PWA tarafından üretilen fazladan parayı büyütmenize yardımcı olacak doğru olanları uygulayana kadar deneme yanılma sürecini sürdürün.

PWA Geliştirmeye Basitleştirilmiş Bir Giriş

kurulum

Uygulama dizinini oluşturun ve buradaki js, CSS ve images alt dizinlerini doldurun.

Uygulama Arayüzü İçin İşaretleme Yazma

Bu adımda, PWA, JavaScript devre dışı bırakılsa da devre dışı bırakılsa da içeriği görüntüleyebilmelidir. Bu şekilde, bağlantı kesildiğinde veya geciktiğinde kullanıcılar rahatsız edici boş bir sayfayla karşılaşmazlar.

Bunun yerine, tüm etkileşimler duyarlı olmalı ve çok çeşitli ekranlarda doğru şekilde görüntülenmelidir. Bu, mobil uyumlu yönelimin dikkate alınmasını gerektirir.

Uygulamayı Test Etme

Tarayıcıda bir şey olur olmaz, Google'ın Deniz Feneri ile PWA standartlarına göre ne kadar iyi performans gösterdiğini görmek için test edebilirsiniz.

Herkese açık sitenizde açık olan Chrome'un geliştirici paneli için F12'ye basın, denetimler sekmesini bulun ve Lighthouse'a tıklayın.

Servis Çalışanı

Kullanıcı etkileşiminden ayrı olarak arka planda çalışan nispeten bağımsız bir web betiği olan bu güçlü yetenek, PWA'nın ağ isteklerini engellemesini, yerel önbelleğe almayı ve daha fazlasını etkinleştirmesini sağlar.

Bir Uygulama Manifestosu

PWA'nızın ana ekranda nasıl görüneceğini ve davranacağını belirlemek için bir hizmet çalışanı ile bir uygulama bildirimi gerekir. Adı, simgeyi, tema rengini ve uygulamanın yönünü ayarlayabilirsiniz.

Sarmak

Kod bu aşamaya kadar tamamlanmıştır, ancak uygulamayı bir web sunucusuna yüklemeniz gerekir. Bu, PWA'nızın HTTPS güvenliği altında çalışmasını sağlar.

Tigren'den E-Ticaret İçin Premium PWA Geliştirme

Bizim uzmanlığımız

On yıllık profesyonel bir Magento hizmet sağlayıcısı olan Tigren, şu anda dünya çapında en iyi dış kaynak ajanslarından biridir.

Her şey, müşterilerimizin hedeflerine ulaşmak için çabalayan, yüksek düzeyde eğitimli, yetenekli ve kendini işine adamış geliştiricilerden oluşan küçük bir ekiple başladı. Bugüne kadar 800'den fazla küresel KOBİ için 1000'den fazla proje yürüttük.

Vietnam merkezli olarak, mümkün olduğunca makul ve uygun fiyatlarla hak ettikleri birinci sınıf Magento e-ticaret projeleri ile birçok hevesli işletme sahibine yardımcı olmayı umuyoruz.

hizmetlerimiz

KOBİ'lere sürdürülebilir büyüme çözümleri getirmeyi amaçlayan Magento konusunda uzmanlaşmış ajansız. PWA ile aşağıdaki gibi 2 premium hizmet sunuyoruz:

• Özel Aşamalı Web Uygulaması geliştirme
• Premium Tigren PWA şablonu

Önemli Çıkarımlar

PWA, son kullanıcılara gerçek değer getiren yerel uygulamalar ve normal web sitelerinin tam olarak doğru birleşimidir.

Uzmanlar, bunun dijital dünyada, özellikle de e-ticarette bir sonraki büyük şey olacağını tahmin ediyor. Reddit PWA'nın bu örnek olay incelemesini öğrenerek, müşterilerinize yardımcı olacak bir siteyi nasıl yenileyeceğiniz konusunda bir fikir edineceğinizi umuyoruz ve belki de PWA'yı ilk benimseyenlerden biri olacaksınız.