Kaynak vaadiyle başlayın
Tasarım çalışmasına başlamadan önce, kaynak iddiasını, hedef kitleyi, teklifi, şartı ve CTA’yı kaydedin. Bu anlamı geniş bir marka sloganı yerine yalın bir dille koruyun. Kaynak ücretsiz bir taşıma değerlendirmesi teklif ediyorsa, bunu üst bölümde belirtin.
Kısa bir açıklama ekleyin: kim ne alıyor ve birincil CTA’yı yakına yerleştirin. Herhangi bir önemli fiyat, uygunluk, sözleşme, konum veya zamanlama koşulunu vaatle yakın tutun. Mesaj eşleşmesi kelime kelime tekrar değil sürekliliktir: sayfa kısa bir reklamın açıklayamadığını açıklayabilir.
Kaynak iddiasını, sayfa başlığını, destekleyici açıklamayı, nitelik koşulunu ve CTA’yı kaydedin. Yayınlamadan önce çelişkileri çözün.
Bir ana sonuca odaklanın: iletişim talebi, tanımlı bir öğe satın alma, denemeye başlama veya bir kaynağa erişim.
Bir sonraki kararı görünür kılın
Görsel hiyerarşi, boyut, boşluk, kontrast, konum ve gruplaşmanın dikkat yönlendirdiği sıradır. Mobil sırayı vaat, açıklama, CTA, kanıt, detay ve yinelenen CTA olarak kullanın. Bir ziyaretçi teklifi öğrenmeden önce bir düzeni çözmek zorunda kalmamalıdır.
Birincil CTA’ya belirli bir dil, kontrast ve alan verin. İkincil eylemleri daha sessiz yapın. Menülerin, sohbetin, onay bildirimlerinin, bannerların ve karusellerin küçük ekranda CTA’yı, alanları, odak durumunu veya önemli terimleri kapatmamasına dikkat edin.
İlk kez bakan birine ne teklif edildiğini, kimin için olduğunu ve bir sonraki adımda ne yapacağını sorun. Belirsizlik kopya veya düzen sorunudur.
Yaygın genişlikleri, yakınlaştırmayı ve uzun çevrilmiş dizeleri kontrol edin. Eylem yanlış dokunuşlar olmadan erişilebilir kalmalıdır.
İddianızı abartmadan kanıtlayın
İlgili bir şüpheyi yanıtlayan kanıt kullanın: yetenek için özellik açıklaması, uygulanabilirlik için bir uygulama örneği, bütçe için fiyat açıklaması veya risk için bir politika. Uygun olduğunda bir vaka çalışması kaynağı ve tarih belirtin. Müşteri sonucunu tipik olarak sunmak yerine, sonuca etki eden koşulları belirtin.
Yalnızca gerçek, kaynak gösterilebilir referanslar kullanın. FTC rehberi, işletmenin kendi web sitesine sahte veya yanlış referanslar koymasının ABD Tüketici İncelemeleri ve Referanslar Kuralları kapsamında sorumluluk doğurabileceğini belirtir. Alıntılar icat etmeyin, anlamı değiştirmeyin, önemli bir ilişkiyi gizlemeyin veya olumlu görüş için ödeme yapmayın. Teşvikli onaylar, düzenlenmiş iddialar ve sınırlar ötesi kampanyalar için nitelikli hukuk ve uyum incelemesi isteyin.
Şüpheci bir ziyaretçinin bu iddiayı değerlendirmek için neye ihtiyaç duyacağını sorun, sonra o kanıtı sağlayın veya bağlayın.
Ürün yetenekleri, gözlemlenen müşteri sonuçları ve tahminleri ayrı tutun.
Formları ve eylemleri daha fazla kişi için kullanılabilir kılın
W3C’nin form rehberi her kontrol için bir etiket, tamamlanma talimatları ve net başarı/hata bildirimleri önermektedir. Süreci tamamlamak için yalnızca gereken bilgileri sorun. Görünür etiketler ve kısa bir form sürtünmeyi ve gereksiz veri toplamanın önünü keser.
Yalnızca ipucu metnini tek etiket veya yalnızca rengi tek hata sinyali olarak kullanmayın. Gerekli alanları ve formatları gönderimden önce belirtin; düzeltmeleri açıklayın. Klavye gezinmesini ve onay geri bildirimini test edin. WCAG 2.2 Seviye AA, normal metin için 4.5:1 ve büyük metin için 3:1 kontrast oranı bekler; ayrıca metnin yeniden boyutlandırıldığında işlevsel kalmasını öngörür. Teknik kontroller kullanıcı testi veya yerel tavsiyenin yerine geçmez.
Her kontrolde Tab ile ilerleyin. Odak görünür olmalı, sıra okuma sırasını takip etmeli ve modal pencerelerin net bir çıkışı olmalıdır.
Ödeme veya hassas kişisel veri için alanları en aza indirin ve nitelikli güvenlik, gizlilik ve ödeme-uyumluluk incelemesi alın. Bu bir uyumluluk değerlendirmesi değildir.
Kahramanı hızlı tutun ve düzeni sabitleyin
Largest Contentful Paint (LCP), en büyük başlangıç içeriği öğesi etrafındaki yükleme performansını ölçer. Google, LCP için 2.5 saniye içinde, Interaction to Next Paint (INP) için 200 milisaniye altında ve Cumulative Layout Shift (CLS) için 0.1’in altında olmaya çalışmayı önerir. Bunlar tanılardır, dönüşüm garantisi değildir.
Gerçek mobil ziyaretteki LCP öğesini ölçün; bu bir kahraman görseli veya başlık olabilir. web.dev, bu kaynağın ilk HTML’de keşfedilebilir olmasını ve LCP görselinin asla lazy-load (tembel yükleme) yapılmamasını önerir. Görseller, gömülü öğeler, bannerlar ve form hataları için alan ayırın ki düzen, tıklamaya hazır bir ziyaretçi altında hareket etmesin.
Etiketleri, fontları, deneyleri, sohbeti ve videoyu denetleyin. Gerekli bileşenleri optimize edip test edin; gerekli onay, güvenlik veya temel akış araçlarını körü körüne silmeyin.
Kahraman renderı, CTA, doğrulama, onay ve devri test edin. Hızlı bir ilk görünüm kırık bir eylemi telafi etmez.
Vaat edilen yolu uçuş öncesi kontrol edin ve düzeltin
Açılış sayfaları, yaratıcı, fiyatlandırma, formlar, etiketler veya bağımlılıklar değiştiğinde yayın sonrası sürüklenebilir. Bir kampanya veya büyük sürüm öncesi kaynak URL’sini, mesaj eşleşmesini, mobil düzeni, klavye yolunu, CTA’yı, onayı, onay davranışını ve yasal bağlantıları kontrol edin. Bir değişiklik kaydı ve test edilmiş geri dönüş yolu tutun.
SIU’nun rolü kesinti raporlaması değil, proaktif kullanılabilirlik optimizasyonu ve düzeltmedir. Bir erişilebilirlik ve eylem-yolu uçuş öncesi çalıştırın, ardından ulaşılmaz varış noktasını, bozuk CTA’yı, engellenmiş varlığı, başarısız formu veya eksik onayı onarın. Arızalı bir etiket, yaratıcı veya bağımlılık tespit edilirse son bilinen iyi deneyime geri dönüş (rollback) hazırlayın.
Kritik yolu doğrulamak için bir kişiyi ve geri alma yetkisine sahip bir kişiyi atayın.
Yanlış teklifleri, başarısız eylemleri, erişilemez engelleyicileri ve kararsız düzenleri kozmetik deneylerin önünde önceliklendirin.