Görünüm Alanı (Viewport) Nedir?

Mağazanın ödeme formu masaüstünde rahat okunurken telefonda son düğme klavye açılınca görünmeyebilir. Telefonun üzerinde yazan fiziksel ekran çözünürlüğünü bilmek bu soruyu tek başına yanıtlamaz. Sayfanın yerleşiminin hesaplandığı genişlik ile kullanıcının o anda gerçekten görebildiği bölüm farklı olabilir. Bir ürün fotoğrafına yakınlaşınca sayfadaki başlıklar yeniden yazılmaz, fakat ekranda görünen bölüm daralır. Ekip tasarımı değerlendirirken pencerenin genişliğini, içeriğin kapladığı alanı ve görünen bölgeyi ayrı kaydeder.

Dar ekranda sipariş özeti sabit bir alt çubukla gösteriliyor olsun. Müşteri apartman numarası yazarken klavye ekranın bir bölümünü kapatır; sabit çubuk da kalan alanın üzerine gelebilir. Büyük bir masaüstü penceresini yalnızca daraltmak bu durumu aynı şekilde üretmeyebilir. Örneği değerlendirirken gerçek bir telefonda adres alanına odaklanılır, ekranın hangi bölümünün hâlâ görülebildiği ve kullanıcının onay denetimine kaydırarak ulaşabildiği incelenir. Görüntü yakınlaştırıldığında metnin okunabilirliği de ayrıca değerlendirilir. Adres klavyesiyle sayısal klavyenin kapladığı alan cihazdan cihaza farklılık gösterebilir.

“Telefonda açılmıyor” yerine ekran yönü, sayfa, klavyenin durumu ve gizlenen öğe birlikte belirtilirse düzeltme daha isabetli olur. Ürün sayfasını ilk açarken bütün içerik sığabilir, fakat renk seçimi açılır listesi görünürken seçim düğmesi kapsam dışında kalabilir. Böyle bir durumda yalnız ana sayfanın boş sepetle çekilen ekran görüntüsü yeterli kanıt değildir. Örnek bir ürünü sepete ekleyip gerçek görev boyunca görünüm alanının nasıl değiştiğini izlemek en sık kullanılan yolun tamamını denetler.

Bir kullanıcı ürünü yakınlaştırınca yalnızca ekranda görebildiği alan küçülür. Bu sırada sayfa görünürlük durumu hâlâ görünür olabilir. Ölçüm ekibi ürün kartının tamamının her an görüldüğünü varsayarsa farklı telefonlarda aynı tasarımın neden farklı sonuç verdiğini açıklamakta zorlanır.