Ekran dışında kalan görselleri gecikmeli yüklemek başlangıç maliyetini azaltabilir. Ancak ilk ekranda hemen görülmesi gereken ana görsellerin geciktirilmesi ters etki oluşturabilir.
Uygulama adımları
- İlk ekranda görünen görselleri ayrı belirleyin.
- Alt bölüm ve makale kartlarında gecikmeli yüklemeyi değerlendirin.
- Kaydırma sırasında görsellerin zamanında açıldığını test edin.
Örnek durum
Footer öncesindeki blog kartları lazy loading için uygun olabilirken ana hero görseli genellikle öncelikli yüklenmelidir.
Dikkat edilmesi gerekenler
Bütün kaynaklara aynı yükleme kuralını uygulamayın. Görselin sayfadaki konumuna göre karar verin.
Planlama ve kontrol
Görsel arşivinde kaynak adresi, fotoğrafçı, lisans ve kullanım yeri birlikte saklanabilir. Böylece sonraki tasarım değişikliğinde dosyanın nereden geldiği tekrar araştırılmaz. Alternatif metin fotoğrafta gerçekten görünen unsurları açıklamalıdır. Dekoratif görüntüyle bilgi taşıyan görüntünün görevini ayırmak, hem içerik planını hem erişilebilirlik kontrolünü kolaylaştırır.
Gerçek kullanım denemesinde ziyaretçiye bir görev verin: ilgili hizmeti bulması, kapsamını okuması ve iletişime geçmesi gibi. Nerede duraksadığını izleyin. Açıklama yapmadan tamamlanamayan adım, tasarımın daha anlaşılır hale getirilmesi gereken noktayı gösterebilir. Kontrolü farklı ekran büyüklüğünde tekrarlamak sorunun yalnızca tek cihazla sınırlı olup olmadığını ayırır.
Ölçümü aynı cihaz ve benzer bağlantı koşullarında tekrarlamak karşılaştırmayı daha anlamlı kılar. Birden fazla düzenleme birlikte yapılırsa hangi değişikliğin fayda sağladığını anlamak zorlaşabilir. Önce en büyük soruna odaklanıp sonucu kontrol etmek uygulanabilir bir yöntemdir. Tasarımın görünümü korunurken gereksiz kaynakların azaltılması günlük kullanımda daha dengeli bir deneyim sağlayabilir.
Sayfa düzeninde görsel öncelik ile iş önceliği birbirini desteklemelidir. En önemli bilginin yalnızca en alta yerleştirilmesi ziyaretçinin kararını geciktirebilir. Tasarım değerlendirmesinde örnek metin yerine gerçek uzunluktaki içerik kullanılmalıdır. Kısa bir başlıkla sorunsuz görünen kart, gerçek hizmet adı eklendiğinde taşabilir veya önemli açıklamayı görünmez hale getirebilir.
Açıklamayı değerlendirirken okuyucunun önceden ne bildiğini varsaydığınızı gözden geçirin. İşletme içinde herkesin anladığı bir terim yeni müşteri için belirsiz olabilir. Kısa bir örnek veya kapsam sınırı eklemek soruyu netleştirebilir. Örneklerin temsili olduğunu belli etmek, açıklayıcı anlatımla gerçek proje sonucu arasındaki ayrımı korur.
Metni ilk kez okuyan bir işletme sahibinin sorusunu düşünün. Giriş bölümünden sonra okuyucunun elinde hangi yeni bilgi kalıyor? Teknik terimleri kısa açıklamalarla desteklemek, içeriğin uzman olmayan ziyaretçiler için de kullanılabilir olmasını sağlar.
İşletmenizin ihtiyacına uygun kapsamı belirlemek için hizmet seçeneklerimizi inceleyebilirsiniz. Örnekleri kendi çalışma biçiminize uyarlayın; uygulama öncesinde işletmenize ait bilgileri doğrulayın.