Sitenizin uygun şekilde tepki vermesini sağlamak için görüntüleri ve metin uzunluklarını test eder
Web siteleri tasarladığımızda ve bu sitelerin içeriğinin nasıl görüntüleneceğini planladığımızda, genellikle bunu akılda ideal bir durumla yapıyoruz. Başlıkların ve metin alanlarının belirli uzunluklara sahip olduğu düşünülürken, bu metne eşlik eden görüntüler, genel tasarımda öngörülen şekilde çalışmasına izin verecek boyutlarda gösterilecek şekilde tasarlanmıştır. Bu unsurlar duyarlı bir web sitesi yapısının bir parçası olarak biraz sıvı olsa bile (ki olması gerektiği gibi), ne kadar esnek olabileceği konusunda bir sınırlama olacaktır.
Bir CMS (içerik yönetim sistemi) üzerinde bir web sitesi dağıtır ve müşterilerin bu siteyi yönetmesine ve zaman içinde yeni içerik eklemesine izin verirseniz, tasarladığınız sınırlar kesinlikle testlere alınır. Müşterilerinizin asla hayal etmediğiniz web sitesini değiştirmenin yollarını bulacağına güvenin. Tasarım sürecinizde çalışmış olduğunuz ideallerin dışındaki durumları hesaba katmamışsanız, söz konusu sitenin düzeni ciddi bir tehlike altında olabilir. Bu nedenle, bu siteyi başlatmadan önce tüm web sitesi içeriğini ve sitenin düzeninin özelliklerini test etmenin özellikle önem vermesi önemlidir. Bunu nasıl yapabileceğinize dair bazı ipuçları.
Görüntü Boyutlarını Test Etme
Şüphesiz, insanların web sitelerinin düzenini bozmalarının en yaygın yolu uygunsuz boyutta görüntüler ekleyerek (bu aynı zamanda bir sitenin genel performansını olumsuz etkileyecek ve yavaş indirme hızlarına neden olacaktır). Buna, web sitenizde tasarlandığı şekilde çalışmak için çok küçük olanların yanı sıra çok büyük resimler de dahildir.
Bu görüntülerin boyutlarını düzeninize zorlamak için CSS'yi kullansanız bile, site için orijinal özelliklerinizle ölçeklendirilmiş görüntüler sorunlara neden olur. Görüntünün boyutları yanlışsa, CSS'niz bu görüntüyü uygun genişlik ve yükseklik kullanarak göstermeye zorlayabilir, ancak görüntünün kendisi ve en boy oranı bozuk olabilir. Bu, sitenizin görünümüne çok küçük bir görüntü olarak "havaya uçurulacak" ve kaliteyi kaybedecek gibi olumsuz bir etki yaratacaktır. CSS ile küçültülmüş çok büyük bir görüntü iyi görünüyor ve kalitesini koruyor, ancak dosya boyutu nasıl kullanılmakta olduğu için makul olmayan büyük olabilir.
Web sitesi çalışmalarınızı test ederken, amaçlanan kapsamın dışında kalan resimler eklediğinizden emin olun. Görüntüyü yeniden boyutlandırarak veya bir yanlış en boy oranı durumunda, görüntüyü gerektiğinde kırpmak için CSS klips özelliği gibi bir şey kullanmayı düşünerek bu zorlukları ele alan CSS ve yanıt veren görüntü tekniklerini ekleyin.
Diğer Medyaları Test Etme
Resimlere ek olarak, sitenizdeki videolar gibi diğer medyaları da test edin ve farklı boyutlandırma ve en boy oranı değerlerini kullanarak bu öğelerin yerleşimlerinizde nasıl görüneceğini görün. Bir kez daha sitenizin duyarlı doğasını ve farklı cihaz ve ekran boyutları için nasıl çalışacağını düşünün.
Metin Başlıkları Sınama
Resimlerden sonra, web siteleri dışındaki profesyoneller tarafından yönetilen canlı web siteleriyle en fazla sorun yaratan bir sonraki web sitesi alanı metin başlıklarıdır. Bunlar genellikle bir sayfanın içeriğini veya bu sayfadaki bir bölümü başlatacak olan (sözde) kısa metin satırlarıdır. “Paragrafları Test Etme” başlıklı bu paragrafın üzerindeki metin bunun bir örneğidir.
Bu gibi bir başlığı alacak bir site tasarladıysanız:
“Metin Başlıkları Testi”
Ancak, müşteriniz, aşağıdaki gibi bir başlık içeren bir makale eklemek için CMS'yi kullanır:
“Farklı Boyutlarda Gereksinimler ve Kullanıcı İhtiyaçlarına Sahip Çeşitli Web Sayfalarında Metin Başlıkları Testi”
Ardından, düzeniniz tüm bu ekstra metinleri temiz bir şekilde karşılayamayabilir. Tıpkı, ilk başta tasarladığınız boyutların dışında kalan girişleri ekleyerek, resimlerinizi ve ortamınızı test etmeniz gerektiği gibi, tıpkı metin başlıkları ile bunu yaptığınızda, tıpkı ultra uzun hatlar gibi etkili hatların etkin biçimde görüntülenmesini sağlayacak kadar esnek olduğundan emin olun. Yukarıdaki
Metin Uzunluklarını Test Etme
Metnin konusunu ele alarak, sayfalardaki ana içerik için farklı metin uzunluklarını da test etmek istersiniz. Bu, çok, çok uzun metinlerin yanı sıra çok çok kısa olan ve çok sayıda sayfa düzenini engelleyen sorun olabilir.
Web sayfaları, doğası gereği, içerdikleri metnin yüksekliğini alabilecek boyutta büyüdüğünden, çok sayıda metin içeren sayfalar genellikle gerektiğinde yalnızca yükseklikte ölçeklenir. Sayfanın yüksekliğini kısıtlamadıkça (sayfanızın esnek olmasını istiyorsanız bunu yapmamalısınız ), ekstra metin bir sorun oluşturmamalıdır. Çok az metin başka bir konudur - ve birçok tasarımcının tasarım sürecinde test etmeyi unuttuğudur.
Çok az metin bir sayfanın eksik veya hatta bozuk görünmesine neden olabilir. Bu nedenle, bu örneklerde neler olduğunu görmek için sayfa içeriğinizi küçültün ve bu durumların üstesinden gelmek için sitenizin CSS'sinde gerekli ayarlamaları yapın.
Test Sayfası Yakınlaştırması
Görme sorunları olan kişiler, web sayfanızın boyutunu artırmak için bir web tarayıcısının Page Zoom özelliğini kullanıyor olabilir. Birisi önemli ölçüde yakınlaştırırsa, düzeniniz bozulabilir. Bu, EM'leri web sitenizin yazı tipi boyutlarının yanı sıra medya sorgularınız için ölçüm birimi olarak kullanmak isteyebileceğiniz nedenlerden biridir. EM'ler göreceli bir ölçü birimi olduğundan (bu tarayıcının varsayılan metin boyutuna göre), akışkan, esnek web sitesi düzenleri için daha elverişlidirler.
Web sitenizi sayfa yakınlaştırma için test edin ve bir veya iki düzeyde yakınlaştırmada durmayın. Sayfalarınızın amaçlanan şekilde tepki verdiğinden emin olmak için sitenizi çeşitli düzeylerde yukarı ve aşağı doğru yakınlaştırın.
İndirme Hızını ve Performansı Unutmayın
Müşteri kararlarının mizanpaj sonuçlarını test ederken, bu kararların bir sitenin performansı üzerindeki etkisine de dikkat etmeyi unutmayın. Bu müşterilerin ekleyeceği resim ve içerik, sitenin indirme hızını engelleyebilir ve sitenin genel kullanılabilirliğini ciddi şekilde yok edebilir. Bu eklemelerin etkisini planlayın ve bu etkileri en aza indirgemek için geliştirme sürecindeki rolünüzü yapın.
Web siteniz bir performans bütçesiyle oluşturuluyorsa, bu bilgileri müşterilerinizle paylaşın ve bir web sayfasını performans metrikleri için nasıl test edeceğinizi gösterin. Sayfa boyutu ve indirme hızı için bu belirlenmiş eşikleri korumanın önemini açıklayın ve ekledikleri eklemelerin siteyi bir bütün olarak nasıl etkileyebileceğini onlara gösterin. Sitenin nasıl çalıştığını ve iyi baktığını eğitmek için zaman ayırın. Eğitim konusunda…
Müşteri Eğitimi Temeldir
Sitenizin resimlerini, metinlerini ve diğer sayfa öğelerini test etmek ve aşırı örnekleri hesaba katacak stilleri oluşturmak önemlidir, ancak bu hiçbir zaman istemci eğitiminin yerini tutmaz. Bir siteyi kurşun geçirmez hale getiren işiniz, müşterilerinize sitelerini etkili bir şekilde nasıl idare edebilecekleri ve yönetecekleri konusunda eğitim verdiğiniz zamana ek olarak olmalıdır. Sonunda, sorumluluklarını ve bir sitede yaptıkları kararların etkisini anlayan iyi eğitimli bir müşteri, bu siteyi çalışmaya ve elinden gelenin en iyisini yapmaya devam etme çabalarınız için çok değerli olacaktır.