E-Ticaret Ürün Sayfası: Kararı Hızlandıran Tasarım

Ürün sayfası, e-ticaret sitesinde kararın verildiği ekrandır. Kullanıcı orada ürünü tanımaya değil, almaya ya da vazgeçmeye çalışır. Sayfanın işi bu kararı hızlandırmak ve kararsızlığı besleyen her şeyi ayıklamaktır.

İlk ekranda ne durmalı

Kaydırma yapmadan görünen alanda dört şey bulunur: ürünün ne olduğunu söyleyen başlık, toplam maliyeti veren fiyat, seçilebilir varyantlar, satın alma butonu. Fiyatın yanında kargo ve varsa ek ücretler görünmüyorsa o fiyat eksik yazılmıştır. Kargo bedelini son adıma saklamak, sepette kaybedilen kullanıcının en kolay önlenebilir sebebi.

Marka hikâyesi ve uzun pazarlama metni bu alanın altına iner. Ürün adının üstüne konmuş üç paragraflık giriş kimse tarafından okunmuyor.

Stok ve fiyat, önbellekle çelişir

“Stok anlık gösterilsin” tavsiyesiyle “sayfa hızlı açılsın” tavsiyesi aynı anda uygulanamaz, çünkü hızın kaynağı çoğunlukla tam sayfa önbelleğidir. Önbellekten dönen HTML, stok sayısını yazıldığı andaki değeriyle taşır; on dakika önce tükenmiş ürün hâlâ “son 3 adet” der. Sepete ekleme adımında hata veren sayfa, ziyaretçinin gözünde yavaş sayfadan daha kötüdür.

Çözüm önbelleği kapatmak değil. Sayfa önbellekten gelsin, stok ve fiyat alanı açılıştan hemen sonra ayrı bir istekle doldurulsun. Anlık stok için bu ayrı uç noktayı, HTML’e gömülü sayıdan belirgin biçimde güvenilir bulurum: ilkinde en kötü ihtimalle alan bir an boş kalır, ikincisinde kullanıcıya doğrudan yanlış bilgi verilir.

Görseller neyi cevaplamalı

Yakınlaştırma her üründe işe yarar. 360 derece çevirme çoğu üründe süstür. Kumaşın dokusunu, bağlantı noktasını, tuş yüksekliğini gösteren üç net fotoğraf, dönen bir animasyondan daha fazla soru cevaplar.

Ölçek sorusunu yazıyla değil görselle çözün: ürün bir elin yanında, bir masanın üstünde, giyilmiş halde. “Genişlik: 42 cm” satırı doğrudur ama kimse 42 santimi zihninde canlandırmıyor. Her görsele alt metin yazın; ekran okuyucuyla gezen ziyaretçi için ürün bilgisi orada başlıyor ve orada bitiyor.

Varyantlar

Tükenen varyantı listeden çıkarmayın; pasif gösterin ve sebebini yazın. Aradığı bedeni hiç göremeyen kullanıcı o bedenin üretilmediğini sanır, bir daha da bakmaz.

Varyant değiştiğinde adres satırı da değişsin. Kırmızısını arkadaşına gönderen kişi, karşı tarafın siyah varsayılanı açmasını beklemiyor. Aynı düzen destek ekibinin de işini görür: hangi varyanttan söz edildiği bağlantıda yazar.

Yorumlar

Olumsuz yorumu gizleyen bölüm, hiç yorum olmamasından zararlıdır. Beş yıldızdan başka bir şey görmeyen kullanıcı bütün bölümü sahte sayar; düşük puanları da göstermek, kalan olumlu yorumların inandırıcılığını satın alır.

Varsayılan sıralama en yeni olsun. “En yararlı” sıralaması zamanla donar, iki yıl önce beğenilmiş bir yorum geçen ay değişen tedarikçiyi bilmez. Beden, kullanım amacı, deneyim süresi gibi filtreler gerçekten işe yarar; ama bu alanları yorum formunda toplamıyorsanız sonradan çıkarmanın yolu yok.

Sepete eklerken

Sepete ekleme sonrası kullanıcının iki şeyi bilmesi gerekir: eklendi mi, şimdi nereye gidiyor. Sayfayı doğrudan sepete atlatmak alışverişi keser, hiçbir şey göstermemek tereddüt yaratır. Kalıcı bir sepet göstergesi ve sayının gözle görülür şekilde artması çoğu durumda yeterli.

Önce hangisi

Hepsini birden yapamıyorsanız sıra şudur: toplam fiyatın şeffaflığı, stok bilgisinin doğruluğu, görselin soruyu cevaplaması, yorumların dürüstlüğü. İlk ikisi güven meselesidir ve bir kez kırıldığında sayfanın geri kalanı ne kadar iyi olursa olsun bunu telafi etmez.