Bazı testlerde, görsel hataları raporlama seçeneğiniz olabilir. Görsel hatalar, web siteleri veya uygulamaların grafik kullanıcı arayüzleri ile ilgilidir. Örneğin:
Düzen çerçevesi problemleri, örneğin hizalanmamış metinler/öğeler
Duyarlı tasarım problemi, örneğin bir öğe bir mobil cihazda görünürken diğerinde görünmemesi
Metin/öğeler istemeden üst üste gelmiş
Metin/öğeler kesilmiş
HTML veya CSS dosyalarında düzeltilebilecek herhangi bir şey
Tekrarlayan Problemler
Bir görsel sorun tekrarlıyorsa, her ne kadar her bir olay farklı bir URL, bağlantı, resim vb. içerebilir olsa da, sadece bir kez gönderilmelidir. Bu, olaylar aynı sayfada veya farklı sayfalarda gerçekleşse de geçerlidir. Bu tek hata raporu, diğer URL'lerin, bağlantıların, resimlerin vb. de etkilenip etkilenmediğini belirtmelidir.
Her bir olay için bireysel hata raporları gönderilmemeli ve reddedilecektir. Müşterinin görsel problemi fark etmesi için tek bir referansa ihtiyacı vardır. Sorunu inceleyecek ve tüm olaylar için çözecektir.
Örnekler:
Bazı öğeler aynı görsel problemi gösteriyor, örneğin metinler veya resimler kutularından daha büyük.
Giriş alanları varsayılan metinlerini tamamen görünür şekilde tutacak kadar büyük değil.
Tanıtım metinleri istemeden diğer öğeleri örtüşüyor.
Fonksiyonel Hata Olarak Yükseltme
Bir görsel hatası bir işlevselliği engelliyorsa, bu durum, aslında işlevin kendisi kusurlu olmasa bile, bir fonksiyonel hata olarak rapor edilmelidir.
Eğer işlevselliğe sezgisel ve kolay bir alternatif yol veya seçenekle ulaşılabiliyorsa, kullanıcılar işlevselliği kullanmaktan etkilenmezler ve bu nedenle sorun bir fonksiyonel hata olarak rapor edilmemelidir. Bu durumda görsel problemi olarak kalır.
Görsel Sorunların Belgelenmesi
Görsel raporlar ekran görüntüleri içermelidir. Bir eylem görsel bir probleme neden oluyorsa, ek bir ekran kaydı gerekebilir. Hata raporlarının nasıl belgelenmesi gerektiği hakkında daha fazla bilgi için, makalemize göz atın: Hata Raporu Gereksinimleri.
Responsive ve Nonresponsive Web Sitesi İçeriği: Gizli Görsel Hatalar
Responsive hatalar, kategori açısından sizi şaşırtabilir, içerik ve görsel hatalar arasında: web sitesinin responsive tasarımından kaynaklanan sorunlar.
Bu sorunlar, web sitesinde hızlıca gezinirken daha az fark edilir, ta ki aniden gerekli tüm bilgilerin bulunduğu ama garip şekilde görüntülenen bir sayfa ile karşılaşana kadar. Eğer durum böyleyse, bunu görmezden gelebilir ve hata bildirmeyi kaçırabiliriz!
Örnek Durum
Responsive tasarımı test ederken, bir sayfanın akıllı telefonda mükemmel göründüğü bir durumla karşılaşabilirsiniz (örneğin "Popüler TV Şovları ve Film Türleri" sayfası), ancak bir kategori sayfasına (örneğin "KOMEDİ") geçildiğinde içerik, öğeler çok küçük olduğu için neredeyse görünmez hale gelir.
Nasıl Belirlenir
Sayfalar arasında tutarsız ölçeklendirme olup olmadığını kontrol edin
Metnin ekran boyutunuzda okunamaz hale gelip gelmediğine bakın
Gezinme öğelerinin dokunmak için çok küçük olup olmadığını fark edin
Bazı sayfalarda yatay kaydırma olup olmadığını kontrol edin, diğerlerinde ise olmadığını gözlemleyin
Ücretsiz Çevrimiçi Yanıt Testi
Google Chrome Lighthouse (eski adıyla Google Mobile Friendly Test), web sayfalarının mobil cihazlar için optimize edildiğinden emin olmak için değerli bir yardımcı olabilir. Bu araç, font boyutu, dokunma hedefleri ve görünüm alanı yapılandırması gibi mobil kullanılabilirlik faktörlerini değerlendirerek testçilerin web sayfalarındaki görsel sorunları tanımlamasına yardımcı olabilir (SEO bölümü). Görsel bir hata ile karşılaşırsanız, bu araç hatanın kök nedeninin sayfanın responsive (duyarlı) tasarımı olup olmadığını belirlemenize yardımcı olabilir. Önceki ayrı bir web sitesinde çalışan Google Mobile-Friendly Test'in aksine, Google Chrome Lighthouse Google Chrome tarayıcısına eklenmeli ve test edilen web sitesinde doğrudan çalıştırılmalıdır. Kurulum süreci ve ayrıntılı eğitim burada mevcuttur.