E-Ticaret Arayüzü: Görsel, Yorum, Kupon ve Sepet Onayı
E-ticaret arayüzünde birkaç karar var ki hepsi kulağa doğru gelir, uygulanınca bir kısmı ters teper. Büyük görsel, kolay kupon, mobilde gizlenen açıklama, sepete eklendi bildirimi. Aşağıdakiler bu dört kararın uygulamadaki karşılığı ve nerede maliyete dönüştükleri.
Büyük görsel, ağır sayfa demek değil
Ürün fotoğrafını büyütmek doğru, aynı dosyayı her yerde servis etmek değil. Kategori listesine 300 piksellik, ürün sayfasına tam boy sürümü gidecek şekilde srcset tanımlayın. Tek bir 2000 piksellik görseli CSS ile küçültmek, listeyi mobil bağlantıda dakikalarca bekletmenin en kolay yolu.
Her görsele width ve height yazın. Yoksa görseller yüklendikçe liste kayar, kullanıcı tıkladığı ürünün yerine altındakini açar. Bu, kıyaslamayı hızlandırmak için büyüttüğünüz görselin kıyaslamayı bozması demek.
Stok fotoğrafı yerine gerçek çekim kullanın: ahşabın dokusu, cihazın portları, dikişin yakın planı. Banner gibi duran görseli kullanıcı reklam sanıp atlıyor.
Yıldız ortalaması tek başına az şey söyler
4,3 puan, o puanı verenlerin sizinle aynı ihtiyacı taşıyıp taşımadığını söylemez. Yorum formuna iki alan ekleyin: ürünü hangi amaçla aldı, hangi model ya da bedeni seçti. Sonra bu alanları filtreye bağlayın; kullanıcı kendine benzeyen yorumu okur, ortalamayla uğraşmaz.
Faydalı bulma oyunu sıralamada kullanacaksanız dikkat: yeni yorum sıfır oyla başlar, en tepedeki yorum aylarca oy toplamaya devam eder ve sıralama donar. Oy ağırlığını tarihe göre azaltın, yoksa bir yıl önce gönderilmiş, artık satılmayan varyanta ait bir yorum sayfanın yüzü olur.
Kupon alanı iki ucu keskin
"Kupon kullanımını kolaylaştırın" tavsiyesi tek başına uygulanınca sepeti kaçırır. Ödeme sayfasında boş bir indirim kodu kutusu gören kullanıcı kod aramaya çıkar, bir kısmı geri dönmez. Kutuyu görünür yapmak, elinde kod olmayan herkese bir eksiklik hissi satmak anlamına geliyor.
Yapılacak şey basit: kampanya kodunu bağlantıdan otomatik uygulayın, indirimi sepet toplamında anında gösterin, manuel giriş alanını ikincil bir bağlantının arkasına alın. Kupon koşulunu da kutunun yanında yazın; "geçersiz kod" mesajı, alt limiti 500 lira olan bir kampanyayı açıklamıyor.
Açıklamayı gizlemenin bedeli
Mobilde yer kazanmak için ürün açıklamasını akordeona koymak yaygın bir çözüm ve üç ayrı maliyeti var: fazladan bir dokunuş, sayfa içi aramanın kapalı içeriği bulamaması, açıklama sonradan JavaScript ile çekiliyorsa arama motoru tarafında hiç sayılmaması.
Ortası şu: özet üstte açık dursun, detay katlanabilir olsun ama içerik ilk yanıtta DOM'a gelsin ve yalnızca görsel olarak gizlensin. Ölçü, malzeme, bakım ve kutu içeriği gibi iade sebebi olabilecek bilgileri hiç katlamayın.
Sepete eklendi bildirimi tıklamanın değil, yanıtın işi
Yaygın hata, sepet sayacını tıklama anında artırmak. İstek başarısız olduğunda kullanıcı ürünü eklediğini sanarak ödemeye kadar gider ve orada boş sepetle karşılaşır. Sayacı sunucu yanıtına bağlayın, hata gelirse geri alın ve nedenini yazın: stok bitmişse bunu ödeme adımında değil, düğmenin yanında öğrensin.
Onayın biçimi ikinci mesele. Modal akışı keser, kullanıcı alışverişe devam etmek için pencereyi kapatmak zorunda kalır. Sağ üstte kısa süre açılan sepet önizlemesi hem eklendiğini gösterir hem yolu kapatmaz. İkon rengini değiştirmekle yetinmeyin, o değişimi kimse fark etmiyor.
Destek içeriği
Yardım sayfasını tek uzun metin olarak bırakmayın, konu başlığına göre ayrı sayfalara bölün ve her ürün sayfasından ilgili olanına bağlantı verin. Kargo süresi sorusunun cevabı, kullanıcının o cevabı aradığı yerde durmalı.