İçeriğe geç
Caner Sevimli

E-ticaret · NOT 06

E-ticarette ürün sayfası: karar vermeyi kolaylaştırmak

··3 dk okuma

İyi bir ürün sayfası, ziyaretçinin ürünü anlamasına ve kendisi için uygun olup olmadığına karar vermesine yardım eder. Tasarımın görevi, bu karar için gerekli bilgileri doğru sırada görünür kılmaktır.

Bu yazıda

Ürünün ne olduğundan fazlasını anlat

Bir fotoğraf ürünün rengini gösterebilir; boyutunu, dokusunu veya günlük kullanımını aynı açıklıkta göstermeyebilir. Ürün sayfasının görsel sırasını bu eksik sorulara göre kurmak gerekir. Genel görünümün yanında ayrıntı, ölçü ve bağlam gösteren görseller seçilebilir.

Bir masa lambası örneği üzerinden düşünelim. Ziyaretçi lambayı beğenebilir ama çalışma masasına sığıp sığmayacağını bilmiyor olabilir. Ölçü çizimi, masa üzerindeki kullanım fotoğrafı ve kablo uzunluğu bilgisi bu belirsizliği azaltır. Yalnızca ürünü farklı açılardan tekrar eden altı fotoğraf aynı işi yapmayabilir.

Seçim ile sonuç birbirine yakın olsun

Renk veya boyut seçildiğinde ne değiştiği açık görünmeli. Görsel değişiyorsa seçimle eşleşmeli; stok veya fiyat farklıysa ilgili yerde güncellenmeli. Ziyaretçinin üstte bir varyant seçip aşağıda başka bir ürün özetiyle karşılaşması, küçük görünen ama güveni zedeleyen bir kopukluktur.

Sepete ekleme düğmesinin çevresi bu yüzden önemli. Seçilen varyantı, miktarı ve gerekli açıklamayı birbirinden uzaklaştırmamayı tercih ederim. Telefon ekranında sabit bir düğme kullanılıyorsa, içerikteki bir seçimi veya onayı örtmediğini ayrıca kontrol etmek gerekir. Daha görünür bir düğme, eksik seçimi tek başına çözmez.

Belirsizliği saklayan görsel sadelikten kaçın

Sade bir sayfa, bütün bilgiyi kapalı alanlara taşımak demek değildir. Teslimat beklentisi, ürün içeriği veya iade koşullarına ulaşım, kararın önemli parçaları olabilir. İşletmenin gerçek politikasını kısa bir özetle göstermek ve ayrıntıya bağlantı vermek, uzun bir metin duvarından daha kullanılabilir bir düzen kurabilir.

Burada tasarımcının politikayı uydurmaması gerekir. Depo, teslimat, garanti veya stok konusunda doğrulanmamış bir cümle görseli tamamlamak için yazılmamalı. Eksik bilgi önce işletmeyle netleştirilir; sonra arayüze yerleştirilir. Görsel bütünlük ile doğru bilgi aynı anda korunmalıdır.

Sayfayı bir görevle dene

Birine ürün sayfasını açıp yalnızca güzel bulup bulmadığını sormak yerine küçük bir görev ver: Masana uygun boyutu seç, teslimat bilgisini bul ve seçimini kontrol et. Cevaplardan çok, hangi noktada durduğunu gözlemek tasarım için yararlı olabilir.

  • Ürünün boyutunu görselden bağımsız anlayabiliyor mu?
  • Seçili varyantı ve stok durumunu ayırt edebiliyor mu?
  • Sepete ekleme sonrası net bir sonuç görüyor mu?
  • Yanlış seçimden geri dönmek kolay mı?
  • Ekran yakınlaştırıldığında fiyat ve seçimler hâlâ okunuyor mu?

Dijibee’yi de ilgilendiren tasarım alanı tam olarak bu: ticaretin ekranla buluştuğu noktalar. Güçlü bir vitrin kurarken her küçük seçimin nasıl çalıştığını da aynı dikkatle ele almak. İyi görünen sayfa ile karar vermeyi kolaylaştıran sayfayı birlikte tasarlamak.