Hangi ayrıntının karar verdirdiğini seçin

Ürün ekibine müşterinin büyütmek istediği şeyi sorun: dikiş, bağlantı noktası, yüzey dokusu veya üzerindeki etiket olabilir. Aynı fotoğraf bunların hepsini açıklamayabilir. Sandalye örneğinde genel görünüm ölçüyü anlamaya yardım ederken ayrı bir dikiş karesi işçiliğin görünür kısmını anlatır. Fotoğraftan çıkarılamayacak dayanıklılık veya malzeme iddialarını görselin üzerine yüklemeyin; gerekli teknik bilgiyi yazıyla sunun.

Kaynak dosyanın gerçekten ayrıntı taşıdığını doğrulayın

Yakınlaştırılan bölgeyi asıl dosyada inceleyin. Küçük bir önizlemenin büyütülmesiyle yeterli çözünürlükteki fotoğrafa geçilmesi aynı sonuç değildir. Kaynak yetersizse daha güçlü yakınlaştırma düğmesi eklemek sorunu çözmez; yeni çekim veya ayrı detay fotoğrafı gerekebilir. Renk ve dokunun ekranlara göre algılanabileceğini düşünerek kesin satın alma bilgisini yalnız bu görünüme bırakmayın. Örneği hem açık hem koyu yüzeylerde kontrol edin.

Kontrolleri yalnız hareket keşfine bırakmayın

Yakınlaştırma, uzaklaştırma ve başlangıca dönme seçeneklerini görünür yapın. Büyüyen görselin içinde dolaşmak gerekiyorsa sürükleme yanında uygulanabilir düğmeler değerlendirin. W3C’nin sürükleme açıklamasındaki yön düğmeli harita örneği, hareketin tek yol olmak zorunda olmadığını gösterir. Ürün fotoğrafına uyarladığımız ders budur. Düğmelerin dokuyu kapatmamasını ve telefonda birbirine karışmamasını ayrıca sınayın.

Açılır görünümün kapanışını da tasarlayın

Yakınlaştırma modal pencerede açılıyorsa W3C dialog örüntüsündeki odak, Escape ile kapanış ve açan kontrole dönüş davranışlarını inceleyin. Bizim kabul görevimiz, dikişi inceledikten sonra aynı ürün seçimine devam edebilmektir. Görsel dışına dokunmak tek kapatma yolu olmasın. Ziyaretçi yanlışlıkla galeriyi değiştirirse hangi fotoğrafta olduğunu anlayabilmeli; pencere kapanınca sayfa başına savrulmamalı.

Düşük bağlantı koşulunu ayrı deneyin

İlk ürün sayfasına bütün büyük görselleri yüklemek yerine geliştiriciyle yükleme zamanını konuşun. Yakınlaştırma istendiğinde bekleme varsa anlaşılır durum gösterin; boş alanı başarılı yükleme gibi sunmayın. Görüntü gelmediğinde küçük görsele ve ürün bilgisine dönüş yolu bırakın. Bu yazı belirli dosya boyutu garantisi vermez: gerçek fotoğrafları ve hedef cihazları kullanarak aktarım boyutu ile ayrıntı kalitesini birlikte değerlendirin.

Teslimi tek bir ayrıntı bulma göreviyle sınayın

Bir kişiden sandalyenin dikiş birleşimini bulmasını, görünümü sıfırlamasını ve ürün sayfasına dönmesini isteyin. Fare, klavye ve telefon denemelerinde kaybolan kontrol veya bulanık bölgeyi kaydedin. Sorunlu adımı web tasarım teslimine ekleyin. Ürün kararını destekleyen diğer içerikler için ürün sayfası rehberi ile birlikte değerlendirin. Yakınlaştırmanın varlığı tek başına daha iyi ürün sunumu kanıtı değildir.

Sık sorulan sorular

Her üründe yakınlaştırma gerekli mi?

Hayır. Görsel ayrıntı satın alma sorusunu cevaplamıyorsa ayrı teknik çizim, ölçü veya açıklama daha faydalı olabilir.

Fotoğrafın çözünürlüğünü yazılımla büyütmek yeterli mi?

Yeni piksel üretmek, gerçek ürün ayrıntısını doğrulamaz. Karar için gerekli detayın kaynak çekimde bulunmasını sağlayın.

Kaynaklar ve ileri okuma

W3C — Dialog pattern W3C — Dragging movements
Web tasarım & geliştirmeBu hizmeti konuşalım