Çoğu satıcı dönüşümü ürün sayfasında arar. Saatlerce açıklama yazar, görsel değiştirir, buton rengiyle oynar. Oysa ziyaretçinin kararı çoktan verilmiştir — kategori listesinde, o küçük kartın önünde geçirdiği bir buçuk saniyede. Ürün sayfası o kararı yalnızca onaylar veya bozar.
Bu yüzden bir epin satış panelinde en yüksek getirili tasarım işi, kart düzenidir. Kart, katalogundaki yüzlerce ürünün her birinde tekrarlanır; oradaki bir puanlık iyileşme tüm trafiğe çarpılır. Aşağıda kartın hangi sinyalleri taşıması gerektiğini, stok ve teslim bilgisinin kararı nasıl değiştirdiğini, fiyat bloğunun nasıl kurulacağını ve güzel görünen bir kartın neden yavaş olduğu için satamadığını tek tek açıyorum.
Kart, Ürün Sayfasından Daha Çok Satar — Çünkü Kararı O Verdirir
Bir ziyaretçi kategori sayfasında tek tek ürün incelemez; eleme yapar. Gözü ızgarada gezinir, uymayanları eler, kalan iki üç adaydan birine tıklar. Yani kartın işi ikna etmek değil, elenmemektir. Elenmenin en yaygın sebepleri de tasarımsal değildir: ürün adının yarısının görünmemesi, fiyatın belirsiz olması, teslim süresinin yazmaması, kartların farklı yüksekliklerde olup ızgaranın dağılması.
Buradan çıkan ilke şudur: kart tasarımında önce tutarlılık, sonra estetik gelir. Tüm kartlar aynı yükseklikte olsun, aynı yerde aynı bilgi bulunsun, göz bir kartı öğrendikten sonra diğerlerini refleksle okuyabilsin. Bir kartta rozet varken diğerinde boşluk kalması, kaotik bir izlenim üretir. Modern bir dijital ürün satış scriptinde bunu şablon seviyesinde çözersin: alanlar boş olsa bile yer tutucu yükseklik korunur.
Kartta Kaç Bilgi Olmalı? Beş Sinyal Kuralı
Kart, özet olmak zorundadır; özet olmaktan çıktığı anda işe yaramaz. Beş sinyal yeter: ne olduğu (ürün adı, iki satırla sınırlı, oyun/platform net), ne kadar (fiyat, gerekiyorsa çapa fiyat), ne zaman eline geçeceği (anında teslim / stok durumu), neden buradan (tek küçük güven veya farklılık rozeti) ve ne yapması gerektiği (tek aksiyon).
Altıncı bilgiyi eklemek genellikle ilk beşinden birini zayıflatır. Kartta açıklama paragrafı, üç ayrı rozet, yönetici notu ya da uzun etiket listesi olmasın. Özellikle rozet enflasyonuna dikkat: «Çok satan», «Yeni», «İndirimli», «Stokta» rozetlerinin hepsi aynı kartta olursa hiçbiri anlam taşımaz. Rozet kuralını sistemde tanımla: bir kartta en fazla bir rozet, öncelik sırası sabit.
| Kart öğesi | Amacı | Önerilen biçim | Sık yapılan hata |
|---|---|---|---|
| Ürün adı | Tanıma ve eleme | Maks. 2 satır, oyun adı önde | Uzun teknik ad, kırpma için üç nokta |
| Görsel | Hızlı tanıma | Sabit oran, tek stil, modern format | Farklı oran ve çerçevede karışık görseller |
| Fiyat | Karar çapası | En büyük tipografi, tek para birimi | Kuruş kalabalığı, iki farklı yerde fiyat |
| Teslim bilgisi | Belirsizliği kaldırmak | Kısa ve net etiket | Hiç yazmamak |
| Stok durumu | Aciliyet ve dürüstlük | Yalnızca azaldığında sayı göster | Sahte kıtlık sayacı |
| Rozet | Farklılık sinyali | Kart başına en fazla bir | Üç dört rozetin üst üste binmesi |
| Aksiyon | Sonraki adım | Tek buton, net fiil | Aynı kartta iki eşit buton |
Stok, Teslim Süresi ve Güven: Kartta Görünmeyen Şey Yok Sayılır
Dijital ürün satışında alıcının kafasındaki en büyük soru fiyat değil, «kodu ne zaman alacağım»dır. Bu soruyu kartta cevaplamazsan ziyaretçi ya ürün sayfasına gidip arar ya da riski almayıp elenir. «Anında teslim» gibi üç kelimelik bir etiket, sayfanın en çok iş yapan üç kelimesi olabilir.
Stok tarafında ise dürüstlük tek doğru strateji. Stok sayısını sürekli göstermek gerekmez; ama azaldığında göstermek gerçek bir aciliyet yaratır. Buradaki kritik nokta, gösterdiğin sayının gerçek olmasıdır. Sahte kıtlık, kısa vadede tıklama artırır; kullanıcı iki gün sonra aynı «son 3 adet» yazısını gördüğünde ise sadece o kartı değil tüm siteyi güvenilmez sayar. Tükenen ürünlerde de kartı gizlemek yerine pasif görünümde tut ve «gelince haber ver» seçeneği sun; talep verisi toplamanın en ucuz yolu budur.
Kategori sayfasında elenme sebeplerinin dağılımı
- Fiyat/değer belirsizliği 38%
- Teslim ve stok bilgisinin olmaması 27%
- Okunmayan veya kırpılmış ürün adı 22%
- Yavaş yükleme ve yerleşim kayması 13%
Fiyat Bloğunu Nasıl Kurgularsın? Çapa, İskonto ve Yuvarlama
Fiyat, kartın en büyük tipografisi olmalı — çünkü kararın merkezi odur. Üç pratik kural: birincisi, kuruşları temizle; ızgarada yan yana duran dokuz kartta kuruş kalabalığı okunabilirliği öldürür. İkincisi, indirim varsa çapa fiyat göster ama yalnızca gerçek bir eski fiyat varsa; uydurma üstü çizili tutar hem etik hem yasal risktir. Üçüncüsü, kartta ikinci bir fiyat türü (örneğin bakiye fiyatı) göstereceksen bunu ana fiyatla aynı görsel ağırlıkta yapma; ikincil, küçük ve etiketli olsun.
Bir de miktar kademeleri meselesi var. E-pin satışında aynı ürünün 60, 325, 660 birimlik varyantları olur. Bunları ayrı kartlar olarak dökmek ızgarayı şişirir ve kullanıcıyı yorar. Daha iyisi: tek kartta ürün ailesini göster, kart içinde küçük kademe seçicisi koy ve fiyat seçime göre güncellensin. Böylece hem katalog derli toplu kalır hem kullanıcı sayfa değiştirmeden kıyaslama yapar. İyi bir e-pin satış yazılımı bu gruplamayı veri modelinde destekler; sonradan arayyüzle yamamaya çalışmak zordur.
Sadece başlığı veya görseli tıklanabilir bırakmak, özellikle mobilde kayıp tıklama üretir. Tüm kart gövdesi tek bir hedefe götürsün; içindeki sepet butonu ise ayrı davransın ve kart bağlantısını tetiklemesin.
Görsel, Boyut ve Hız: Güzel Kart Yavaşsa Satmaz
Kategori sayfasında 24 kart varsa 24 görsel yüklüyorsun demektir. Her biri 400 KB ise kullanıcı 10 MB indirmeye çalışır ve mobil bağlantıda vazgeçer. Çözüm üç başlıkta: modern format kullan, kart boyutuna uygun ölçüde türetilmiş görsel servis et (1600px'lik dosyayı 240px'lik kutuya koymayı bırak) ve ilk ekran dışındaki görselleri tembel yükle.
Bir de yerleşim kayması var. Görsel kutusuna oran ver, yükseklik baştan bilinsin; aksi halde görseller geldikçe ızgara zıplar, kullanıcı dokunmak istediği kart yerine başkasına dokunur. Tipografide sabit satır sınırı, rozette sabit yükseklik, butonda sabit genişlik kullan. Bu detaylar tek tek küçük görünür ama toplandığında «bu site profesyonel» hissini üreten şeyin tam kendisidir — ve o his, fiyat kadar satar.
Kartta Aksiyon: «Satın Al» mı, «Sepete Ekle» mi?
Bu soruya tek doğru cevap yok; katalog yapına bağlı. Ürünlerin tek varyantlıysa ve alıcı genelde tek kalem alıyorsa kartta doğrudan hızlı satın alma mantıklıdır — adım sayısını azaltmak dönüşümü artırır. Ürünler çok varyantlıysa veya birlikte alınma eğilimi yüksekse sepete ekleme daha iyidir, çünkü sepet ortalamasını büyütür.
Hangisini seçersen seç, iki şeyi ihmal etme. Birincisi geri bildirim: butona basıldığında sayfa yenilenmeden görsel bir onay ver, sepet sayacı anında artsın; belirsizlik kullanıcıyı ikinci kez bastırır ve çift sipariş üretir. İkincisi hata durumu: stok bitmişse, kampanya kapanmışsa veya fiyat değişmişse kart üzerinde nazik ve net bir mesaj göster. Dönüşümü bitiren şey genellikle kötü tasarım değil, ne olduğunu anlamadığı bir andır. O anı ortadan kaldırdığında kartların kendi başına satmaya başladığını görürsün.
| Kontrol maddesi | Nasıl bakılır | Kabul kriteri | Önem |
|---|---|---|---|
| Kart yükseklik tutarlılığı | Farklı ad uzunluklarıyla ızgarayı görüntüle | Tüm kartlar aynı yükseklikte | Kritik |
| Fiyat okunabilirliği | 380px genişlikte fiyat bloğu | En büyük öğe, tek para birimi | Kritik |
| Teslim etiketi | Tüm kartlarda var mı | Kısa, net ve doğru | Kritik |
| Rozet sayısı | En kalabalık kartı incele | Kart başına en fazla bir rozet | Yüksek |
| Görsel boyutu | Ağ sekmesinde toplam aktarım | Kart görselleri ölçülendirilmiş | Yüksek |
| Yerleşim kayması | Yavaş bağlantı simülasyonu | Izgara zıplamıyor | Yüksek |
| Tıklama alanı | Mobilde kart kenarına dokun | Tüm gövde tek hedefe gidiyor | Orta |
| Aksiyon geri bildirimi | Sepete ekle butonuna bas | Anında görsel onay, sayacı artıyor | Orta |
Kartlarını satan bir vitrine dönüştür
Pinova'nın ürün kartı şablonları sabit yükseklik, kademe seçici, gerçek stok göstergesi ve ölçülendirilmiş görsel servisiyle gelir. Özelliklere göz at veya lisansı incele.
Kartta stok sayısı göstermeli miyim?
Sürekli değil, azaldığında göster. Tek koşul sayının gerçek olması. Sabit kalan bir «son 3 adet» yazısı kısa sürede fark edilir ve tüm sitenin güvenilirliğini zedeler.
Aynı ürünün farklı miktar kademelerini ayrı kart yapmalı mıyım?
Genellikle hayır. Tek kartta ürün ailesini gösterip kart içinde kademe seçicisi sunmak daha iyi çalışır; katalog derli toplu kalır ve kullanıcı sayfa değiştirmeden kıyaslama yapar.
Kartta «satın al» mı yoksa «sepete ekle» mi olmalı?
Tek varyantlı ve tek kalem alınan katalogda hızlı satın alma dönüşümü artırır. Çok varyantlı veya birlikte alım eğilimi yüksek kataloglarda sepete ekleme sepet ortalamasını büyütür.
Kart görselleri için hangi boyut doğru?
Kartın ekranda kapladığı gerçek genişliğin yaklaşık iki katı yeterlidir. Büyük dosyayı küçük kutuya yerleştirmek yerine türetilmiş boyutlar üret, modern format kullan ve ilk ekran dışını tembel yükle.
Ürün kartı, katalogunun her sayfasında tekrar eden en küçük satış birimidir; onu düzeltmek tek bir sayfayı değil tüm vitrini düzeltir. Beş sinyal kuralının, kademe seçicinin ve sabit yükseklikli ızgaranın pratikte nasıl göründüğünü incelemek için canlı demo'da bir kategoriyi mobil genişlikte aç ve kartları yukarıdaki kontrol tablosuyla tek tek karşılaştır; kendi sitende neyi değiştirmen gerektiği ilk bakışta ortaya çıkar.