Ana içeriğe geç
Görsel Hatalar

Görsel hatalar nedir?

Nikola Jonic avatar
Yazar: Nikola Jonic
Bir haftadan uzun bir süre önce güncellendi

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.

Ü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ğini sağlamakta değerli bir yardımcı olabilir. Bu araç, mobil kullanılabilirlik faktörlerini değerlendirerek web sayfalarındaki herhangi bir görsel sorunu belirlemeye yardımcı olabilir; örneğin, yazı tipi boyutu, dokunmatik hedefler ve görüntüleme alanı yapılandırması (SEO bölümü). Bir görsel hata ile karşılaşırsanız, bu araç sorunun kök nedeninin sayfanın duyarlı olup olmadığını belirlemenize yardımcı olabilir. Önceki Google Mobile-Friendly Test’in aksine, Google Chrome Lighthouse, Google Chrome tarayıcısına eklenmeli ve doğrudan test edilen web sitesinde çalıştırılmalıdır. Kurulum süreci ve ayrıntılı eğitim burada mevcuttur.

Bu cevap sorunuzu yanıtladı mı?