İçeriğe geç
Bir Adapte Dijital markası · Kurumsal web tasarım ve dijital pazarlama
SİTE

Mobil Sepet Akışı Neden Masaüstünden Ayrı Tasarlanır? 6 Sebep ve Çözüm

Gürbüz Özdem Yayın: Güncelleme: 6 dk okuma
Özet: Sepet ve ödeme önce telefonda çizilir · Toplam tutar ve ödeme düğmesi altta sabit durur · Her form alanı doğru klavyeyi açar, gereksiz alan kaldırılır · Kesintiden sonra sepet ve form hatırlanır.

Mobil sepet akışı masaüstünden ayrı tasarlanır, çünkü telefonda ekran dar, giriş başparmakla yapılır, klavye ekranın yarısını kaplar ve alışveriş sık sık bir bildirimle ya da aramayla kesilir. Masaüstü sepetini küçülterek mobile taşımak, bu dört farkı görmezden gelir. Sonuç, sepete eklenen ama ödemeye ulaşmayan siparişlerdir.

Biz 2026’da Türkiye’deki mağaza projelerinde sepeti ve ödeme adımlarını önce telefonda çiziyor, masaüstünü sonra genişletiyoruz. Bu yazıda nedenini altı sebeple ve her sebebin tasarım çözümüyle anlatıyoruz.

Güncelleme: Ekim 2026 · Adapte Dijital · Denetleyen: Gürbüz Özdem

Sebep 1: Dar ekran tek sütun ve tek ana düğme ister

Masaüstünde sepet özeti sağda, ürün listesi solda durabilir. Telefonda bu iki sütun alt alta düşer ve toplam tutar ile ödeme düğmesi en alta kayar. Ziyaretçi ödemeye geçmek için uzun bir liste kaydırmak zorunda kalır. Çözüm, toplam tutarı ve ödemeye geç düğmesini ekranın altına sabitlemektir.

Sabit alt çubuk

Alt çubukta yalnız iki şey durur: toplam tutar ve ödemeye geç düğmesi. Kupon ve not alanı listenin içinde, açılır bölüm olarak kalır.

Ürün satırı

Her ürün satırında küçük fotoğraf, ad, varyant, adet ve kaldır seçeneği bulunur. Adet değiştirme düğmeleri parmakla rahat basılacak boyutta olur.

Kısa cevap: Telefonda ekran dar, giriş başparmakla, klavye büyük ve alışveriş sık kesilir. Bu dört fark yüzünden sepet ve ödeme önce mobil için çizilir.
Altı sebep, altı kontrol maddesi6sebep6kontrol maddesi1ana düğme
Mobil sepet akışı tasarımında 6 sebep ve 6 maddelik kontrol listesi

Sebep 2: Başparmak ekranın her yerine eşit ulaşmaz

Telefonu tek elle tutan kişi ekranın alt ve orta bölgesine rahat, üst köşelere zor ulaşır. Ödeme düğmesi sağ üst köşedeyse her siparişte fazladan bir hareket gerekir. Biz ana eylemleri alt bölgeye, geri ve kapat gibi ikincil eylemleri üst bölgeye koyarız. Düğmeler arasında yanlış dokunuşu önleyecek boşluk bırakırız.

Dokunma alanı

Dokunma hedefinin boyutu için başvuru kaynağı W3C WCAG yönergeleridir.

Yanlış dokunuş

Kaldır düğmesi adet düğmesinin hemen yanında durursa yanlışlıkla ürün silinir. Silme sonrası geri al seçeneği kısa süre görünür kalır.

Sebep 3: Klavye ekranın yarısını kaplar

Adres ve iletişim formu doldurulurken klavye açılır ve formun yarısı görünmez olur. Her alan için doğru klavye tipi seçilmezse kullanıcı harf klavyesinde rakam arar. Telefon alanı rakam klavyesi, e-posta alanı e-posta klavyesi açmalıdır. Otomatik doldurma desteklenirse adres ve kart bilgisi tek dokunuşla gelir.

Alan sayısı

Gerekmeyen her alan kaldırılır. Şirket adı, ikinci adres satırı gibi isteğe bağlı alanlar açılır bağla gösterilir.

Hata mesajı

Hata alanın hemen altında, alan doldurulurken gösterilir. Formun en üstünde toplu hata listesi klavye açıkken görünmez.

  • Telefon alanı rakam klavyesi açar
  • E-posta alanı e-posta klavyesi açar
  • Posta kodu rakam klavyesi açar
  • Adres alanları otomatik doldurmaya açıktır
  • Kart alanları cihazın kayıtlı kart önerisine açıktır
Telefonda sepetten onaya1Sepeti gözdengeçir2Teslimat adresi3Kargo seçimi4Ödeme bilgisi5Sözleşme onayı6Sipariş onayı
E-ticaret web tasarımında mobil sepet ve ödeme adımları

Sebep 4: Kargo ve teslim seçimi küçük ekranda kaybolur

Masaüstünde kargo seçenekleri yan yana tablo olarak görünür. Telefonda bu tablo okunmaz hâle gelir. Biz her seçeneği tek satırlık bir kart olarak gösteririz: firma ya da yöntem, tahmini teslim bilgisi ve bedel. Kargo bedelinin alınmadığı sepet eşiği varsa sepette ne kadar kaldığı tek satırla yazılır.

Eşik metni

Eşik metni kısa tutulur: bu tutara ulaşınca kargo bedeli alınmaz. Eşiğin nasıl hesaplandığını sepet eşiği hesabı yazısında anlattık.

Mağazadan teslim

Fiziksel mağazası olan işletmede mağazadan teslim seçeneği ayrı bir kart olarak durur ve adres alanını atlatır.

Sebep 5: Alışveriş telefonda sık sık kesilir

Bir arama, bir bildirim ya da uygulama değişimi ödemeyi yarıda bırakır. Ziyaretçi geri döndüğünde sepeti boş, formu sıfırlanmış bulursa büyük ihtimalle vazgeçer. Sepetin ve doldurulan alanların hatırlanması mobil tasarımın temel kuralıdır. Üye olmadan alışverişe izin vermek de kesintiden sonra yeniden giriş yapma engelini kaldırır.

Üye olmadan alışveriş

Ödeme adımında üyelik zorunlu tutulmaz. Sipariş sonrası tek dokunuşla hesap oluşturma seçeneği sunulur.

Kesintiden dönüş

Sepetin ve formun korunması, sepetten çıkışı azaltan temel önlemlerdendir. Diğer önlemler sepet terk oranını düşürme sayfasında.

SIK YAPILAN HATA

Ödeme adımında üyeliği zorunlu tutmak. Telefonda şifre oluşturmak ve doğrulama e-postası beklemek, siparişi yarıda bıraktırır.

Masaüstü ile telefon arasındaki farkEkranDar; tek sütun, tek ana düğmeGirişBaşparmak; düğmeler altta ve büyükKlavyeEkranın yarısını kaplar; doğru tipKesintiBildirim, arama; sepet hatırlanırÖdemeKayıtlı kart ve cüzdan seçenekleri
Mobil sepet akışı ile masaüstü sepet farkları tablosu

Sebep 6: Ödeme yöntemleri telefonda farklı davranır

Telefonda kart bilgisi yazmak masaüstüne göre daha zahmetlidir. Cihazın kayıtlı kart önerisi ve ödeme altyapısının sunduğu cüzdan seçenekleri bu zahmeti azaltır. 3D doğrulama ekranı telefonda ayrı bir pencere ya da uygulama geçişiyle açılabilir; dönüşte sipariş ekranının doğru yüklendiği test edilmelidir.

3D doğrulama dönüşü

Banka ekranından dönüşte hata sayfası çıkması mobilde sık görülen bir sorundur. Her ödeme yöntemi gerçek telefonla test edilir.

Ödeme ekranı

Ödeme ekranının bütün düzeni e-ticaret ödeme deneyimi sayfasında. Sözleşme onayının ödeme adımındaki yeri e-ticaret yasal sayfalar yazısında.

Mobil sepet akışı yayından önce nasıl test edilir?

En az iki farklı telefonda, biri küçük ekranlı olmak üzere, baştan sona gerçek sipariş verilir. Sepete ekleme, adet değiştirme, kupon, adres, kargo seçimi, ödeme ve onay adımları tek tek işaretlenir. Test sırasında bir kez bilinçli olarak uygulamadan çıkılıp geri dönülür. Sepet ve form korunuyorsa akış hazırdır.

Test kaydı

Her adımda kaç dokunuş gerektiği ve nerede duraksandığı yazılır. Bu kayıt, sonraki iyileştirmenin listesidir.

Hız

Sepet ve ödeme düğmelerinin tepki hızı da test edilir. Etkileşim hızının ölçümü INP ve e-ticaret tasarımı yazısında.

Sepetin içinde durduğu mağaza planının tamamı e-ticaret web tasarımı sayfamızda.

HIZLI ÖZET

  • Sepet ve ödeme önce telefonda çizilir
  • Toplam tutar ve ödeme düğmesi altta sabit durur
  • Her form alanı doğru klavyeyi açar, gereksiz alan kaldırılır
  • Kesintiden sonra sepet ve form hatırlanır
  • 3D doğrulama dönüşü gerçek telefonda test edilir

KISA SÖZLÜK

Sabit alt çubuk: Sayfa kaydırılsa da ekranın altında kalan ve ana eylemi taşıyan şerit için kullanılan tasarım öğesidir.

Otomatik doldurma: Tarayıcının ya da cihazın kayıtlı adres ve kart bilgisini forma önermesi için kullanılan özelliktir.

3D doğrulama: Kartla ödemede bankanın ek doğrulama ekranı açması için kullanılan güvenlik adımıdır.

ADAPTE DIJITAL

Dijital pazarlama ve SEO danışmanlığı, İstanbul

Ajans olarak “biz” konuşur; müşterilerde ve kendi sitelerinde çalışanı yazar. Satış dili yok, “biz böyle yapıyoruz, sonucu bu” dili var. Denetleyen: Gürbüz Özdem

MOBIL SEPETINIZI BIRLIKTE TEST EDELIM

Mağazanızın bağlantısını gönderin; telefonda sepetten onaya kadar akışı birlikte gözden geçirelim.

Arayın: 0532 178 91 99 WhatsApp’tan yazın

İlgili yazılar

Sık Sorulan Sorular

Mobil sepet neden masaüstünden ayrı tasarlanır?
Telefonda ekran dar, giriş başparmakla, klavye büyük ve alışveriş sık kesilir; masaüstü sepeti bu farkları karşılamaz.
Ödeme düğmesi mobilde nerede olmalı?
Ekranın altında, toplam tutarla birlikte sabit bir çubukta durmalıdır.
Üye olmadan alışveriş açık olmalı mı?
Evet. Hesap oluşturma sipariş sonrasına bırakılabilir.
Mobil formda hangi klavye açılmalı?
Telefon ve posta kodu için rakam, e-posta için e-posta klavyesi açılmalıdır.
Kargo eşiği sepette nasıl gösterilir?
Eşiğe ne kadar kaldığı tek satırla, kısa ve net biçimde yazılır.
Mobil sepet nasıl test edilir?
İki farklı telefonda baştan sona gerçek sipariş verilir ve bir kez uygulamadan çıkılıp geri dönülür.
Bu sırrı paylaşın
Mevcut sitenize bakalım mı?Hız, mobil uyum, SEO ve dönüşüm açıklarını yazılı raporlarız. Sonra karar sizin.
Ön Analiz Talep EtWeb Sitesi Yaptırmak

SİTE: diğer yazılar

HEMEN BİZİ ARAYIN