what is mobile responsive test
Mobil Duyarlı Testin Önemi:
Günümüzün mekanize dünyasında, web siteleri yalnızca bir dizüstü bilgisayarda veya bir masaüstü bilgisayarda değil, aynı zamanda bir tablet ve bir akıllı telefonda da görüntüleniyor.
Alışveriş yapmak, internette gezinmek veya e-posta göndermek için masaüstlerimizin veya dizüstü bilgisayarlarımızın önünde oturduğumuz günler geride kaldı. Artık mobil çağ ve insanlar internete sokaklarda yürürken, parkta otururken, rahatlarına göre diledikleri yerde erişiyorlar.
Bir masaüstü, dizüstü bilgisayar, tablet ve bir akıllı telefon görürseniz, yalnızca işletim sistemleri, CPU'lar vb. Değil, aynı zamanda ekran boyutları da farklılık gösterir.
Bu nedenle, yalnızca bir uygulamaya değil, aynı zamanda bir web sitesine de güvenen bir işletme için, web sitesinin bu farklı boyutlara tam olarak uyması çok önemlidir. Müşterileriniz veya kullanıcılarınız, web sitenizin içeriğine daha iyi bakmak için telefonlarını ayarlamak zorunda kalırlarsa bundan hoşlanmayacaklardır.
Hepimiz Amazon, Agoda ve ZDNet vb. Web sitelerini neredeyse günlük olarak kullanıyoruz. Bir sonraki sayfaya veya bir resme erişmeniz gerekse de bağlantı ekrana uymuyorsa veya tıklamak için çok küçükse ne kadar sıkıcı olacağını bir düşünün. Bu tür şeyler kullanıcının ilgisini kaybetmesine neden olur.
Mobil duyarlı veya mobil uyumlu davranış burada devreye giriyor.
Duyarlı veya kullanıcı dostu web tasarımı temelde web siteleriyle ilgilidir. Mobil duyarlı web tasarımı, kullanıcılara görüntüledikleri cihazda iyi bir görüntüleme deneyimi sunmak için web sitesi geliştirmede izlenen bir yaklaşımdır.
Google, arama sonuçlarında mobil uyumlu sitelere öncelik verir ve bu nedenle web sitenizi bunu akılda tutarak tasarlamak önemli hale gelir.
Önce bu 'Mobil duyarlı web tasarımının' ne olduğunu anlayalım.
Ne öğreneceksin:
- Mobil Duyarlılığın veya Dostu Tasarımın Anlamı
- Önerilen Araç
- Sonuç
Mobil Duyarlılığın veya Dostu Tasarımın Anlamı
Duyarlı web tasarımı aynı zamanda RWD olarak da adlandırılır ve web sayfalarının farklı cihazlar ve ekran boyutları ile yorumlanmasını sağlamak için bir web sitesi tasarlama yaklaşımıdır.
Aşağıdakileri içeren üç geliştirme ilkesine sahiptir:
- Akışkan Izgaralar: Bu yaklaşım, geçmiş piksel tabanlı yaklaşıma değil yüzdeye dayanmaktadır.
- Medya sorguları : Bu, cihazın ekran boyutuna göre farklı stiller uygulamak için kullanılır.
- Esnek görüntüler ve medya : Bu, ölçekleme veya CSS kullanarak görüntüleri ve medyayı farklı boyutlarda farklı şekilde göstermeye yardımcı olur.
Geliştirme yaklaşımı ile duyarlı web sitelerinin test edilmesi de önemlidir.
Mobil uyumlu web sitelerinin, bir dizüstü bilgisayarda veya masaüstünde olduğu gibi aynı deneyimi mobil cihazlarda da kullanıcılara sunması gerekir. Farklı tarayıcılar, farklı ekran boyutları, modlar (yatay veya dikey vb.) İçin test edilmesi gerekiyor.
Önerilen Araç
# 1) LambdaTest LT Tarayıcısı
Kullanıcılara, web sitelerinin yanıt verme yeteneğini çeşitli cihaz görünümlerinde test etmeleri için bir geliştirme çalışma alanı sağlayan geliştirici odaklı bir tarayıcı. Hızlı yanıt veren testler için harcanan zamanı azaltmak amacıyla geliştirildi, web test edicilerinin ve geliştiricilerin günlük test görevlerini basitleştirmek için oluşturuldu.
Ana Özellikler:
- Farklı Cihaz Görünümlerinde Anında Test Edin.
- Kendi Özel Cihazınızı oluşturun.
- Yan yana farklı görünüm alanlarında hata ayıklama.
- Yerel Web Sitesi Testi hiç bu kadar kolay olmamıştı.
- Daha hızlı hata ayıklama için dahili geliştirici araçları.
- Ekran Görüntüleri ve Videolar çekin ve bunları ekibinizle paylaşın.
Mobil Duyarlı Test ve Zorlukları
Duyarlı bir web tasarımını dahil etmek hikayeyi sona erdirmez, web sitesinin tüm cihazlarda beklendiği gibi göründüğünden emin olmak için uygulamanın test edilmesi de aynı derecede önemlidir.
Web sitesi yayınlanmadan önce içerik, videolar, resimler, bağlantılar vb. Tümünün görünümleri açısından test edilmelidir. Yalnızca cihazlarda değil, aynı zamanda farklı tarayıcılarda ve işletim sistemlerinde de test yapılması gerekir.
3 yıllık deneyim için sql sorguları mülakat soruları ve cevapları
Örneğin , bir web sitesi, iOS veya Windows ile karşılaştırıldığında Android'de biraz farklı görünebilir.
(resim kaynak)
Ancak QA'nın yanıt verebilirliği test ederken karşılaştığı büyük zorluklar da var. En büyük zorluk, ekran boyutları, işletim sistemi sürümleri, telefon modları, tarayıcılar ve çözünürlüklerinin kombinasyonlarıdır. Dolayısıyla stratejiye karar vermek zordur. Diğer zorluklar arasında test süresi, araçlar, test önceliklendirme vb. Yer alır.
Aşağıda, nasıl test edileceğine karar vermek için bazı ipuçları verilmiştir:
# 1) Test ortamı
Telefon boyutları, tarayıcılar, işletim sistemleri ve sürümlerin farklı kombinasyonları için matrisler oluşturmak çok sıkıcı ve karmaşık bir iştir. Bu nedenle, bir QA olarak, İş Yönetiminden ve ürün sahibi veya yöneticisinden girdi almayı öneririm.
Çünkü test yatağının komplikasyonları göz önüne alındığında, test edilmesi gereken versiyonlara, boyutlara vb. Karar vermelerine izin verilmesi tavsiye edilir. Müdürünüz veya SCRUM yöneticiniz tarafından onaylanmayan test yataklarını araştırmak ve strateji oluşturmak için çok zaman harcayabilirsiniz. Web sitelerine masaüstünden, telefondan vb. Erişilebilir.
Bu nedenle, test ortamının, sürümleri tüm bu cihazlar için ortak olacak tarayıcıları içermesi gerekir, bu şekilde sürüm varyasyonunun komplikasyonları önlenir ve aynı sürüm herkes üzerinde test edilebilir.
# 2) Zaman Tahsisi
Duyarlı web sitelerinin test edilmesi çok zaman aldığından, test için ne kadar zaman gerektiğini ve ne kadarının tahsis edildiğini tartışmanız ve sonuçlandırmanız gerekir.
Buna dayanarak neyi ve nasıl test edeceğinize dair bir plan hazırlamanız gerekecektir. Bir dizi önemli test yatağı kombinasyonunun test edilebilmesi için test için yeterli zamanın ayrıldığından emin olun.
# 3) Gerçek Aygıtlar ve Emülatörler
Bu kadar çok kombinasyonu test etmek için tüm gerçek cihazları satın almak mümkün olmadığından emülatörler ve simülatörler kullanılabilir.
Deneyimlerime göre, en önemlileri sürümler, boyutlar vb. Ve gerçek cihazlarda test edilmesi gerekiyor ancak biraz eski olan sürümler ve telefon boyutları emülatörler ve simülatörler üzerinde test edilebilir.
# 4) Manuel veya Otomasyon
Hem manuel hem de otomasyon yaklaşımı kullanılarak test yapılabilir. Bazen araçlar bir gözün görebildiğini göremez, bu nedenle bazen manuel testlerin de yapılması gerekir. Çabalar,% 65 otomasyon ve% 35 manuel çaba veya tam tersi şeklinde bölünebilir.
Örneğin ,küçük bir bağlantıya tıklayan bir araç, sayfayı uzaklaştıran bir araç yerine parmaklarımızla tıklamaktan veya bir web sayfasını manuel olarak uzaklaştırmaktan çok farklıdır.
# 5) Teste Öncelik Verme
Teste doğru bir şekilde öncelik verilmesi gerekir çünkü test edilecek çok şey vardır ve her şey test edilemez. Bu nedenle, tüm ekip test planı ve önceliği üzerinde anlaşmalıdır. Test önceliği, Yönetim Kuruluna ve ürün sahibine önceden bildirilmelidir, böylece herhangi bir önerileri varsa, o zaman bunlara da bakılabilir.
Yaygın olarak kullanılan işletim sistemlerinin, tarayıcıların ve ekran boyutlarının kombinasyonları kapsamlı ve öncelikli olarak test edilmelidir. . Tecrübelerime göre, en son mobil işletim sisteminde tam bir test turu yapılmalıdır, ancak tüm sorunlar giderilip doğrulandıktan sonra herkes en yeni mobil işletim sistemini kullanmaz.
Bir Web Sitesinin Duyarlılığını Test Etmenin Önemi
Bir web sitesinin içeriği, işletmeyi teşvik eden şeydir ve içerik müşterilere çekici gelmiyorsa, işletme iyi gelişemez. Dolayısıyla, duyarlı bir web sitesi geliştirmek hikayeyi sonlandırmaz, aynı zamanda kontrol edilmesi ve doğrulanması gerekir.
Testler, müşterilerimize kaliteli, sağlam ve kullanıcı dostu bir uygulama sunmamızda hayati bir rol oynar. Aynısı bir mobil duyarlı web sitesi için de geçerlidir.
Aşağıda, Mobil Duyarlı Web Sitesini test etmenin önemini belirten birkaç faktör verilmiştir:
# 1) Çok sayıda cihaz, işletim sistemi ve tarayıcı: Farklı ekran boyutlu cep telefonları, işletim sistemleri ve tarayıcılar için içerik doğrulaması yapılmalıdır. İçeriğin mükemmel olması durumunda başkaları için de mükemmel olacağı anlamına gelmez.
# 2) Sağlamlık: Bir web sitesinin içeriği yüklemek için harcadığı süre, farklı platformlarda aynı olmalı ve 'desteklenen' herhangi bir cihaz veya tarayıcıda yavaş olmamalı veya zaman aşımına uğramamalıdır. Bu nedenle, web sitesinin performansının test edilmesi, mobil duyarlı web siteleri için önemlidir.
# 3) Gezinme: Web sitesinin farklı bağlantıları arasında gezinildiğinde sayfaların beklendiği gibi yüklenmemesi, mobil web sitelerini veya uygulamaları test ederken bulunan çok yaygın bir kusurdur. Bazen, gezinme ile oynatılırken bağlantıların eksik olması veya görüntülerin yüklenmemesi veya zaman aşımına uğramaması olabilir.
# 4) Çeşitli Resim ve Videolar: Her tür resim ve videonun farklı telefonlarda, tarayıcılarda vb. Beklendiği gibi gösterilip gösterilmediğini doğrulamak için uygun bir test gereklidir.
Bazen bazı videolar Android'de iyi oynatılıyor ancak iOS'ta bile yüklenmiyor veya bazı görüntüler mobil işletim sisteminin bazı sürümlerinde bozuk görünürken diğerlerinde mükemmel görünüyor
Bu tür sorunlar, test yapılmazsa çok kötü bir izlenim bırakabilir. Bu nedenle, mobil duyarlı web sitelerini test etmek, işlevsellik, güvenlik vb. Gibi diğer testlerle birlikte önemlidir.
Mobil Duyarlılığı Test Etmek İçin Birkaç Örnek Test Durumu
Test uzmanları genellikle cep telefonlarının, tarayıcıların, tabletlerin, dizüstü bilgisayarların vb. Pencerelerini yeniden boyutlandırarak test etmeye başlar, ancak test edilmesi gereken çok daha fazlası vardır.
Aşağıda, mobil duyarlı bir web sitesini test ederken ele alınabilecek birkaç örnek test senaryosu verilmiştir, test senaryolarının tüm test yatağı matrisleri için test edildiğinden emin olun:
- İçeriğin ekrana sığdığını ve kesilip çıkarılmadığını veya bozulmadığını doğrulayın.
- Videoların yüklenip yüklenmediğini ve içinde kopuk bağlantı bulunmadığını doğrulayın.
- Metin renginin, yazı tipinin vb. Aynı kalıp kalmadığını kontrol edin.
- Uzaklaştırmanın web sayfası içeriğini, resimleri ve videoları bozup bozmadığını doğrulayın.
- Hızlı kaydırmanın içeriği bozup bozmadığını doğrulayın.
- Bağlantıların iyi çalışıp çalışmadığını ve kullanıcıyı uygun sayfaya götürüp götürmediklerini doğrulayın.
- Web sayfasının zaman aşımına uğramadığını veya yüklenmesinin çok uzun sürmediğini doğrulayın.
- Yatay moddan dikey moda mı yoksa tam tersi mi değiştirmenin içeriği buna göre ayarladığını doğrulayın.
- .Jpg, .png, .gif, vb. Gibi farklı türlerdeki görüntülerin beklendiği gibi gösterilip gösterilmediğini doğrulayın.
- Küçük ekranlı telefonlarda yakınlaştırıldığında bağlantıların tıklanabilir hale gelip gelmediğini doğrulayın.
- Web sayfaları arasında gezinmenin içeriği vb. Bozup bozmadığını doğrulayın.
Mobil Duyarlı Test Araçları
Bir cep telefonunun yanıt verme yeteneğini test etmek için hem ücretsiz hem de ücretli olan birkaç araç vardır.
Tecrübelerime göre, bu belirli test türü için, çeşitli telefonlar, işletim sistemleri, tarayıcılar vb. İçin kullanılabilecek bir araç kullanmak daha iyidir. Farklı cihazlar, tarayıcılar için farklı araçlar kullanmak mümkün değildir. , vb.
Bu nedenle, bir araç seçerken, maksimum test yatağını kapsayabilecek olanı seçin.
Ek Açık Kaynak Mobil Duyarlı Test Araçları:
# 1) Websiteresponsivetest.com: Bu araç, tüm büyük web tarayıcılarını destekler ve gerçek web sitesinin nasıl görüneceğine dair bir önizleme sağlar. Bir web sitesinin yanıt verebilirliğinin sonuçlarını almak için web sitemizin URL'sini girmemiz gerekir.
# 2) Ekran Sineği: Aynı zamanda mobil duyarlı bir test aracıdır ve Galaxy sekmesinde, iPad'de vb. Test etmek için kullanılabilir. Web sitesinin mobil sitesini otomatik olarak algılar ve sizi aynı yere götürür.
# 3) VeiwPort Yeniden Düzenleyici: Yapılandırılabilir bir araçtır ve bir tarayıcının ekran boyutunu özelleştirmek için kullanılabilir.
# 4) Sorumlu: Bu, ayrıca testiniz için alt alan satın alabileceğiniz ücretli bir sürüm olarak gelir. Bu araç, web sitesinin URL'sini sağlayarak web sitesinin nasıl görüneceğini gösterir.
Sonuç
Mobil duyarlı test, tüm kullanıcıların cihazlarında (belki bir dizüstü bilgisayar, masaüstü bilgisayar, tablet veya akıllı telefon) optimum bir görüntüleme deneyimi yaşayıp yaşamadığından emin olmak için çok önemlidir.
Daha önce tartışıldığı gibi, yalnızca içerik bir kullanıcıya iyi görünüyorsa, daha ileri gitmekle ilgilenecektir, bu nedenle diğer işlevsellik testi türleriyle birlikte, güvenlik, stres vb. Duyarlı testler de çok önemlidir ve hafife alınmamalıdır.
Mobil duyarlı test basittir, ancak test yatakları en büyük karmaşıklığı ve buna meydan okumayı oluşturur. Bu nedenle, bir QA olarak akıllıca başa çıkmalısınız.
Bir sonraki yazımızda daha fazla tartışacağız. Bulut Tabanlı Mobil Uygulama Testi Hizmet Sağlayıcıları .
Önerilen Kaynaklar
- En İyi Yazılım Test Araçları 2021 (QA Test Otomasyon Araçları)
- Mobil Test Neden Zor?
- 2021'de 10 En İyi Mobil Uygulama Güvenlik Test Aracı
- Mobil Test İşine Hızlıca Nasıl Sahip Olunur - Mobil Test Kariyer Rehberi (Bölüm 1)
- 5 Mobil Test Zorlukları ve Çözümleri
- Android ve iOS için 2021'de EN İYİ 15 En İyi Mobil Test Aracı
- Bulut Tabanlı Mobil Uygulama Testi: Tam Bir Genel Bakış
- 40'tan Fazla En Yaygın Mobil Test Mülakat Soruları ve Örnek Mobil Test Özgeçmişiyle Yanıtları