Ürün sayfası, e-ticaretin karar anıdır. Kullanıcı buraya gelene kadar ilgisini göstermiştir; sayfanın işi ikna etmek değil, kalan soruları ortadan kaldırmaktır. İyi bir ürün sayfası tasarımı bu yüzden estetikten önce bir bilgi mimarisi problemidir: hangi bilgi hangi sırayla, hangi ayrıntı düzeyinde verilecek?
Ekranın ilk görünen bölümü
İlk ekranda cevaplanması gereken sorular sabittir: Bu ürün tam olarak nedir? Neye benziyor? Kaça? Bana uygun seçeneği var mı? Ne zaman elime geçer? Bu beş sorunun cevabı kaydırmadan görünüyorsa sayfanın temeli sağlamdır.
- Başlık marka, model ve ayırt edici özelliği içermeli; arama sonucundan gelen kullanıcı doğru sayfada olduğunu bir bakışta anlamalıdır.
- Galeri ürünü farklı açılardan, kullanım hâlinde ve ölçek algısı verecek şekilde göstermelidir. Yakınlaştırma masaüstünde, kaydırmalı galeri mobilde beklenen davranıştır. Tüm görseller aynı en boy oranında hazırlanmalı, aksi hâlde varyant değişiminde düzen kayar.
- Fiyat net olmalı; indirim varsa eski fiyatın hangi fiyat olduğu açık biçimde belirtilmelidir. Birim fiyat (kilogram, litre, adet başına) gösterilebiliyorsa gösterin; karşılaştırmayı kolaylaştırır.
- Varyant seçimi stok durumunu yansıtmalıdır. Tükenmiş bedeni gizlemek yerine görünür ama seçilemez bırakmak, kullanıcıya "burada bu seçenek var ama şu an yok" bilgisini verir.
- Teslimat bilgisi tahmini tarih veya süre olarak verilmelidir. "Hızlı kargo" ifadesi hiçbir sorunun cevabı değildir.
Sepete ekleme ve mobil davranış
Birincil eylem tek olmalıdır. Sepete ekleme düğmesinin yanına aynı görsel ağırlıkta ikinci bir eylem koymak, kararı hızlandırmak yerine yavaşlatır. Favorilere ekleme veya karşılaştırma gibi ikincil eylemler daha sönük bir görsel dilde durmalıdır.
Mobilde uzun sayfalarda sepete ekleme düğmesinin sabitlenmesi işe yarar; ancak bu çubuk, ürün adını ve seçili varyantı da göstermelidir, yoksa kullanıcı ne eklediğinden emin olamaz. Ekleme sonrası geri bildirim de kritik: sayfayı tamamen değiştirip sepete atlamak, alışverişe devam etme niyetini keser. Yan panel olarak açılan bir sepet özeti hem onay verir hem akışı korur.
İkinci bölüm: ayrıntı ve itirazlar
İlk ekranın altında, kullanıcının aklına gelen soruları öngörerek sıralayın. Genellikle işe yarayan sıra şudur: açıklama, teknik özellikler tablosu, beden veya uyumluluk rehberi, kargo ve iade koşulları, değerlendirmeler, ilgili ürünler.
Açıklama metni pazarlama sıfatlarıyla değil, karar verdiren ayrıntılarla dolu olmalıdır: malzeme, ölçü, ağırlık, kutu içeriği, uyumluluk, bakım. Teknik özellikleri düz metin paragrafı yerine tablo veya tanımlı liste hâlinde vermek, taramayı kolaylaştırır ve karşılaştırmayı mümkün kılar. İade ve kargo koşullarını başka bir sayfaya bağlantı vermek yerine sayfanın içinde özetleyin; bu bilgiyi aramak zorunda kalan kullanıcı çoğu zaman geri dönmez.
Değerlendirme bölümü varsa gerçek olmalıdır. Yorum sayısı azken bunu gizlemek yerine dürüstçe göstermek, uydurulmuş bir sosyal kanıttan hem etik hem uzun vadeli güven açısından daha iyidir. Yorumları filtrelenebilir yapmak (bedene, kullanım amacına göre) sayıyı artırmaktan daha çok işe yarar.
Teknik taraf: hız, kayma ve işaretleme
Ürün sayfası genellikle sitenin en ağır şablonudur: çok görsel, çok betik, çok üçüncü taraf. Üç kural bu yükü kontrol altında tutar. Birincisi, ilk ekrandaki ana görsel geç yüklenmemeli, yüksek öncelikle istenmelidir; galerinin geri kalanı ertelenebilir. İkincisi, her görsel alanına baştan yer ayrılmalı ve varyant değişiminde görsel boyutu sabit kalmalıdır; aksi hâlde düzen kayması yaşanır. Üçüncüsü, sekmeli içerikler ilk yüklemede tarayıcıya ağır gelmemeli, gerektiğinde getirilmelidir.
Arama görünürlüğü için ürün sayfasına yapılandırılmış veri ekleyin: ürün adı, marka, tanımlayıcı, fiyat, para birimi ve stok durumu. İşaretlenen bilgi sayfada görünen bilgiyle birebir aynı olmalıdır. Ayrıca kırıntı navigasyonu hem kullanıcı için hem arama motoru için sayfanın katalog içindeki yerini anlaşılır kılar.
Stokta olmayan ürünü boş sayfa yapmayın
Tükenen ürünün sayfasını silmek ya da ana sayfaya yönlendirmek, hem birikmiş arama görünürlüğünü hem kullanıcıyı kaybettirir. Doğru davranış sayfayı korumak, durumu açıkça belirtmek ve bir sonraki adımı sunmaktır: gelince haber ver seçeneği, benzer ürünler, aynı ürünün farklı varyantı. Aynı şekilde ürün kalıcı olarak kaldırıldıysa en yakın kategoriye yönlendirmek, kullanıcıyı boşluğa düşürmekten iyidir.
Son olarak ürün sayfasını tek bir şablon olarak değil, ürün tipine göre esneyen bir sistem olarak kurgulayın. Bir mobilya ile bir kozmetik ürününün kullanıcıya vermesi gereken bilgi aynı değildir. Bu esnekliği içerik alanları düzeyinde tanımlamak, her yeni kategori için yeniden tasarım yapmayı gereksiz kılar. Katalog kurgusuna dair yaklaşımımızı e-ticaret hizmetimiz sayfasında anlatıyoruz.
