uurstudios
Tüm projeler
UX AraştırmasıA/B TestReact NativeExpoTypeScriptİstatistikVitestPlaywright

Yemek Sipariş Uygulaması ve Ödeme Akışı A/B Deneyi

React Native + Expo ile geliştirilen; sepet terk sorununa karşı yeniden tasarlanan tek sayfa ödeme akışını eski 4 adımlı akışla aynı uygulama içinde A/B deneyi olarak karşılaştıran, huni ve anlamlılık hesabı yapan çalışan yemek sipariş uygulaması.

Yemek Sipariş Uygulaması ve Ödeme Akışı A/B Deneyi — uurstudios tarafından geliştirildi
Sektör
Yemek siparişi · konsept çalışma
Yıl
2026
Teknolojiler
UX Araştırması, A/B Test, React Native, Expo, TypeScript, İstatistik, Vitest, Playwright

Konsept çalışma, çalışan ürün. Bu proje belirli bir müşteri için değil, uurstudios portföyü için baştan sona geliştirildi. Kod, testler ve ölçüm sonuçları gerçek ve kaynak kodda doğrulanabilir. Benzerini sizin markanız için de geliştirebilirim.

Bu çalışma; bir şehirde çalışan yemek sipariş uygulamasının keşif, menü, sepet ve ödeme deneyimini veriye dayalı yeniden kuran çalışmadır. Yeni tasarım Figma'da değil, uygulamanın içinde: eski ve yeni ödeme akışı aynı kod tabanında yaşar, kullanıcılar deterministik olarak varyantlara atanır ve uygulama içi deney paneli sepet terk oranını, adım sayısını ve istatistiksel anlamlılığı gerçek olay günlüğünden hesaplar. Ekran görüntüleri uygulamanın kendisinden alınmıştır.

Problem

Kullanıcıların büyük bölümü sepete ürün ekledikten sonra ödemeyi tamamlamıyordu: teslimat ücreti son adımda sürpriz oluyor, menülerde kayboluyor, il/ilçe/posta kodu zorunlu adres formunda hata alıyor ve 4 ekranlık ödeme akışında vazgeçiyorlardı.

Çözüm

Her bulguya kodda karşılık gelen bir çözüm: teslimat ücreti ve süre restoran kartında, menüde 'ücretsiz teslimata ₺X kaldı' ilerlemesi; Popüler bölümü otomatik öne alan yapışkan kategori çipleri; haritadan dokunarak adres seçimi ve kayıtlı adreslere tek dokunuş; adres, ödeme, bahşiş, not, özet ve toplamın aynı ekranda olduğu tek onaylı ödeme; keşifte kampanya kartı ve sepette anında doğrulanan promosyon kodları. Kontrol grubu olarak eski akış da uygulamada (4 adım, zorunlu form, ücret son adımda). Deney altyapısı: FNV-1a özetiyle kararlı varyant ataması, 7 olay tipi, sepete ekleyen oturum bazında huni, iki oran z-testi ve örneklem büyüklüğü hesabı; sentetik veri ayrı etiketlenir. Fiyat kuralları (ücretsiz teslimat eşiği, küçük sipariş ücreti, servis ücreti, koşullu promosyonlar, yoğun saat ETA'sı) saf fonksiyonlarda. 37 birim testi, 42 kontrollü uçtan uca akış, 14 gerçek ekran görüntüsü. Tasarım belirteçleri mobil bankacılık projesindeki sistemden türetildi; kontrast sözleşmesi iki temada testle doğrulanır.

Sonuç

Aynı sepet iki akışta uçtan uca test edildi: klasik akış 4 ekran + 1 form hatası, yeni akış 1 ekran ve 0 hata ile siparişi tamamlıyor; deney paneli bunu olay günlüğünden okuyor. Sentetik 1.200 oturumluk örnekte sepet terk %84'ten %55'e, dönüşüm artışı +%182, p < 0,0001 (sentetik olduğu arayüzde açıkça belirtilir). Kaynak kod GitHub'da; gerçek analitik arka ucu ve harita SDK'sı entegrasyonu kapsam dışı.

Yemek Sipariş Uygulaması ve Ödeme Akışı A/B Deneyi ekran görüntüsü 1Yemek Sipariş Uygulaması ve Ödeme Akışı A/B Deneyi ekran görüntüsü 2

Canlı demo

Telefondaymış gibi deneyin

Uygulamanın kendisi, tarayıcıda çalışıyor. Dokunun, kaydırın, form doldurun; verileriniz yalnızca bu tarayıcıda saklanır ve kimseyle paylaşılmaz.

Kaynak kodu inceleyin

Diğer projeler

Benzer bir projeniz mi var?

Fikrinizi anlatın, 24 saat içinde size özel bir teklif ve yol haritasıyla dönüş yapayım.

Teklif Al
WhatsApp