E-ticaret Mağazanız için Başsız Olmanın Artıları ve Eksileri


9
/ 100


E-ticaret Mağazanız için Başsız Olmanın Artıları ve Eksileri

“Başsız” ifadesini arattığınızda bu yeni yaklaşımdan bahseden binlerce makale bulacaksınız. Çoğu yazar, ön uç geliştirme için sunduğu özgürlük nedeniyle bunu takdir ederken, hayran kitlesinin büyük bir kısmı da mükemmel kullanıcı arayüzünü (UI) takdir ediyor. Ne olursa olsun, çevrimiçi mağazaları için Headless’ı uygulamaya büyük ilgi gösterenler e-ticaret işletmeleridir.

Bu yaklaşımın bir parçası olan Progresif Web Uygulamalarını daha önce tartışmıştım. Benzer bir konsept, yalnızca üst düzey bir müşteri deneyimi sunmak amacıyla Amazon, Flipkart ve Nike gibi e-ticaret devleri tarafından benimsendi.

Bu makale Headless web sitesi geliştirmeye yönelik başka bir aşk mektubu mu? Bir dereceye kadar evet. Ancak bunun e-ticaret işletmeleri açısından faydalarını ve üçüncü taraf bir web sitesi geliştirme ajansı olarak Headless’ın en popüler e-ticaret platformlarından bazıları için uygulanmasına nasıl yardımcı olduğunu tartışmayı tercih ediyorum.

Web Sitenizi Optimize Edin ve Daha Fazlasını Yapın

Semrush araçlarıyla

Başsız E-ticaret Nedir?

Temel Bilgiler: Her e-ticaret web sitesi iki işlevsel yarıdan oluşur: ön uç ve arka uç.

Web sitesinin ön ucu, kullanıcı ile e-ticaret portalı arasında bir aracı kanal görevi görürken arka uç, ürün ayrıntılarını ve portalın tüm işleyişini yönetir. Yıllar geçtikçe, popüler e-ticaret portalları, web sitesinin ön ucunun ve arka ucunun aynı panelden kontrol edildiği, yani ortak bir platformu paylaştıkları klasik yaklaşıma bağlı kaldı.

Tamamen yeni bir stratejiyle Headless’a girin. Headless’ı duymadıysanız, aslında bir web sitesinin ön ucunu ve arka ucunu ayırmaya yarar. Daha az müdahaleyle, web sitesinin her bir bölümü bağımsız davranır ve kendi alanlarında üstün başarı gösterir; portalın yüzünü yönetecek bir kullanıcı arayüzü uzmanınız ve tabanını güçlendirecek bir arka uç uzmanınız olur:

Neden bu kadar farklılar?

E-Ticaret Portallarının Temel Mimarisi

E-ticaret mimarisinin ayrıntılarına girmeden, aşağıda e-ticaret web sitelerinin temel işleyişini ve her aşamadaki etkileşimlerini göstermek için kabaca tasarlanmış portal yapıları yer almaktadır.

Tam Yığın Mimarisi

Tam Yığın mimarisi, mobil uygulama geliştirmenin trend olmaya başlamasından bu yana mobil web yöneticilerinin kullandığı daha geleneksel bir yaklaşımdır. Geliştiriciler, merkezde ticaret platformu ve entegre bir vitrin ile tam teşekküllü bir ekosistem yaratıyor. Portal, mobil ve web gibi ayrı platformları ayrı ayrı oluşturur. Teslimatlar daha bağımsızdır ve hizmet platformuna adanmıştır.

Ticaret platformunun merkezde olduğu ticaret portalı, içerik yönetimi, sipariş karşılama ve ürün verileri gibi arka uç işlevlerine öncelik verir.

Tam yığın e-ticaret mimarisi

Başsız E-ticaret

Tam yığın mimariyle karşılaştırıldığında, Başsız e-ticaret yapısı, web mağazasının ön ucunu web sitesinin geri kalan işlevlerinden açıkça ayırır. Bu mimarinin ortak bir merkezi sistem yerine ayrı parçalar olarak görselleştirilmesine yardımcı olur. Teslimatlar, tüm platformlara akıllıca uyum sağlayan ortak bir ön uç kullanıcı arayüzü oluşturan API’lerle yönetilir.

Açık nedenlerden ötürü, ön uç artık ödeme ve kişiselleştirme gibi işlevlere öncelik verirken ticaret platformu içerik yönetimi, sipariş karşılama ve ürün yönetimi gibi işlevleri yönetiyor.

Çok teknik mi görünüyor? Bu tekil noktayla özetlenebilir: Başsız e-ticaret, çok kanallı bir deneyim sunma açısından geleneksel yaklaşımlardan çok daha esnektir.

Başsızlara Talepte Ani Bir Artış

Retail Dive ve BigCommerce yakın zamanda küresel yöneticilerin ve pazarlama yöneticilerinin ve bunların dijital tüketiciler edinme konusundaki mücadelelerinin dahil olduğu bir ankette şaşırtıcı rakamlara ulaştı. Rapora göre, iş liderlerinin %86’sı Müşteri Edinme Maliyetinde (CAC) artış yaşadıklarını belirtti. Ücretli medyanın daha pahalı ve daha rekabetçi hale gelmesiyle birlikte rapor, tercih edilen seçeneğin organik trafiği çekmenin daha iyi yollarını stratejilendirmek olduğunu öne sürüyor.

Kullanıcılar neredeyse her yerden içerik tüketiyor. İşletmelerin, çevrimiçi varlığın ve gelişmiş alışveriş deneyiminin ötesinde, tüketicilere tüm cihazlarda kolay satın alma seçenekleri sunması gerekir. Bu ifade, Amerikalıların kişi başına 13 ağ cihazı üzerinden bağlanacağını iddia eden Mediapost anketiyle desteklenmektedir. Söylemeye gerek yok, listede dizüstü bilgisayarlar, tabletler, cep telefonları, ses tanıma araçları, akıllı saatler, kiosklar, araba tabletleri gibi çeşitli ekran boyutlarına sahip her türlü cihaz ve web servislerine erişilebilirlik sağladığı bilinen her cihaz yer alıyor.

Laboratuvarımızdaki Pratik Örnekler: Müşterilerimiz için Başsız Mimariyi Nasıl Geliştirdik?

Özel e-ticaret çözümleri sunan bir ajans olarak müşterilerimiz sıklıkla bizden, ışık hızında yüklenen ve kullanıcı açısından aynı derecede sezgisel portallar sunmamızı istiyor. Ve bizim yaptığımız şey başsızları tavsiye etmek

yaklaşmak. Belli nedenlerden ötürü, daha fazla yol kat etmemiz gerekiyor, ancak bu onlar için iyi sonuçlar veriyor.

Başsız Magento Uygulamak

Arka uç: Magento ticaret platformu

Ön uç: Angular JS

Sorun giderildi:

Yükleme sorunları — Orijinal web sitesinin görünmesi 7 saniye kadar sürdü. Bu da 7 saniyeden uzun süre boş ekran anlamına geliyordu. Magento, varsayılan olarak KnockoutJS tabanlı CMS üzerinde tasarlanmış bir ön uç sunar. Son derece entegre mağaza vitrini, web mağazasını birçok açıdan kısıtladı. Artan kullanıcı sayısı mağaza performansını olumsuz etkilemeye başladı.

Bizim çözümümüz:

Angular JS ile tasarlanan başsız bir şablonla arka ucun vitrini etkilemesini filtreledik. Klasik lazyload yaklaşımı sayfa yükleme süresini neredeyse yarı yarıya azalttı.

Sonuç:

Sayfa yükleme süresi keskin bir şekilde 7 saniyeden 2,8 saniyeye düşürüldü.

Başka Bir Başsız Magento Vaka Çalışması

Arka uç: Magento Ticaret platformu

Ön uç: VueJS

Ele Alınan Sorun:

Sayfada Gezinme – Magento’nun uzmanlığı arka uç performansıyla sınırlıdır. Ön yüzü oldukça katıdır ve vitrinde her işlem yaptığınızda sıklıkla arka uç için bir tura çıkmanızı gerektirir. Yeni bir sayfaya tıkladığınızda mağaza, isteği Magento arka ucuna iletir, verileri işler ve yeni sayfayı yüklemenize olanak tanır. Sayfada gezinme bu süreçte zarar gören şeylerden biridir.

Bizim çözümümüz:

VueJS ile Magento üzerinde Tek Sayfa Uygulaması kurmayı başardık. Kullanıcı artık Vue şablonundaki sayfalar arasında gezinebilir. Sorgunun büyük bir kısmı, Magento arka ucunun yanmasını önleyen Vue şablonunda zaten çözüldü.

Sonuç:

Manifoldlara göre sayfada gezinme zaman dilimleri.

Shopify Web Mağazasında Headless’ı Uygulama

Arka uç: Shopify Commerce platformu

Ön uç: Gatsby JS

Uzun Ödeme oturumları — Shopify da dahil olmak üzere herhangi bir e-ticaret platformundaki ödeme oturumları genellikle çok uzundur. Kullanıcılardan ödeme yapmadan önce 4 uzun sayfayı doldurmaları istenir. Arka hikaye: her sayfayı yayınlayın, mağaza bir sonraki sayfayı Shopify arka ucundan yeniden yükler, ardından üçüncü taraf ödeme ağ geçitlerinin işleme gecikmesi gelir. Bununla birlikte, her aşamada tamponlarımız var, bu da ödeme bölümünü zaman alıcı ve sinir bozucu hale getiriyor.

Her şeyden önce Shopify, ödeme sayfasını özelleştirme yeteneğini sınırlandırarak yöneticinin içerik üzerindeki kontrolünü kısıtlar.

Bizim çözümümüz:

Gatsby JS ile tek sayfalık sanal bir ödeme bölümü oluşturmayı başardık. Alanları sınırlandırdık ve tüm detayları tek sayfada topladık.

Sonuç:

Ödeme oturumu süresi çok sayıda azaltıldı.

Başsız O Kadar Kusursuz Değil mi

E-ticaret mağazanızdaki çoğu sorunu çözmek için başsız yaklaşımın bir yaklaşım olduğunu iddia etsek de, bu kesinlikle kusursuz olduğu anlamına gelmez. İşte Headless Commerce’e sahip olmamak için birkaç neden:

Büyüyen Maliyet:

Headless ticaretin en iyi yanı, web mağazasının önceden tanımlanmış bir ön uca sahip olmamasıdır. Geliştiriciler, cihaz odaklı içerik sunmak için onu sıfırdan oluşturuyor. En kötü yanı, zaman almasıdır ve maliyeti yüksek olabilir.

Buna ek olarak pazarlama ekibinin insanlara ulaşma konusunda yeterli olmaması nedeniyle daha fazla harcama yapmanız gerekiyor. Sahipler, birden fazla cihazda açılış sayfalarının başlatılması konusunda BT ekibine oldukça bağımlıdır.

Pazarlama dostu değil

Başsız bir ticaret sistemi, ön uç sunum katmanından yoksundur. Bunun anlamı:

İçeriğin son kullanıcıların cihazlarında ön izlemesi zorlaşıyor.
Pazarlamacılar geleneksel WYSIWYG ortamında içerik oluşturma konusunda başarısız oluyor.
Başka bir departmandaki güvenilirliğin artması nedeniyle içerik tasarlamak, oluşturmak ve yayınlamak çok daha yavaş hale geliyor.

Bu, Başsız ticaretin sonuçta pazarlamacıları içerik oluşturma ve sunma konusunda BT departmanına daha fazla bağımlılıkla daha fazla performans gösterme konusunda strese sokacağı anlamına gelir.

Vitrindeki Kısıtlı Değişiklikler

Headless ticaret sistemi WYSIWYG ortamına sahip değildir ve yalnızca JS tabanlı çerçevelerle oluşturulmuştur. Web sitenize siteyi genişletmek için yeterli alan sunarken aynı zamanda JS geliştiricilerine fazla bağımlı kalmadan ön ucun daha fazla yeniden tasarlanmasını da kısıtlar.

Özetliyor

Önde gelen e-ticaret işletmeleri başsız mimariye sahiptir. Her şeyden önce onlara iyilik konusunda yardımcı oluyor. Başsızın avantajları olduğu gibi dezavantajları da vardır. Daha da ileri gitmeniz gerekebilir, ancak elde edeceği sonuçlar kalıcı olacaktır.

Geleneksel mimariler hâlâ yeterince yönetici dostudur, ancak yine de değişmeyen tek şey değişimdir.

Tags:

Leave A Comment